synapse-react-client 4.0.18 → 4.0.20

package/dist/components/RecentPublicationsGrid/RecentPublicationsGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecentPublicationsGrid.js","names":[],"sources":["../../../src/components/RecentPublicationsGrid/RecentPublicationsGrid.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/index'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { convertDoiToLink } from '@/utils/functions/RegularExpressions'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Box, Chip, Link as MuiLink, Skeleton, Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { QueryBundleRequest, Row } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport PortalSectionHeader from '../PortalSectionHeader'\n\nexport type RecentPublicationsGridProps = {\n  sql: string\n  buttonLink?: string\n  buttonLinkText?: string\n  summaryText?: string\n}\n\ntype PublicationCardProps = {\n  pub: Row\n  isLoading: boolean\n  categoryColIndex: number\n  titleColIndex: number\n  journalColIndex: number\n  publicationDateColIndex: number\n  doiColIndex: number\n}\n\nconst PublicationCard = ({\n  pub,\n  isLoading,\n  categoryColIndex: _categoryColIndex, // PORTALS-3426 - category was dropped\n  titleColIndex,\n  journalColIndex,\n  publicationDateColIndex,\n  doiColIndex,\n}: PublicationCardProps): React.ReactNode => (\n  <Grid\n    key={pub.rowId}\n    sx={{\n      height: { xs: 'auto', sm: 'initial' },\n      minWidth: { xs: '280px', lg: 'initial' },\n      maxWidth: { xs: '450px', lg: 'initial' },\n    }}\n  >\n    <Box sx={{ height: '100%' }}>\n      {isLoading ? (\n        <Skeleton variant=\"rectangular\" height={275} width=\"100%\" />\n      ) : (\n        <div>\n          {pub.values[journalColIndex] && (\n            <Chip\n              label={\n                <Typography\n                  variant={'overline'}\n                  sx={{ fontSize: '14px', lineHeight: 'initial' }}\n                >\n                  {pub.values[journalColIndex]}\n                </Typography>\n              }\n              sx={{\n                borderRadius: '3px',\n                height: 'auto',\n                padding: '4px 8px',\n                '& .MuiChip-label': {\n                  padding: '0',\n                  display: 'block',\n                  whiteSpace: 'normal',\n                },\n              }}\n            />\n          )}\n          <Typography\n            variant=\"headline2\"\n            sx={{\n              color: 'grey.1000',\n              fontSize: '21px',\n              padding: '20px 0px',\n            }}\n          >\n            <MuiLink\n              href={convertDoiToLink(pub.values[doiColIndex] || '')}\n              target=\"_blank\"\n              sx={{\n                color: 'inherit',\n                textDecoration: 'none',\n                fontWeight: 'inherit',\n                '&:hover': {\n                  textDecoration: 'none',\n                },\n              }}\n            >\n              {pub.values[titleColIndex]}\n            </MuiLink>\n          </Typography>\n          <Box\n            sx={{\n              display: 'flex',\n              gap: '8px',\n              flexDirection: 'column',\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                color: 'grey.700',\n                fontSize: '14px',\n                lineHeight: 1.35,\n                paddingBottom: { xs: 0, md: '35px' },\n              }}\n            >\n              {pub.values[publicationDateColIndex] &&\n                formatDate(\n                  dayjs(Number(pub.values[publicationDateColIndex])),\n                  'MMMM, YYYY',\n                )}\n            </Typography>\n          </Box>\n        </div>\n      )}\n    </Box>\n  </Grid>\n)\n\nfunction RecentPublicationsGrid(props: RecentPublicationsGridProps) {\n  const { sql, buttonLink, buttonLinkText, summaryText } = props\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask: BUNDLE_MASK_QUERY_SELECT_COLUMNS | BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult!.queryResults.rows ?? []\n\n  enum ExpectedColumns {\n    CATEGORY = 'Category',\n    JOURNAL = 'Journal',\n    TITLE = 'Title',\n    PUBLICATION_DATE = 'publicationDate',\n    DOI = 'DOI',\n  }\n\n  const categoryColIndex = getFieldIndex(\n    ExpectedColumns.CATEGORY,\n    queryResultBundle,\n  )\n  const journalColIndex = getFieldIndex(\n    ExpectedColumns.JOURNAL,\n    queryResultBundle,\n  )\n  const titleColIndex = getFieldIndex(ExpectedColumns.TITLE, queryResultBundle)\n  const publicationDateColIndex = getFieldIndex(\n    ExpectedColumns.PUBLICATION_DATE,\n    queryResultBundle,\n  )\n  const doiColIndex = getFieldIndex(ExpectedColumns.DOI, queryResultBundle)\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', md: '3fr 1fr' },\n        height: { xs: 'auto', md: 'initial' },\n        gap: { xs: '24px', md: '80px' },\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <Box\n        sx={{\n          order: { xs: 1, md: 0 },\n        }}\n      >\n        <Box\n          sx={theme => ({\n            display: 'grid',\n            gap: '32px',\n            gridTemplateColumns: {\n              xs: '1fr',\n              sm: 'repeat(auto-fill, minmax(280px, 1fr))',\n              lg: 'repeat(auto-fill, minmax(255px, 1fr))',\n              xl: 'repeat(auto-fill, minmax(322px, 1fr))',\n            },\n            [theme.breakpoints.down('sm')]: {\n              '& > :nth-of-type(n+4)': {\n                display: 'none',\n              },\n            },\n          })}\n        >\n          {dataRows.map(pub => (\n            <PublicationCard\n              pub={pub}\n              key={pub.rowId}\n              isLoading={isLoading}\n              categoryColIndex={categoryColIndex}\n              titleColIndex={titleColIndex}\n              journalColIndex={journalColIndex}\n              publicationDateColIndex={publicationDateColIndex}\n              doiColIndex={doiColIndex}\n            />\n          ))}\n        </Box>\n      </Box>\n      <Box sx={{ paddingBottom: '30px' }}>\n        <PortalSectionHeader\n          title=\"Recently Published\"\n          summaryText={summaryText}\n          buttonText={buttonLinkText}\n          link={buttonLink}\n          reverseButtonAndText\n          sx={{\n            h2: { fontSize: '24px', paddingTop: '30px', width: '100%' },\n            '& p': { fontSize: '16px', lineHeight: '24px' },\n          }}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nexport default RecentPublicationsGrid\n"],"mappings":"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"}
+{"version":3,"file":"RecentPublicationsGrid.js","names":[],"sources":["../../../src/components/RecentPublicationsGrid/RecentPublicationsGrid.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/index'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { convertDoiToLink } from '@/utils/functions/RegularExpressions'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Box, Chip, Link as MuiLink, Skeleton, Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { QueryBundleRequest, Row } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport PortalSectionHeader from '../PortalSectionHeader'\n\nexport type RecentPublicationsGridProps = {\n  sql: string\n  buttonLink?: string\n  buttonLinkText?: string\n  summaryText?: string\n}\n\ntype PublicationCardProps = {\n  pub: Row\n  isLoading: boolean\n  categoryColIndex: number\n  titleColIndex: number\n  journalColIndex: number\n  publicationDateColIndex: number\n  doiColIndex: number\n}\n\nconst PublicationCard = ({\n  pub,\n  isLoading,\n  categoryColIndex: _categoryColIndex, // PORTALS-3426 - category was dropped\n  titleColIndex,\n  journalColIndex,\n  publicationDateColIndex,\n  doiColIndex,\n}: PublicationCardProps): React.ReactNode => (\n  <Grid\n    key={pub.rowId}\n    sx={{\n      height: { xs: 'auto', sm: 'initial' },\n      minWidth: { xs: '280px', lg: 'initial' },\n      maxWidth: { xs: '450px', lg: 'initial' },\n    }}\n  >\n    <Box sx={{ height: '100%' }}>\n      {isLoading ? (\n        <Skeleton variant=\"rectangular\" height={275} width=\"100%\" />\n      ) : (\n        <div>\n          {pub.values[journalColIndex] && (\n            <Chip\n              label={\n                <Typography\n                  variant={'overline'}\n                  sx={{ fontSize: '14px', lineHeight: 'initial' }}\n                >\n                  {pub.values[journalColIndex]}\n                </Typography>\n              }\n              sx={{\n                borderRadius: '3px',\n                height: 'auto',\n                padding: '4px 8px',\n                '& .MuiChip-label': {\n                  padding: '0',\n                  display: 'block',\n                  whiteSpace: 'normal',\n                },\n              }}\n            />\n          )}\n          <Typography\n            variant=\"headline2\"\n            sx={{\n              color: 'grey.1000',\n              fontSize: '21px',\n              padding: '20px 0px',\n            }}\n          >\n            <MuiLink\n              href={convertDoiToLink(pub.values[doiColIndex] || '')}\n              target=\"_blank\"\n              sx={{\n                color: 'inherit',\n                textDecoration: 'none',\n                fontWeight: 'inherit',\n                '&:hover': {\n                  textDecoration: 'none',\n                },\n              }}\n            >\n              {pub.values[titleColIndex]}\n            </MuiLink>\n          </Typography>\n          <Box\n            sx={{\n              display: 'flex',\n              gap: '8px',\n              flexDirection: 'column',\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                color: 'grey.700',\n                fontSize: '14px',\n                lineHeight: 1.35,\n                paddingBottom: { xs: 0, md: '35px' },\n              }}\n            >\n              {pub.values[publicationDateColIndex] &&\n                formatDate(\n                  dayjs(Number(pub.values[publicationDateColIndex])),\n                  'MMMM, YYYY',\n                )}\n            </Typography>\n          </Box>\n        </div>\n      )}\n    </Box>\n  </Grid>\n)\n\nfunction RecentPublicationsGrid(props: RecentPublicationsGridProps) {\n  const { sql, buttonLink, buttonLinkText, summaryText } = props\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask: BUNDLE_MASK_QUERY_SELECT_COLUMNS | BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult!.queryResults.rows ?? []\n\n  enum ExpectedColumns {\n    CATEGORY = 'Category',\n    JOURNAL = 'Journal',\n    TITLE = 'Title',\n    PUBLICATION_DATE = 'publicationDate',\n    DOI = 'DOI',\n  }\n\n  const categoryColIndex = getFieldIndex(\n    ExpectedColumns.CATEGORY,\n    queryResultBundle,\n  )\n  const journalColIndex = getFieldIndex(\n    ExpectedColumns.JOURNAL,\n    queryResultBundle,\n  )\n  const titleColIndex = getFieldIndex(ExpectedColumns.TITLE, queryResultBundle)\n  const publicationDateColIndex = getFieldIndex(\n    ExpectedColumns.PUBLICATION_DATE,\n    queryResultBundle,\n  )\n  const doiColIndex = getFieldIndex(ExpectedColumns.DOI, queryResultBundle)\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', md: '3fr 1fr' },\n        height: { xs: 'auto', md: 'initial' },\n        gap: { xs: '24px', md: '80px' },\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <Box\n        sx={{\n          order: { xs: 1, md: 0 },\n        }}\n      >\n        <Box\n          sx={theme => ({\n            display: 'grid',\n            gap: '32px',\n            gridTemplateColumns: {\n              xs: '1fr',\n              sm: 'repeat(auto-fill, minmax(280px, 1fr))',\n              lg: 'repeat(auto-fill, minmax(255px, 1fr))',\n              xl: 'repeat(auto-fill, minmax(322px, 1fr))',\n            },\n            [theme.breakpoints.down('sm')]: {\n              '& > :nth-of-type(n+4)': {\n                display: 'none',\n              },\n            },\n          })}\n        >\n          {dataRows.map(pub => (\n            <PublicationCard\n              pub={pub}\n              key={pub.rowId}\n              isLoading={isLoading}\n              categoryColIndex={categoryColIndex}\n              titleColIndex={titleColIndex}\n              journalColIndex={journalColIndex}\n              publicationDateColIndex={publicationDateColIndex}\n              doiColIndex={doiColIndex}\n            />\n          ))}\n        </Box>\n      </Box>\n      <Box sx={{ paddingBottom: '30px' }}>\n        <PortalSectionHeader\n          title=\"Recently Published\"\n          summaryText={summaryText}\n          buttonText={buttonLinkText}\n          link={buttonLink}\n          reverseButtonAndText\n          sx={{\n            h2: { fontSize: '24px', paddingTop: '30px', width: '100%' },\n            '& p': { fontSize: '16px', lineHeight: '24px' },\n          }}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nexport default RecentPublicationsGrid\n"],"mappings":";;;;;;;;;;;;;;AAiCA,IAAM,KAAmB,EACvB,QACA,cACA,kBAAkB,GAClB,kBACA,oBACA,4BACA,qBAEA,kBAAC,GAAD;CAEE,IAAI;EACF,QAAQ;GAAE,IAAI;GAAQ,IAAI;EAAU;EACpC,UAAU;GAAE,IAAI;GAAS,IAAI;EAAU;EACvC,UAAU;GAAE,IAAI;GAAS,IAAI;EAAU;CACzC;WAEA,kBAAC,GAAD;EAAK,IAAI,EAAE,QAAQ,OAAO;YACvB,IACC,kBAAC,GAAD;GAAU,SAAQ;GAAc,QAAQ;GAAK,OAAM;EAAQ,CAAA,IAE3D,kBAAC,OAAD,EAAA,UAAA;GACG,EAAI,OAAO,MACV,kBAAC,GAAD;IACE,OACE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MAAE,UAAU;MAAQ,YAAY;KAAU;eAE7C,EAAI,OAAO;IACF,CAAA;IAEd,IAAI;KACF,cAAc;KACd,QAAQ;KACR,SAAS;KACT,oBAAoB;MAClB,SAAS;MACT,SAAS;MACT,YAAY;KACd;IACF;GACD,CAAA;GAEH,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,OAAO;KACP,UAAU;KACV,SAAS;IACX;cAEA,kBAAC,GAAD;KACE,MAAM,EAAiB,EAAI,OAAO,MAAgB,EAAE;KACpD,QAAO;KACP,IAAI;MACF,OAAO;MACP,gBAAgB;MAChB,YAAY;MACZ,WAAW,EACT,gBAAgB,OAClB;KACF;eAEC,EAAI,OAAO;IACL,CAAA;GACC,CAAA;GACZ,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;KACL,eAAe;IACjB;cAEA,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,OAAO;MACP,UAAU;MACV,YAAY;MACZ,eAAe;OAAE,IAAI;OAAG,IAAI;MAAO;KACrC;eAEC,EAAI,OAAO,MACV,EACE,EAAM,OAAO,EAAI,OAAO,EAAwB,CAAC,GACjD,YACF;IACQ,CAAA;GACT,CAAA;EACF,EAAA,CAAA;CAEJ,CAAA;AACD,GAnFC,EAAI,KAmFL;AAGR,SAAS,EAAuB,GAAoC;CAClE,IAAM,EAAE,QAAK,eAAY,mBAAgB,mBAAgB,GAYnD,EAAE,MAAM,GAAmB,iBAC/B,EAAwB;EARxB,UAAA;EACA,cAAc;EACd,UALe,EAA8B,CAK7C;EACA,OAAO,EACL,OACF;CAGwB,CAAkB,GAEtC,IAAW,GAAmB,YAAa,aAAa,QAAQ,CAAC,GAUjE,IAAmB,EAAA,YAEvB,CACF,GACM,IAAkB,EAAA,WAEtB,CACF,GACM,IAAgB,EAAA,SAAqC,CAAiB,GACtE,IAA0B,EAAA,mBAE9B,CACF,GACM,IAAc,EAAA,OAAmC,CAAiB;CAExE,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,qBAAqB;IAAE,IAAI;IAAO,IAAI;GAAU;GAChD,QAAQ;IAAE,IAAI;IAAQ,IAAI;GAAU;GACpC,KAAK;IAAE,IAAI;IAAQ,IAAI;GAAO;GAC9B,SAAS;IAAE,IAAI;IAAQ,IAAI;GAAO;EACpC;YAPF,CASE,kBAAC,GAAD;GACE,IAAI,EACF,OAAO;IAAE,IAAI;IAAG,IAAI;GAAE,EACxB;aAEA,kBAAC,GAAD;IACE,KAAI,OAAU;KACZ,SAAS;KACT,KAAK;KACL,qBAAqB;MACnB,IAAI;MACJ,IAAI;MACJ,IAAI;MACJ,IAAI;KACN;MACC,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,yBAAyB,EACvB,SAAS,OACX,EACF;IACF;cAEC,EAAS,KAAI,MACZ,kBAAC,GAAD;KACO;KAEM;KACO;KACH;KACE;KACQ;KACZ;IACd,GAPM,EAAI,KAOV,CACF;GACE,CAAA;EACF,CAAA,GACL,kBAAC,GAAD;GAAK,IAAI,EAAE,eAAe,OAAO;aAC/B,kBAAC,GAAD;IACE,OAAM;IACO;IACb,YAAY;IACZ,MAAM;IACN,sBAAA;IACA,IAAI;KACF,IAAI;MAAE,UAAU;MAAQ,YAAY;MAAQ,OAAO;KAAO;KAC1D,OAAO;MAAE,UAAU;MAAQ,YAAY;KAAO;IAChD;GACD,CAAA;EACE,CAAA,CACF;;AAET"}

package/dist/components/RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegisterPageLogoutPrompt.js","names":[],"sources":["../../../src/components/RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.tsx"],"sourcesContent":["import SageFullLogo from '@/assets/icons/SageFullLogo'\nimport { Button, Paper, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { useApplicationSessionContext } from '@/utils'\n\nexport type RegisterPageLogoutPromptProps = {\n  logo?: ReactNode\n}\n\nexport default function RegisterPageLogoutPrompt(\n  props: RegisterPageLogoutPromptProps,\n) {\n  const { logo = <SageFullLogo width={'100%'} /> } = props\n\n  const { clearSession } = useApplicationSessionContext()\n\n  return (\n    <Paper\n      sx={{\n        width: '450px',\n        px: 8,\n        py: 6,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n      }}\n    >\n      {logo}\n      <Typography\n        variant={'headline3'}\n        sx={{\n          my: 1,\n        }}\n      >\n        Already Logged In\n      </Typography>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          my: 1,\n        }}\n      >\n        To register an account, please log out first\n      </Typography>\n      <Button\n        variant={'contained'}\n        size={'large'}\n        fullWidth\n        sx={{ p: 1.5, mt: 5, fontSize: '16px' }}\n        onClick={() => {\n          clearSession()\n        }}\n      >\n        Log Out\n      </Button>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,UAAO,kBAAC,GAAD,EAAc,OAAO,QAAU,CAAA,KAAK,GAE7C,EAAE,oBAAiB,GAA8B;AAEvD,QACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,eAAe;GACf,YAAY;GACb;YARH;GAUG;GACD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,GACL;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,GACL;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,SAAS;IACT,MAAM;IACN,WAAA;IACA,IAAI;KAAE,GAAG;KAAK,IAAI;KAAG,UAAU;KAAQ;IACvC,eAAe;AACb,QAAc;;cAEjB;IAEQ,CAAA;GACH"}
+{"version":3,"file":"RegisterPageLogoutPrompt.js","names":[],"sources":["../../../src/components/RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.tsx"],"sourcesContent":["import SageFullLogo from '@/assets/icons/SageFullLogo'\nimport { Button, Paper, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { useApplicationSessionContext } from '@/utils'\n\nexport type RegisterPageLogoutPromptProps = {\n  logo?: ReactNode\n}\n\nexport default function RegisterPageLogoutPrompt(\n  props: RegisterPageLogoutPromptProps,\n) {\n  const { logo = <SageFullLogo width={'100%'} /> } = props\n\n  const { clearSession } = useApplicationSessionContext()\n\n  return (\n    <Paper\n      sx={{\n        width: '450px',\n        px: 8,\n        py: 6,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n      }}\n    >\n      {logo}\n      <Typography\n        variant={'headline3'}\n        sx={{\n          my: 1,\n        }}\n      >\n        Already Logged In\n      </Typography>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          my: 1,\n        }}\n      >\n        To register an account, please log out first\n      </Typography>\n      <Button\n        variant={'contained'}\n        size={'large'}\n        fullWidth\n        sx={{ p: 1.5, mt: 5, fontSize: '16px' }}\n        onClick={() => {\n          clearSession()\n        }}\n      >\n        Log Out\n      </Button>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,UAAO,kBAAC,GAAD,EAAc,OAAO,OAAS,CAAA,MAAM,GAE7C,EAAE,oBAAiB,EAA6B;CAEtD,OACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,eAAe;GACf,YAAY;EACd;YARF;GAUG;GACD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,EACN;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,EACN;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,SAAS;IACT,MAAM;IACN,WAAA;IACA,IAAI;KAAE,GAAG;KAAK,IAAI;KAAG,UAAU;IAAO;IACtC,eAAe;KACb,EAAa;IACf;cACD;GAEO,CAAA;EACH;;AAEX"}

package/dist/components/ReleaseCard/ReleaseCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCard.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCard.tsx"],"sourcesContent":["import { ReleaseCardLarge } from './ReleaseCardLarge'\nimport { ReleaseCardMedium } from './ReleaseCardMedium'\nimport { ReleaseCardConfig } from './ReleaseCardTypes'\n\n/**\n * Column index values into the row values given provided in \"data\"\n * Used to define release metadata (entity id, name, date)\n * as well as statistics and button to explore data\n */\nexport type ReleaseCardSchema = Record<string, number>\n\nexport type ReleaseCardProps = {\n  schema: ReleaseCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n  releaseCardConfig: ReleaseCardConfig\n}\n\n/**\n * Specialized Release Card, initially implemented for the GENIE portal.\n * Expects columns used to define release metadata (entity id, name, date)\n * as well as statistics columns and columns for defining a button to explore data\n * as defined in the releaseCardConfig\n */\nexport function ReleaseCard(props: ReleaseCardProps) {\n  const { releaseCardConfig, ...rest } = props\n  switch (releaseCardConfig.cardSize) {\n    case 'large':\n      return (\n        <ReleaseCardLarge releaseCardConfig={releaseCardConfig} {...rest} />\n      )\n    case 'medium':\n      return (\n        <ReleaseCardMedium releaseCardConfig={releaseCardConfig} {...rest} />\n      )\n    default:\n      console.error('No size specified for ReleaseCard')\n      return <div />\n  }\n}\n"],"mappings":";;;;AAwBA,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,sBAAmB,GAAG,MAAS;AACvC,SAAQ,EAAkB,UAA1B;EACE,KAAK,QACH,QACE,kBAAC,GAAD;GAAqC;GAAmB,GAAI;GAAQ,CAAA;EAExE,KAAK,SACH,QACE,kBAAC,GAAD;GAAsC;GAAmB,GAAI;GAAQ,CAAA;EAEzE,QAEE,QADA,QAAQ,MAAM,oCAAoC,EAC3C,kBAAC,OAAD,EAAO,CAAA"}
+{"version":3,"file":"ReleaseCard.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCard.tsx"],"sourcesContent":["import { ReleaseCardLarge } from './ReleaseCardLarge'\nimport { ReleaseCardMedium } from './ReleaseCardMedium'\nimport { ReleaseCardConfig } from './ReleaseCardTypes'\n\n/**\n * Column index values into the row values given provided in \"data\"\n * Used to define release metadata (entity id, name, date)\n * as well as statistics and button to explore data\n */\nexport type ReleaseCardSchema = Record<string, number>\n\nexport type ReleaseCardProps = {\n  schema: ReleaseCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n  releaseCardConfig: ReleaseCardConfig\n}\n\n/**\n * Specialized Release Card, initially implemented for the GENIE portal.\n * Expects columns used to define release metadata (entity id, name, date)\n * as well as statistics columns and columns for defining a button to explore data\n * as defined in the releaseCardConfig\n */\nexport function ReleaseCard(props: ReleaseCardProps) {\n  const { releaseCardConfig, ...rest } = props\n  switch (releaseCardConfig.cardSize) {\n    case 'large':\n      return (\n        <ReleaseCardLarge releaseCardConfig={releaseCardConfig} {...rest} />\n      )\n    case 'medium':\n      return (\n        <ReleaseCardMedium releaseCardConfig={releaseCardConfig} {...rest} />\n      )\n    default:\n      console.error('No size specified for ReleaseCard')\n      return <div />\n  }\n}\n"],"mappings":";;;;AAwBA,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,sBAAmB,GAAG,MAAS;CACvC,QAAQ,EAAkB,UAA1B;EACE,KAAK,SACH,OACE,kBAAC,GAAD;GAAqC;GAAmB,GAAI;EAAO,CAAA;EAEvE,KAAK,UACH,OACE,kBAAC,GAAD;GAAsC;GAAmB,GAAI;EAAO,CAAA;EAExE,SAEE,OADA,QAAQ,MAAM,mCAAmC,GAC1C,kBAAC,OAAD,CAAM,CAAA;CACjB;AACF"}

package/dist/components/ReleaseCard/ReleaseCardLarge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCardLarge.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardLarge.tsx"],"sourcesContent":["import { CalendarTodayTwoTone } from '@mui/icons-material'\nimport { Box, Button, Divider, Stack, Typography } from '@mui/material'\nimport { Fragment, useEffect, useState } from 'react'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardLargeConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport {\n  formatExplorePagePathAndQueryString,\n  formatReleaseCardData,\n} from './ReleaseCardUtils'\n\nfunction StatFlex({ value, label }: ReleaseCardStat) {\n  return (\n    <Stack\n      direction=\"column\"\n      sx={{\n        alignItems: 'center',\n        padding: { xs: '20px 10px', md: '20px 40px' },\n        gap: '10px',\n        // ensure that stats are aligned when multiple cards are stacked vertically\n        width: { xs: 'unset', lg: '200px' },\n      }}\n    >\n      <Typography variant=\"headline1\">{value}</Typography>\n      <Typography\n        variant=\"body1\"\n        sx={{\n          lineHeight: '20px',\n          color: 'grey.700',\n        }}\n      >\n        {label}\n      </Typography>\n    </Stack>\n  )\n}\n\nexport type ReleaseCardLargeProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardLargeConfig }\n\nexport function ReleaseCardLarge({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardLargeProps) {\n  const { releaseName, releaseDate, stats } = formatReleaseCardData(\n    schema,\n    data,\n    releaseCardConfig.releaseMetadataConfig,\n    releaseCardConfig.statsConfig,\n  )\n  const { primaryBtnConfig, secondaryBtnConfig } = releaseCardConfig\n\n  const [primaryBtnPathAndQuery, setPrimaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n  const [secondaryBtnPathAndQuery, setSecondaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n\n  useEffect(() => {\n    formatExplorePagePathAndQueryString(schema, data, primaryBtnConfig).then(\n      setPrimaryBtnPathAndQuery,\n    )\n\n    formatExplorePagePathAndQueryString(schema, data, secondaryBtnConfig).then(\n      setSecondaryBtnPathAndQuery,\n    )\n  }, [schema, data, primaryBtnConfig, secondaryBtnConfig])\n\n  if (releaseName === null) return <></>\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        minWidth: '200px',\n      }}\n    >\n      <Stack\n        direction={{ xs: 'column', lg: 'row' }}\n        sx={{\n          justifyContent: 'space-between',\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Stack\n          direction=\"column\"\n          sx={{\n            gap: '20px',\n          }}\n        >\n          <Stack\n            direction=\"row\"\n            sx={{\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <CalendarTodayTwoTone sx={{ color: 'grey.700' }} />\n            <Typography variant=\"headline1\">\n              {releaseCardConfig.prependRelease && 'Release '}\n              {releaseName}\n            </Typography>\n          </Stack>\n          <Stack\n            direction={{ xs: 'column', sm: 'row' }}\n            sx={{\n              alignItems: { xs: 'flex-start', sm: 'center' },\n              gap: '20px',\n            }}\n          >\n            {primaryBtnConfig && primaryBtnPathAndQuery && (\n              <Button\n                component={ReactRouterLink}\n                variant=\"contained\"\n                color=\"primary\"\n                to={primaryBtnPathAndQuery}\n              >\n                {primaryBtnConfig.label}\n              </Button>\n            )}\n            {secondaryBtnConfig && secondaryBtnPathAndQuery && (\n              <Button component={ReactRouterLink} to={secondaryBtnPathAndQuery}>\n                {secondaryBtnConfig.label}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n        <Divider /> {/* divides stacks when page is narrow */}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: { xs: 0, lg: '10px' },\n            alignItems: 'center',\n            justifyContent: { xs: 'space-evenly', lg: 'unset' },\n            flexWrap: { xs: 'wrap', lg: 'nowrap' },\n          }}\n        >\n          <StatFlex {...releaseDate} />\n          {stats.map(stat => {\n            return (\n              <Fragment key={stat.label}>\n                <Divider orientation=\"vertical\" flexItem />\n                <StatFlex {...stat} />\n              </Fragment>\n            )\n          })}\n        </Stack>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAWA,SAAS,EAAS,EAAE,UAAO,YAA0B;AACnD,QACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAa,IAAI;IAAa;GAC7C,KAAK;GAEL,OAAO;IAAE,IAAI;IAAS,IAAI;IAAS;GACpC;YARH,CAUE,kBAAC,GAAD;GAAY,SAAQ;aAAa;GAAmB,CAAA,EACpD,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;IACR;aAEA;GACU,CAAA,CACP;;;AASZ,SAAgB,EAAiB,EAC/B,SACA,WACA,4BAAyB,IACzB,wBACwB;CACxB,IAAM,EAAE,gBAAa,gBAAa,aAAU,EAC1C,GACA,GACA,EAAkB,uBAClB,EAAkB,YACnB,EACK,EAAE,qBAAkB,0BAAuB,GAE3C,CAAC,GAAwB,KAA6B,EAE1D,KAAK,EACD,CAAC,GAA0B,KAA+B,EAE9D,KAAK;AAcP,QAZA,QAAgB;AAKd,EAJA,EAAoC,GAAQ,GAAM,EAAiB,CAAC,KAClE,EACD,EAED,EAAoC,GAAQ,GAAM,EAAmB,CAAC,KACpE,EACD;IACA;EAAC;EAAQ;EAAM;EAAkB;EAAmB,CAAC,EAEpD,MAAgB,OAAa,kBAAA,GAAA,EAAK,CAAA,GAGpC,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI,EACF,UAAU,SACX;YAED,kBAAC,GAAD;GACE,WAAW;IAAE,IAAI;IAAU,IAAI;IAAO;GACtC,IAAI;IACF,gBAAgB;IAChB,KAAK;IACL,SAAS;IACV;aANH;IAQE,kBAAC,GAAD;KACE,WAAU;KACV,IAAI,EACF,KAAK,QACN;eAJH,CAME,kBAAC,GAAD;MACE,WAAU;MACV,IAAI;OACF,YAAY;OACZ,KAAK;OACN;gBALH,CAOE,kBAAC,GAAD,EAAsB,IAAI,EAAE,OAAO,YAAY,EAAI,CAAA,EACnD,kBAAC,GAAD;OAAY,SAAQ;iBAApB,CACG,EAAkB,kBAAkB,YACpC,EACU;SACP;SACR,kBAAC,GAAD;MACE,WAAW;OAAE,IAAI;OAAU,IAAI;OAAO;MACtC,IAAI;OACF,YAAY;QAAE,IAAI;QAAc,IAAI;QAAU;OAC9C,KAAK;OACN;gBALH,CAOG,KAAoB,KACnB,kBAAC,GAAD;OACE,WAAW;OACX,SAAQ;OACR,OAAM;OACN,IAAI;iBAEH,EAAiB;OACX,CAAA,EAEV,KAAsB,KACrB,kBAAC,GAAD;OAAQ,WAAW;OAAiB,IAAI;iBACrC,EAAmB;OACb,CAAA,CAEL;QACF;;IACR,kBAAC,GAAD,EAAW,CAAA;;IACX,kBAAC,GAAD;KACE,WAAU;KACV,IAAI;MACF,KAAK;OAAE,IAAI;OAAG,IAAI;OAAQ;MAC1B,YAAY;MACZ,gBAAgB;OAAE,IAAI;OAAgB,IAAI;OAAS;MACnD,UAAU;OAAE,IAAI;OAAQ,IAAI;OAAU;MACvC;eAPH,CASE,kBAAC,GAAD,EAAU,GAAI,GAAe,CAAA,EAC5B,EAAM,KAAI,MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;MAAW,CAAA,EAC3C,kBAAC,GAAD,EAAU,GAAI,GAAQ,CAAA,CACb,EAAA,EAHI,EAAK,MAGT,CAEb,CACI;;IACF;;EACJ,CAAA"}
+{"version":3,"file":"ReleaseCardLarge.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardLarge.tsx"],"sourcesContent":["import { CalendarTodayTwoTone } from '@mui/icons-material'\nimport { Box, Button, Divider, Stack, Typography } from '@mui/material'\nimport { Fragment, useEffect, useState } from 'react'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardLargeConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport {\n  formatExplorePagePathAndQueryString,\n  formatReleaseCardData,\n} from './ReleaseCardUtils'\n\nfunction StatFlex({ value, label }: ReleaseCardStat) {\n  return (\n    <Stack\n      direction=\"column\"\n      sx={{\n        alignItems: 'center',\n        padding: { xs: '20px 10px', md: '20px 40px' },\n        gap: '10px',\n        // ensure that stats are aligned when multiple cards are stacked vertically\n        width: { xs: 'unset', lg: '200px' },\n      }}\n    >\n      <Typography variant=\"headline1\">{value}</Typography>\n      <Typography\n        variant=\"body1\"\n        sx={{\n          lineHeight: '20px',\n          color: 'grey.700',\n        }}\n      >\n        {label}\n      </Typography>\n    </Stack>\n  )\n}\n\nexport type ReleaseCardLargeProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardLargeConfig }\n\nexport function ReleaseCardLarge({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardLargeProps) {\n  const { releaseName, releaseDate, stats } = formatReleaseCardData(\n    schema,\n    data,\n    releaseCardConfig.releaseMetadataConfig,\n    releaseCardConfig.statsConfig,\n  )\n  const { primaryBtnConfig, secondaryBtnConfig } = releaseCardConfig\n\n  const [primaryBtnPathAndQuery, setPrimaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n  const [secondaryBtnPathAndQuery, setSecondaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n\n  useEffect(() => {\n    formatExplorePagePathAndQueryString(schema, data, primaryBtnConfig).then(\n      setPrimaryBtnPathAndQuery,\n    )\n\n    formatExplorePagePathAndQueryString(schema, data, secondaryBtnConfig).then(\n      setSecondaryBtnPathAndQuery,\n    )\n  }, [schema, data, primaryBtnConfig, secondaryBtnConfig])\n\n  if (releaseName === null) return <></>\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        minWidth: '200px',\n      }}\n    >\n      <Stack\n        direction={{ xs: 'column', lg: 'row' }}\n        sx={{\n          justifyContent: 'space-between',\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Stack\n          direction=\"column\"\n          sx={{\n            gap: '20px',\n          }}\n        >\n          <Stack\n            direction=\"row\"\n            sx={{\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <CalendarTodayTwoTone sx={{ color: 'grey.700' }} />\n            <Typography variant=\"headline1\">\n              {releaseCardConfig.prependRelease && 'Release '}\n              {releaseName}\n            </Typography>\n          </Stack>\n          <Stack\n            direction={{ xs: 'column', sm: 'row' }}\n            sx={{\n              alignItems: { xs: 'flex-start', sm: 'center' },\n              gap: '20px',\n            }}\n          >\n            {primaryBtnConfig && primaryBtnPathAndQuery && (\n              <Button\n                component={ReactRouterLink}\n                variant=\"contained\"\n                color=\"primary\"\n                to={primaryBtnPathAndQuery}\n              >\n                {primaryBtnConfig.label}\n              </Button>\n            )}\n            {secondaryBtnConfig && secondaryBtnPathAndQuery && (\n              <Button component={ReactRouterLink} to={secondaryBtnPathAndQuery}>\n                {secondaryBtnConfig.label}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n        <Divider /> {/* divides stacks when page is narrow */}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: { xs: 0, lg: '10px' },\n            alignItems: 'center',\n            justifyContent: { xs: 'space-evenly', lg: 'unset' },\n            flexWrap: { xs: 'wrap', lg: 'nowrap' },\n          }}\n        >\n          <StatFlex {...releaseDate} />\n          {stats.map(stat => {\n            return (\n              <Fragment key={stat.label}>\n                <Divider orientation=\"vertical\" flexItem />\n                <StatFlex {...stat} />\n              </Fragment>\n            )\n          })}\n        </Stack>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAWA,SAAS,EAAS,EAAE,UAAO,YAA0B;CACnD,OACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAa,IAAI;GAAY;GAC5C,KAAK;GAEL,OAAO;IAAE,IAAI;IAAS,IAAI;GAAQ;EACpC;YARF,CAUE,kBAAC,GAAD;GAAY,SAAQ;aAAa;EAAkB,CAAA,GACnD,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;GACT;aAEC;EACS,CAAA,CACP;;AAEX;AAOA,SAAgB,EAAiB,EAC/B,SACA,WACA,4BAAyB,IACzB,wBACwB;CACxB,IAAM,EAAE,gBAAa,gBAAa,aAAU,EAC1C,GACA,GACA,EAAkB,uBAClB,EAAkB,WACpB,GACM,EAAE,qBAAkB,0BAAuB,GAE3C,CAAC,GAAwB,KAA6B,EAE1D,IAAI,GACA,CAAC,GAA0B,KAA+B,EAE9D,IAAI;CAcN,OAZA,QAAgB;EAKd,AAJA,EAAoC,GAAQ,GAAM,CAAgB,EAAE,KAClE,CACF,GAEA,EAAoC,GAAQ,GAAM,CAAkB,EAAE,KACpE,CACF;CACF,GAAG;EAAC;EAAQ;EAAM;EAAkB;CAAkB,CAAC,GAEnD,MAAgB,OAAa,kBAAA,GAAA,CAAI,CAAA,IAGnC,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI,EACF,UAAU,QACZ;YAEA,kBAAC,GAAD;GACE,WAAW;IAAE,IAAI;IAAU,IAAI;GAAM;GACrC,IAAI;IACF,gBAAgB;IAChB,KAAK;IACL,SAAS;GACX;aANF;IAQE,kBAAC,GAAD;KACE,WAAU;KACV,IAAI,EACF,KAAK,OACP;eAJF,CAME,kBAAC,GAAD;MACE,WAAU;MACV,IAAI;OACF,YAAY;OACZ,KAAK;MACP;gBALF,CAOE,kBAAC,GAAD,EAAsB,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA,GAClD,kBAAC,GAAD;OAAY,SAAQ;iBAApB,CACG,EAAkB,kBAAkB,YACpC,CACS;QACP;SACP,kBAAC,GAAD;MACE,WAAW;OAAE,IAAI;OAAU,IAAI;MAAM;MACrC,IAAI;OACF,YAAY;QAAE,IAAI;QAAc,IAAI;OAAS;OAC7C,KAAK;MACP;gBALF,CAOG,KAAoB,KACnB,kBAAC,GAAD;OACE,WAAW;OACX,SAAQ;OACR,OAAM;OACN,IAAI;iBAEH,EAAiB;MACZ,CAAA,GAET,KAAsB,KACrB,kBAAC,GAAD;OAAQ,WAAW;OAAiB,IAAI;iBACrC,EAAmB;MACd,CAAA,CAEL;OACF;;IACP,kBAAC,GAAD,CAAU,CAAA;IAAC;IACX,kBAAC,GAAD;KACE,WAAU;KACV,IAAI;MACF,KAAK;OAAE,IAAI;OAAG,IAAI;MAAO;MACzB,YAAY;MACZ,gBAAgB;OAAE,IAAI;OAAgB,IAAI;MAAQ;MAClD,UAAU;OAAE,IAAI;OAAQ,IAAI;MAAS;KACvC;eAPF,CASE,kBAAC,GAAD,EAAU,GAAI,EAAc,CAAA,GAC3B,EAAM,KAAI,MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;KAAU,CAAA,GAC1C,kBAAC,GAAD,EAAU,GAAI,EAAO,CAAA,CACb,EAAA,GAHK,EAAK,KAGV,CAEb,CACI;;GACF;;CACJ,CAAA;AAET"}

package/dist/components/ReleaseCard/ReleaseCardMedium.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCardMedium.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardMedium.tsx"],"sourcesContent":["import { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Button, Link, Typography } from '@mui/material'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardMediumConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport { formatReleaseCardData } from './ReleaseCardUtils'\n\nfunction StatGrid({ value, label }: ReleaseCardStat) {\n  return (\n    <>\n      <Box\n        sx={{\n          gridColumn: 'span 1',\n          gridRow: 'span 1',\n          justifySelf: 'flex-end',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n          }}\n        >\n          {value}\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: 'span 1',\n          gridRow: 'span 1',\n          justifySelf: 'flex-start',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n            color: 'grey.700',\n          }}\n        >\n          {label}\n        </Typography>\n      </Box>\n    </>\n  )\n}\n\nexport type ReleaseCardMediumProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardMediumConfig }\n\nexport function ReleaseCardMedium({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardMediumProps) {\n  const { releaseName, releaseEntityId, releaseDate, stats } =\n    formatReleaseCardData(\n      schema,\n      data,\n      releaseCardConfig.releaseMetadataConfig,\n      releaseCardConfig.statsConfig,\n    )\n\n  if (releaseName === null) return <></>\n\n  const nCols = 2\n  const SPAN_ALL_COLS = `span ${nCols}`\n  const nRows = stats.length + 4\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${nCols}, 1fr)`, // columns are controlled by this component, not the parent grid\n        columnGap: '10px',\n        gridTemplateRows: 'subgrid', // rows are controlled by parent grid, so text will be aligned across cards\n        gridRow: `span ${nRows}`, // ensures that card spans the correct number of rows in the parent grid\n        rowGap: '0px', // prevent parent grid from applying its gap to the subgrid rows\n        alignItems: 'center',\n        justifyItems: 'center',\n        textAlign: 'center',\n        padding: '30px 40px 40px',\n        my: 0, // remove margin added by .SRC-portalCard - CardContainer list will set the gap between cards\n      }}\n    >\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          alignSelf: 'end',\n        }}\n      >\n        <Typography variant=\"headline1\">{releaseName}</Typography>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          mb: '30px',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n            fontStyle: 'italic',\n            color: 'grey.800',\n          }}\n        >{`Released ${releaseDate.value}`}</Typography>\n      </Box>\n      {stats.map(stat => (\n        <StatGrid key={stat.label} {...stat} />\n      ))}\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          mt: '20px',\n          mb: '5px',\n        }}\n      >\n        <Button\n          component={ReactRouterLink}\n          to={releaseCardConfig.requestAccessPath}\n          sx={{ fontSize: '14px' }}\n        >\n          Request Access\n        </Button>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n        }}\n      >\n        {releaseEntityId && (\n          <Link\n            href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${releaseEntityId}`}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            sx={{\n              fontSize: '14px',\n              textDecoration: 'none',\n            }}\n          >\n            View on Synapse.org\n          </Link>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAOA,SAAS,EAAS,EAAE,UAAO,YAA0B;AACnD,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,aAAa;GACd;YAED,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,QACb;aAEA;GACU,CAAA;EACT,CAAA,EACN,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,aAAa;GACd;YAED,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;IACR;aAEA;GACU,CAAA;EACT,CAAA,CACL,EAAA,CAAA;;AASP,SAAgB,EAAkB,EAChC,SACA,WACA,4BAAyB,IACzB,wBACyB;CACzB,IAAM,EAAE,gBAAa,oBAAiB,gBAAa,aACjD,EACE,GACA,GACA,EAAkB,uBAClB,EAAkB,YACnB;AAEH,KAAI,MAAgB,KAAM,QAAO,kBAAA,GAAA,EAAK,CAAA;CAEtC,IACM,IAAgB,UAChB,IAAQ,EAAM,SAAS;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI;GACF,SAAS;GACT,qBAAqB;GACrB,WAAW;GACX,kBAAkB;GAClB,SAAS,QAAQ;GACjB,QAAQ;GACR,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,IAAI;GACL;YAhBH;GAkBE,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,WAAW;KACZ;cAED,kBAAC,GAAD;KAAY,SAAQ;eAAa;KAAyB,CAAA;IACtD,CAAA;GACN,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,IAAI;KACL;cAED,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,YAAY;MACZ,WAAW;MACX,OAAO;MACR;eACD,YAAY,EAAY;KAAqB,CAAA;IAC3C,CAAA;GACL,EAAM,KAAI,MACT,kBAAC,GAAD,EAA2B,GAAI,GAAQ,EAAxB,EAAK,MAAmB,CACvC;GACF,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,IAAI;KACJ,IAAI;KACL;cAED,kBAAC,GAAD;KACE,WAAW;KACX,IAAI,EAAkB;KACtB,IAAI,EAAE,UAAU,QAAQ;eACzB;KAEQ,CAAA;IACL,CAAA;GACN,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACV;cAEA,KACC,kBAAC,GAAD;KACE,MAAM,GAAG,EAA2B,OAAO,UAAU;KACrD,QAAO;KACP,KAAI;KACJ,IAAI;MACF,UAAU;MACV,gBAAgB;MACjB;eACF;KAEM,CAAA;IAEL,CAAA;GACF"}
+{"version":3,"file":"ReleaseCardMedium.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardMedium.tsx"],"sourcesContent":["import { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Button, Link, Typography } from '@mui/material'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardMediumConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport { formatReleaseCardData } from './ReleaseCardUtils'\n\nfunction StatGrid({ value, label }: ReleaseCardStat) {\n  return (\n    <>\n      <Box\n        sx={{\n          gridColumn: 'span 1',\n          gridRow: 'span 1',\n          justifySelf: 'flex-end',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n          }}\n        >\n          {value}\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: 'span 1',\n          gridRow: 'span 1',\n          justifySelf: 'flex-start',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n            color: 'grey.700',\n          }}\n        >\n          {label}\n        </Typography>\n      </Box>\n    </>\n  )\n}\n\nexport type ReleaseCardMediumProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardMediumConfig }\n\nexport function ReleaseCardMedium({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardMediumProps) {\n  const { releaseName, releaseEntityId, releaseDate, stats } =\n    formatReleaseCardData(\n      schema,\n      data,\n      releaseCardConfig.releaseMetadataConfig,\n      releaseCardConfig.statsConfig,\n    )\n\n  if (releaseName === null) return <></>\n\n  const nCols = 2\n  const SPAN_ALL_COLS = `span ${nCols}`\n  const nRows = stats.length + 4\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${nCols}, 1fr)`, // columns are controlled by this component, not the parent grid\n        columnGap: '10px',\n        gridTemplateRows: 'subgrid', // rows are controlled by parent grid, so text will be aligned across cards\n        gridRow: `span ${nRows}`, // ensures that card spans the correct number of rows in the parent grid\n        rowGap: '0px', // prevent parent grid from applying its gap to the subgrid rows\n        alignItems: 'center',\n        justifyItems: 'center',\n        textAlign: 'center',\n        padding: '30px 40px 40px',\n        my: 0, // remove margin added by .SRC-portalCard - CardContainer list will set the gap between cards\n      }}\n    >\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          alignSelf: 'end',\n        }}\n      >\n        <Typography variant=\"headline1\">{releaseName}</Typography>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          mb: '30px',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n            fontStyle: 'italic',\n            color: 'grey.800',\n          }}\n        >{`Released ${releaseDate.value}`}</Typography>\n      </Box>\n      {stats.map(stat => (\n        <StatGrid key={stat.label} {...stat} />\n      ))}\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          mt: '20px',\n          mb: '5px',\n        }}\n      >\n        <Button\n          component={ReactRouterLink}\n          to={releaseCardConfig.requestAccessPath}\n          sx={{ fontSize: '14px' }}\n        >\n          Request Access\n        </Button>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n        }}\n      >\n        {releaseEntityId && (\n          <Link\n            href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${releaseEntityId}`}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            sx={{\n              fontSize: '14px',\n              textDecoration: 'none',\n            }}\n          >\n            View on Synapse.org\n          </Link>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAOA,SAAS,EAAS,EAAE,UAAO,YAA0B;CACnD,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,aAAa;EACf;YAEA,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,OACd;aAEC;EACS,CAAA;CACT,CAAA,GACL,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,aAAa;EACf;YAEA,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;GACT;aAEC;EACS,CAAA;CACT,CAAA,CACL,EAAA,CAAA;AAEN;AAOA,SAAgB,EAAkB,EAChC,SACA,WACA,4BAAyB,IACzB,wBACyB;CACzB,IAAM,EAAE,gBAAa,oBAAiB,gBAAa,aACjD,EACE,GACA,GACA,EAAkB,uBAClB,EAAkB,WACpB;CAEF,IAAI,MAAgB,MAAM,OAAO,kBAAA,GAAA,CAAI,CAAA;CAErC,IACM,IAAgB,UAChB,IAAQ,EAAM,SAAS;CAE7B,OACE,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI;GACF,SAAS;GACT,qBAAqB;GACrB,WAAW;GACX,kBAAkB;GAClB,SAAS,QAAQ;GACjB,QAAQ;GACR,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,IAAI;EACN;YAhBF;GAkBE,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,WAAW;IACb;cAEA,kBAAC,GAAD;KAAY,SAAQ;eAAa;IAAwB,CAAA;GACtD,CAAA;GACL,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,IAAI;IACN;cAEA,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,YAAY;MACZ,WAAW;MACX,OAAO;KACT;eACA,YAAY,EAAY;IAAoB,CAAA;GAC3C,CAAA;GACJ,EAAM,KAAI,MACT,kBAAC,GAAD,EAA2B,GAAI,EAAO,GAAvB,EAAK,KAAkB,CACvC;GACD,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,IAAI;KACJ,IAAI;IACN;cAEA,kBAAC,GAAD;KACE,WAAW;KACX,IAAI,EAAkB;KACtB,IAAI,EAAE,UAAU,OAAO;eACxB;IAEO,CAAA;GACL,CAAA;GACL,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;IACX;cAEC,KACC,kBAAC,GAAD;KACE,MAAM,GAAG,EAA2B,OAAO,UAAU;KACrD,QAAO;KACP,KAAI;KACJ,IAAI;MACF,UAAU;MACV,gBAAgB;KAClB;eACD;IAEK,CAAA;GAEL,CAAA;EACF;;AAET"}

package/dist/components/ReleaseCard/ReleaseCardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCardUtils.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardUtils.ts"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport dayjs from 'dayjs'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport { SelectedFacet } from '../QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL'\nimport { ReleaseCardSchema } from './ReleaseCard'\nimport {\n  ButtonToExplorePageConfig,\n  ReleaseCardStat,\n  ReleaseMetadataConfig,\n  SelectedFacetConfig,\n  StatConfig,\n} from './ReleaseCardTypes'\n\nconst MISSING_STAT_DEFAULT_VALUE = 'Unknown'\n\nconst formatNumber = (num: number) => {\n  if (num < 1_000_000) return num.toLocaleString()\n  const numberFormatter = new Intl.NumberFormat([], {\n    minimumFractionDigits: 1,\n    maximumFractionDigits: 2,\n    notation: 'compact',\n    localeMatcher: 'best fit',\n  })\n  return numberFormatter.format(num)\n}\n\nconst getValueFromData = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  columnName: string,\n) => {\n  const columnIndex = schema[columnName]\n  let columnValue\n  if (columnIndex === undefined) {\n    console.error(`Could not find column named ${columnName}`)\n    columnValue = null\n  } else {\n    columnValue = data[columnIndex]\n  }\n  return columnValue\n}\n\nconst formatReleaseStats = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  statsConfig: StatConfig[],\n) => {\n  return statsConfig.map(statConfig => {\n    const { columnName, label } = statConfig\n    const statString = getValueFromData(schema, data, columnName)\n    const cardStat: ReleaseCardStat = {\n      label: label,\n      value: statString\n        ? formatNumber(Number(statString))\n        : MISSING_STAT_DEFAULT_VALUE,\n    }\n    return cardStat\n  })\n}\n\nconst formatReleaseDate = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  releaseDateColumnName: string,\n) => {\n  const releaseDateString = getValueFromData(\n    schema,\n    data,\n    releaseDateColumnName,\n  )\n  const cardStat: ReleaseCardStat = {\n    label: 'Date of release',\n    value: releaseDateString\n      ? formatDate(dayjs(Number(releaseDateString)), 'MM/DD/YYYY')\n      : MISSING_STAT_DEFAULT_VALUE,\n  }\n  return cardStat\n}\n\nexport const formatReleaseCardData = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  releaseMetdataConfig: ReleaseMetadataConfig,\n  statsConfig: StatConfig[],\n) => {\n  return {\n    releaseName: getValueFromData(\n      schema,\n      data,\n      releaseMetdataConfig.releaseNameColumnName,\n    ),\n    releaseEntityId: getValueFromData(\n      schema,\n      data,\n      releaseMetdataConfig.releaseEntityIdColumnName,\n    ),\n    releaseDate: formatReleaseDate(\n      schema,\n      data,\n      releaseMetdataConfig.releaseDateColumnName,\n    ),\n    stats: formatReleaseStats(schema, data, statsConfig),\n  }\n}\n\nconst getAllSelectedFacets = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  selectedFacetConfigs: SelectedFacetConfig[] | undefined,\n  staticSelectedFacets: SelectedFacet[] | undefined,\n): SelectedFacet[] => {\n  const allSelectedFacets: SelectedFacet[] = staticSelectedFacets\n    ? [...staticSelectedFacets]\n    : []\n\n  if (selectedFacetConfigs) {\n    selectedFacetConfigs.forEach(selectedFacetConfig => {\n      const sourceDataFacetValueColumnName =\n        selectedFacetConfig.sourceTableColumnName\n      const facetValue = sourceDataFacetValueColumnName\n        ? getValueFromData(schema, data, sourceDataFacetValueColumnName)\n        : null\n      if (facetValue) {\n        allSelectedFacets.push({\n          facet: selectedFacetConfig.destinationTableColumnName,\n          facetValue: facetValue,\n        })\n      }\n    })\n  }\n\n  return allSelectedFacets\n}\n\nexport const formatExplorePagePathAndQueryString = async (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  btnConfig?: ButtonToExplorePageConfig,\n): Promise<string | null> => {\n  if (!btnConfig) return null\n  const path = getValueFromData(\n    schema,\n    data,\n    btnConfig.sourceTablePathColumnName,\n  )\n  if (!path) {\n    console.warn(\n      `Column not found in source table or cell did not have value in source table for ${btnConfig.sourceTablePathColumnName}`,\n    )\n    return null\n  }\n\n  const {\n    sourceTableSqlColumnName: sourceExploreDataSqlColumnName,\n    selectedFacetConfigs,\n    staticSelectedFacets,\n  } = btnConfig\n\n  const exploreDataSql = sourceExploreDataSqlColumnName\n    ? getValueFromData(schema, data, sourceExploreDataSqlColumnName)\n    : null\n  const allSelectedFacets = getAllSelectedFacets(\n    schema,\n    data,\n    selectedFacetConfigs,\n    staticSelectedFacets,\n  )\n  const hasSelectedFacets = exploreDataSql && allSelectedFacets.length > 0\n\n  return hasSelectedFacets\n    ? await generateEncodedPathAndQueryForSelectedFacetURL(\n        path,\n        exploreDataSql,\n        allSelectedFacets,\n      )\n    : path\n}\n"],"mappings":";;;;;AAaA,IAAM,IAA6B,WAE7B,KAAgB,MAChB,IAAM,MAAkB,EAAI,gBAAgB,GAOzC,IANqB,KAAK,aAAa,EAAE,EAAE;CAChD,uBAAuB;CACvB,uBAAuB;CACvB,UAAU;CACV,eAAe;CAChB,CACM,CAAgB,OAAO,EAAI,EAG9B,KACJ,GACA,GACA,MACG;CACH,IAAM,IAAc,EAAO,IACvB;AAOJ,QANI,MAAgB,KAAA,KAClB,QAAQ,MAAM,+BAA+B,IAAa,EAC1D,IAAc,QAEd,IAAc,EAAK,IAEd;GAGH,KACJ,GACA,GACA,MAEO,EAAY,KAAI,MAAc;CACnC,IAAM,EAAE,eAAY,aAAU,GACxB,IAAa,EAAiB,GAAQ,GAAM,EAAW;AAO7D,QAAO;EALE;EACP,OAAO,IACH,EAAa,OAAO,EAAW,CAAC,GAChC;EAEC;EACP,EAGE,KACJ,GACA,GACA,MACG;CACH,IAAM,IAAoB,EACxB,GACA,GACA,EACD;AAOD,QAAO;EALL,OAAO;EACP,OAAO,IACH,EAAW,EAAM,OAAO,EAAkB,CAAC,EAAE,aAAa,GAC1D;EAEC;GAGI,KACX,GACA,GACA,GACA,OAEO;CACL,aAAa,EACX,GACA,GACA,EAAqB,sBACtB;CACD,iBAAiB,EACf,GACA,GACA,EAAqB,0BACtB;CACD,aAAa,EACX,GACA,GACA,EAAqB,sBACtB;CACD,OAAO,EAAmB,GAAQ,GAAM,EAAY;CACrD,GAGG,KACJ,GACA,GACA,GACA,MACoB;CACpB,IAAM,IAAqC,IACvC,CAAC,GAAG,EAAqB,GACzB,EAAE;AAkBN,QAhBI,KACF,EAAqB,SAAQ,MAAuB;EAClD,IAAM,IACJ,EAAoB,uBAChB,IAAa,IACf,EAAiB,GAAQ,GAAM,EAA+B,GAC9D;AACJ,EAAI,KACF,EAAkB,KAAK;GACrB,OAAO,EAAoB;GACf;GACb,CAAC;GAEJ,EAGG;GAGI,IAAsC,OACjD,GACA,GACA,MAC2B;AAC3B,KAAI,CAAC,EAAW,QAAO;CACvB,IAAM,IAAO,EACX,GACA,GACA,EAAU,0BACX;AACD,KAAI,CAAC,EAIH,QAHA,QAAQ,KACN,mFAAmF,EAAU,4BAC9F,EACM;CAGT,IAAM,EACJ,0BAA0B,GAC1B,yBACA,4BACE,GAEE,IAAiB,IACnB,EAAiB,GAAQ,GAAM,EAA+B,GAC9D,MACE,IAAoB,EACxB,GACA,GACA,GACA,EACD;AAGD,QAF0B,KAAkB,EAAkB,SAAS,IAGnE,MAAM,EACJ,GACA,GACA,EACD,GACD"}
+{"version":3,"file":"ReleaseCardUtils.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardUtils.ts"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport dayjs from 'dayjs'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport { SelectedFacet } from '../QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL'\nimport { ReleaseCardSchema } from './ReleaseCard'\nimport {\n  ButtonToExplorePageConfig,\n  ReleaseCardStat,\n  ReleaseMetadataConfig,\n  SelectedFacetConfig,\n  StatConfig,\n} from './ReleaseCardTypes'\n\nconst MISSING_STAT_DEFAULT_VALUE = 'Unknown'\n\nconst formatNumber = (num: number) => {\n  if (num < 1_000_000) return num.toLocaleString()\n  const numberFormatter = new Intl.NumberFormat([], {\n    minimumFractionDigits: 1,\n    maximumFractionDigits: 2,\n    notation: 'compact',\n    localeMatcher: 'best fit',\n  })\n  return numberFormatter.format(num)\n}\n\nconst getValueFromData = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  columnName: string,\n) => {\n  const columnIndex = schema[columnName]\n  let columnValue\n  if (columnIndex === undefined) {\n    console.error(`Could not find column named ${columnName}`)\n    columnValue = null\n  } else {\n    columnValue = data[columnIndex]\n  }\n  return columnValue\n}\n\nconst formatReleaseStats = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  statsConfig: StatConfig[],\n) => {\n  return statsConfig.map(statConfig => {\n    const { columnName, label } = statConfig\n    const statString = getValueFromData(schema, data, columnName)\n    const cardStat: ReleaseCardStat = {\n      label: label,\n      value: statString\n        ? formatNumber(Number(statString))\n        : MISSING_STAT_DEFAULT_VALUE,\n    }\n    return cardStat\n  })\n}\n\nconst formatReleaseDate = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  releaseDateColumnName: string,\n) => {\n  const releaseDateString = getValueFromData(\n    schema,\n    data,\n    releaseDateColumnName,\n  )\n  const cardStat: ReleaseCardStat = {\n    label: 'Date of release',\n    value: releaseDateString\n      ? formatDate(dayjs(Number(releaseDateString)), 'MM/DD/YYYY')\n      : MISSING_STAT_DEFAULT_VALUE,\n  }\n  return cardStat\n}\n\nexport const formatReleaseCardData = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  releaseMetdataConfig: ReleaseMetadataConfig,\n  statsConfig: StatConfig[],\n) => {\n  return {\n    releaseName: getValueFromData(\n      schema,\n      data,\n      releaseMetdataConfig.releaseNameColumnName,\n    ),\n    releaseEntityId: getValueFromData(\n      schema,\n      data,\n      releaseMetdataConfig.releaseEntityIdColumnName,\n    ),\n    releaseDate: formatReleaseDate(\n      schema,\n      data,\n      releaseMetdataConfig.releaseDateColumnName,\n    ),\n    stats: formatReleaseStats(schema, data, statsConfig),\n  }\n}\n\nconst getAllSelectedFacets = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  selectedFacetConfigs: SelectedFacetConfig[] | undefined,\n  staticSelectedFacets: SelectedFacet[] | undefined,\n): SelectedFacet[] => {\n  const allSelectedFacets: SelectedFacet[] = staticSelectedFacets\n    ? [...staticSelectedFacets]\n    : []\n\n  if (selectedFacetConfigs) {\n    selectedFacetConfigs.forEach(selectedFacetConfig => {\n      const sourceDataFacetValueColumnName =\n        selectedFacetConfig.sourceTableColumnName\n      const facetValue = sourceDataFacetValueColumnName\n        ? getValueFromData(schema, data, sourceDataFacetValueColumnName)\n        : null\n      if (facetValue) {\n        allSelectedFacets.push({\n          facet: selectedFacetConfig.destinationTableColumnName,\n          facetValue: facetValue,\n        })\n      }\n    })\n  }\n\n  return allSelectedFacets\n}\n\nexport const formatExplorePagePathAndQueryString = async (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  btnConfig?: ButtonToExplorePageConfig,\n): Promise<string | null> => {\n  if (!btnConfig) return null\n  const path = getValueFromData(\n    schema,\n    data,\n    btnConfig.sourceTablePathColumnName,\n  )\n  if (!path) {\n    console.warn(\n      `Column not found in source table or cell did not have value in source table for ${btnConfig.sourceTablePathColumnName}`,\n    )\n    return null\n  }\n\n  const {\n    sourceTableSqlColumnName: sourceExploreDataSqlColumnName,\n    selectedFacetConfigs,\n    staticSelectedFacets,\n  } = btnConfig\n\n  const exploreDataSql = sourceExploreDataSqlColumnName\n    ? getValueFromData(schema, data, sourceExploreDataSqlColumnName)\n    : null\n  const allSelectedFacets = getAllSelectedFacets(\n    schema,\n    data,\n    selectedFacetConfigs,\n    staticSelectedFacets,\n  )\n  const hasSelectedFacets = exploreDataSql && allSelectedFacets.length > 0\n\n  return hasSelectedFacets\n    ? await generateEncodedPathAndQueryForSelectedFacetURL(\n        path,\n        exploreDataSql,\n        allSelectedFacets,\n      )\n    : path\n}\n"],"mappings":";;;;;AAaA,IAAM,IAA6B,WAE7B,KAAgB,MAChB,IAAM,MAAkB,EAAI,eAAe,IAOxC,IANqB,KAAK,aAAa,CAAC,GAAG;CAChD,uBAAuB;CACvB,uBAAuB;CACvB,UAAU;CACV,eAAe;AACjB,CACO,EAAgB,OAAO,CAAG,GAG7B,KACJ,GACA,GACA,MACG;CACH,IAAM,IAAc,EAAO,IACvB;CAOJ,OANI,MAAgB,KAAA,KAClB,QAAQ,MAAM,+BAA+B,GAAY,GACzD,IAAc,QAEd,IAAc,EAAK,IAEd;AACT,GAEM,KACJ,GACA,GACA,MAEO,EAAY,KAAI,MAAc;CACnC,IAAM,EAAE,eAAY,aAAU,GACxB,IAAa,EAAiB,GAAQ,GAAM,CAAU;CAO5D,OAAO;EALE;EACP,OAAO,IACH,EAAa,OAAO,CAAU,CAAC,IAC/B;CAEC;AACT,CAAC,GAGG,KACJ,GACA,GACA,MACG;CACH,IAAM,IAAoB,EACxB,GACA,GACA,CACF;CAOA,OAAO;EALL,OAAO;EACP,OAAO,IACH,EAAW,EAAM,OAAO,CAAiB,CAAC,GAAG,YAAY,IACzD;CAEC;AACT,GAEa,KACX,GACA,GACA,GACA,OAEO;CACL,aAAa,EACX,GACA,GACA,EAAqB,qBACvB;CACA,iBAAiB,EACf,GACA,GACA,EAAqB,yBACvB;CACA,aAAa,EACX,GACA,GACA,EAAqB,qBACvB;CACA,OAAO,EAAmB,GAAQ,GAAM,CAAW;AACrD,IAGI,KACJ,GACA,GACA,GACA,MACoB;CACpB,IAAM,IAAqC,IACvC,CAAC,GAAG,CAAoB,IACxB,CAAC;CAkBL,OAhBI,KACF,EAAqB,SAAQ,MAAuB;EAClD,IAAM,IACJ,EAAoB,uBAChB,IAAa,IACf,EAAiB,GAAQ,GAAM,CAA8B,IAC7D;EACJ,AAAI,KACF,EAAkB,KAAK;GACrB,OAAO,EAAoB;GACf;EACd,CAAC;CAEL,CAAC,GAGI;AACT,GAEa,IAAsC,OACjD,GACA,GACA,MAC2B;CAC3B,IAAI,CAAC,GAAW,OAAO;CACvB,IAAM,IAAO,EACX,GACA,GACA,EAAU,yBACZ;CACA,IAAI,CAAC,GAIH,OAHA,QAAQ,KACN,mFAAmF,EAAU,2BAC/F,GACO;CAGT,IAAM,EACJ,0BAA0B,GAC1B,yBACA,4BACE,GAEE,IAAiB,IACnB,EAAiB,GAAQ,GAAM,CAA8B,IAC7D,MACE,IAAoB,EACxB,GACA,GACA,GACA,CACF;CAGA,OAF0B,KAAkB,EAAkB,SAAS,IAGnE,MAAM,EACJ,GACA,GACA,CACF,IACA;AACN"}

package/dist/components/RenderIfInView/RenderIfInView.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderIfInView.js","names":[],"sources":["../../../src/components/RenderIfInView/RenderIfInView.tsx"],"sourcesContent":["import VisibilityObserver from '@/components/utils/VisibilityObserver'\nimport { Component, PropsWithChildren } from 'react'\n\nexport class RenderIfInView extends Component<PropsWithChildren<unknown>> {\n  public render() {\n    return <VisibilityObserver renderInView={this.getChildren} />\n  }\n\n  private getChildren = () => {\n    return <>{this.props.children}</>\n  }\n}\n\nexport default RenderIfInView\n"],"mappings":";;;;AAGA,IAAa,IAAb,cAAoC,EAAsC;CACxE,SAAgB;AACd,SAAO,kBAAC,GAAD,EAAoB,cAAc,KAAK,aAAe,CAAA;;CAG/D,oBACS,kBAAA,GAAA,EAAA,UAAG,KAAK,MAAM,UAAY,CAAA"}
+{"version":3,"file":"RenderIfInView.js","names":[],"sources":["../../../src/components/RenderIfInView/RenderIfInView.tsx"],"sourcesContent":["import VisibilityObserver from '@/components/utils/VisibilityObserver'\nimport { Component, PropsWithChildren } from 'react'\n\nexport class RenderIfInView extends Component<PropsWithChildren<unknown>> {\n  public render() {\n    return <VisibilityObserver renderInView={this.getChildren} />\n  }\n\n  private getChildren = () => {\n    return <>{this.props.children}</>\n  }\n}\n\nexport default RenderIfInView\n"],"mappings":";;;;AAGA,IAAa,IAAb,cAAoC,EAAsC;CACxE,SAAgB;EACd,OAAO,kBAAC,GAAD,EAAoB,cAAc,KAAK,YAAc,CAAA;CAC9D;CAEA,oBACS,kBAAA,GAAA,EAAA,UAAG,KAAK,MAAM,SAAW,CAAA;AAEpC"}

package/dist/components/ResizableContainer/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","names":[],"sources":["../../../src/components/ResizableContainer/ResizableContainer.tsx"],"sourcesContent":["import { Box, SxProps, Theme } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport interface ResizeHandleProps {\n  onMouseDown: (e: React.MouseEvent) => void\n  sx?: SxProps<Theme>\n}\n\nexport function ResizeHandle({ onMouseDown, sx }: ResizeHandleProps) {\n  return (\n    <Box\n      onMouseDown={onMouseDown}\n      sx={{\n        position: 'absolute',\n        bottom: 0,\n        right: 0,\n        width: 20,\n        height: 20,\n        cursor: 'se-resize',\n        // Add a simple diagonal lines to indicate resize handle\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          right: 7,\n          bottom: 7,\n          width: 5,\n          height: 5,\n          borderRight: '2px solid #999',\n          borderBottom: '2px solid #999',\n        },\n        ...sx,\n      }}\n    />\n  )\n}\n\nexport interface ResizableContainerProps {\n  children: ReactNode\n  width: number\n  height: number\n  onResizeStart: (e: React.MouseEvent) => void\n  showResizeHandle?: boolean\n  resizeHandleSx?: SxProps<Theme>\n  sx?: SxProps<Theme>\n}\n\n/** See DraggableDialog for an example on how to use useResizable with a ResizableContainer */\nexport function ResizableContainer({\n  children,\n  width,\n  height,\n  onResizeStart,\n  showResizeHandle = true,\n  resizeHandleSx,\n  sx,\n}: ResizableContainerProps) {\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        width: `${width}px`,\n        height: `${height}px`,\n        ...sx,\n      }}\n    >\n      {children}\n      {showResizeHandle && (\n        <ResizeHandle onMouseDown={onResizeStart} sx={resizeHandleSx} />\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAQA,SAAgB,EAAa,EAAE,gBAAa,SAAyB;AACnE,QACE,kBAAC,GAAD;EACe;EACb,IAAI;GACF,UAAU;GACV,QAAQ;GACR,OAAO;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GAER,aAAa;IACX,SAAS;IACT,UAAU;IACV,OAAO;IACP,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,aAAa;IACb,cAAc;IACf;GACD,GAAG;GACJ;EACD,CAAA;;AAeN,SAAgB,EAAmB,EACjC,aACA,UACA,WACA,kBACA,sBAAmB,IACnB,mBACA,SAC0B;AAC1B,QACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,OAAO,GAAG,EAAM;GAChB,QAAQ,GAAG,EAAO;GAClB,GAAG;GACJ;YANH,CAQG,GACA,KACC,kBAAC,GAAD;GAAc,aAAa;GAAe,IAAI;GAAkB,CAAA,CAE9D"}
+{"version":3,"file":"ResizableContainer.js","names":[],"sources":["../../../src/components/ResizableContainer/ResizableContainer.tsx"],"sourcesContent":["import { Box, SxProps, Theme } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport interface ResizeHandleProps {\n  onMouseDown: (e: React.MouseEvent) => void\n  sx?: SxProps<Theme>\n}\n\nexport function ResizeHandle({ onMouseDown, sx }: ResizeHandleProps) {\n  return (\n    <Box\n      onMouseDown={onMouseDown}\n      sx={{\n        position: 'absolute',\n        bottom: 0,\n        right: 0,\n        width: 20,\n        height: 20,\n        cursor: 'se-resize',\n        // Add a simple diagonal lines to indicate resize handle\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          right: 7,\n          bottom: 7,\n          width: 5,\n          height: 5,\n          borderRight: '2px solid #999',\n          borderBottom: '2px solid #999',\n        },\n        ...sx,\n      }}\n    />\n  )\n}\n\nexport interface ResizableContainerProps {\n  children: ReactNode\n  width: number\n  height: number\n  onResizeStart: (e: React.MouseEvent) => void\n  showResizeHandle?: boolean\n  resizeHandleSx?: SxProps<Theme>\n  sx?: SxProps<Theme>\n}\n\n/** See DraggableDialog for an example on how to use useResizable with a ResizableContainer */\nexport function ResizableContainer({\n  children,\n  width,\n  height,\n  onResizeStart,\n  showResizeHandle = true,\n  resizeHandleSx,\n  sx,\n}: ResizableContainerProps) {\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        width: `${width}px`,\n        height: `${height}px`,\n        ...sx,\n      }}\n    >\n      {children}\n      {showResizeHandle && (\n        <ResizeHandle onMouseDown={onResizeStart} sx={resizeHandleSx} />\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAQA,SAAgB,EAAa,EAAE,gBAAa,SAAyB;CACnE,OACE,kBAAC,GAAD;EACe;EACb,IAAI;GACF,UAAU;GACV,QAAQ;GACR,OAAO;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GAER,aAAa;IACX,SAAS;IACT,UAAU;IACV,OAAO;IACP,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,aAAa;IACb,cAAc;GAChB;GACA,GAAG;EACL;CACD,CAAA;AAEL;AAaA,SAAgB,EAAmB,EACjC,aACA,UACA,WACA,kBACA,sBAAmB,IACnB,mBACA,SAC0B;CAC1B,OACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,OAAO,GAAG,EAAM;GAChB,QAAQ,GAAG,EAAO;GAClB,GAAG;EACL;YANF,CAQG,GACA,KACC,kBAAC,GAAD;GAAc,aAAa;GAAe,IAAI;EAAiB,CAAA,CAE9D;;AAET"}

package/dist/components/ResizableContainer/hooks/useResizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.js","names":[],"sources":["../../../../src/components/ResizableContainer/hooks/useResizable.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface ResizableOptions {\n  initialWidth?: number\n  initialHeight?: number\n  minWidth?: number\n  minHeight?: number\n  maxWidth?: number\n  maxHeight?: number\n  onResize?: (size: { width: number; height: number }) => void\n}\n\nexport interface ResizableState {\n  width: number\n  height: number\n  isResizing: boolean\n}\n\nexport interface ResizableHandlers {\n  handleResizeStart: (e: React.MouseEvent) => void\n  setSize: (size: { width: number; height: number }) => void\n}\n\n/** See DraggableDialog for an example on how to use useResizable with a ResizableContainer */\nexport function useResizable(\n  options: ResizableOptions = {},\n): ResizableState & ResizableHandlers {\n  const {\n    initialWidth = 600,\n    initialHeight = 500,\n    minWidth = 300,\n    minHeight = 200,\n    maxWidth = 1200,\n    maxHeight = 800,\n    onResize,\n  } = options\n\n  const [size, setSize] = useState({\n    width: initialWidth,\n    height: initialHeight,\n  })\n  const [isResizing, setIsResizing] = useState(false)\n  const resizeStartRef = useRef<{\n    x: number\n    y: number\n    width: number\n    height: number\n  } | null>(null)\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsResizing(true)\n      resizeStartRef.current = {\n        x: e.clientX,\n        y: e.clientY,\n        width: size.width,\n        height: size.height,\n      }\n    },\n    [size],\n  )\n\n  const handleResizeMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isResizing || !resizeStartRef.current) return\n\n      const deltaX = e.clientX - resizeStartRef.current.x\n      const deltaY = e.clientY - resizeStartRef.current.y\n\n      const newWidth = Math.max(\n        minWidth,\n        Math.min(maxWidth, resizeStartRef.current.width + deltaX),\n      )\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, resizeStartRef.current.height + deltaY),\n      )\n\n      const newSize = { width: newWidth, height: newHeight }\n      setSize(newSize)\n      onResize?.(newSize)\n    },\n    [isResizing, minWidth, maxWidth, minHeight, maxHeight, onResize],\n  )\n\n  const handleResizeEnd = useCallback(() => {\n    setIsResizing(false)\n    resizeStartRef.current = null\n  }, [])\n\n  useEffect(() => {\n    if (isResizing) {\n      document.addEventListener('mousemove', handleResizeMove)\n      document.addEventListener('mouseup', handleResizeEnd)\n    }\n    return () => {\n      document.removeEventListener('mousemove', handleResizeMove)\n      document.removeEventListener('mouseup', handleResizeEnd)\n    }\n  }, [isResizing, handleResizeMove, handleResizeEnd])\n\n  return {\n    width: size.width,\n    height: size.height,\n    isResizing,\n    handleResizeStart,\n    setSize,\n  }\n}\n"],"mappings":";;AAwBA,SAAgB,EACd,IAA4B,EAAE,EACM;CACpC,IAAM,EACJ,kBAAe,KACf,mBAAgB,KAChB,cAAW,KACX,eAAY,KACZ,cAAW,MACX,eAAY,KACZ,gBACE,GAEE,CAAC,GAAM,KAAW,EAAS;EAC/B,OAAO;EACP,QAAQ;EACT,CAAC,EACI,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,IAAiB,EAKb,KAAK,EAET,IAAoB,GACvB,MAAwB;AAIvB,EAHA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB,EACnB,EAAc,GAAK,EACnB,EAAe,UAAU;GACvB,GAAG,EAAE;GACL,GAAG,EAAE;GACL,OAAO,EAAK;GACZ,QAAQ,EAAK;GACd;IAEH,CAAC,EAAK,CACP,EAEK,IAAmB,GACtB,MAAkB;AACjB,MAAI,CAAC,KAAc,CAAC,EAAe,QAAS;EAE5C,IAAM,IAAS,EAAE,UAAU,EAAe,QAAQ,GAC5C,IAAS,EAAE,UAAU,EAAe,QAAQ,GAW5C,IAAU;GAAE,OATD,KAAK,IACpB,GACA,KAAK,IAAI,GAAU,EAAe,QAAQ,QAAQ,EAAO,CAOlC;GAAU,QALjB,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,EAAe,QAAQ,SAAS,EAAO,CAGlB;GAAW;AAEtD,EADA,EAAQ,EAAQ,EAChB,IAAW,EAAQ;IAErB;EAAC;EAAY;EAAU;EAAU;EAAW;EAAW;EAAS,CACjE,EAEK,IAAkB,QAAkB;AAExC,EADA,EAAc,GAAM,EACpB,EAAe,UAAU;IACxB,EAAE,CAAC;AAaN,QAXA,SACM,MACF,SAAS,iBAAiB,aAAa,EAAiB,EACxD,SAAS,iBAAiB,WAAW,EAAgB,SAE1C;AAEX,EADA,SAAS,oBAAoB,aAAa,EAAiB,EAC3D,SAAS,oBAAoB,WAAW,EAAgB;KAEzD;EAAC;EAAY;EAAkB;EAAgB,CAAC,EAE5C;EACL,OAAO,EAAK;EACZ,QAAQ,EAAK;EACb;EACA;EACA;EACD"}
+{"version":3,"file":"useResizable.js","names":[],"sources":["../../../../src/components/ResizableContainer/hooks/useResizable.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface ResizableOptions {\n  initialWidth?: number\n  initialHeight?: number\n  minWidth?: number\n  minHeight?: number\n  maxWidth?: number\n  maxHeight?: number\n  onResize?: (size: { width: number; height: number }) => void\n}\n\nexport interface ResizableState {\n  width: number\n  height: number\n  isResizing: boolean\n}\n\nexport interface ResizableHandlers {\n  handleResizeStart: (e: React.MouseEvent) => void\n  setSize: (size: { width: number; height: number }) => void\n}\n\n/** See DraggableDialog for an example on how to use useResizable with a ResizableContainer */\nexport function useResizable(\n  options: ResizableOptions = {},\n): ResizableState & ResizableHandlers {\n  const {\n    initialWidth = 600,\n    initialHeight = 500,\n    minWidth = 300,\n    minHeight = 200,\n    maxWidth = 1200,\n    maxHeight = 800,\n    onResize,\n  } = options\n\n  const [size, setSize] = useState({\n    width: initialWidth,\n    height: initialHeight,\n  })\n  const [isResizing, setIsResizing] = useState(false)\n  const resizeStartRef = useRef<{\n    x: number\n    y: number\n    width: number\n    height: number\n  } | null>(null)\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsResizing(true)\n      resizeStartRef.current = {\n        x: e.clientX,\n        y: e.clientY,\n        width: size.width,\n        height: size.height,\n      }\n    },\n    [size],\n  )\n\n  const handleResizeMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isResizing || !resizeStartRef.current) return\n\n      const deltaX = e.clientX - resizeStartRef.current.x\n      const deltaY = e.clientY - resizeStartRef.current.y\n\n      const newWidth = Math.max(\n        minWidth,\n        Math.min(maxWidth, resizeStartRef.current.width + deltaX),\n      )\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, resizeStartRef.current.height + deltaY),\n      )\n\n      const newSize = { width: newWidth, height: newHeight }\n      setSize(newSize)\n      onResize?.(newSize)\n    },\n    [isResizing, minWidth, maxWidth, minHeight, maxHeight, onResize],\n  )\n\n  const handleResizeEnd = useCallback(() => {\n    setIsResizing(false)\n    resizeStartRef.current = null\n  }, [])\n\n  useEffect(() => {\n    if (isResizing) {\n      document.addEventListener('mousemove', handleResizeMove)\n      document.addEventListener('mouseup', handleResizeEnd)\n    }\n    return () => {\n      document.removeEventListener('mousemove', handleResizeMove)\n      document.removeEventListener('mouseup', handleResizeEnd)\n    }\n  }, [isResizing, handleResizeMove, handleResizeEnd])\n\n  return {\n    width: size.width,\n    height: size.height,\n    isResizing,\n    handleResizeStart,\n    setSize,\n  }\n}\n"],"mappings":";;AAwBA,SAAgB,EACd,IAA4B,CAAC,GACO;CACpC,IAAM,EACJ,kBAAe,KACf,mBAAgB,KAChB,cAAW,KACX,eAAY,KACZ,cAAW,MACX,eAAY,KACZ,gBACE,GAEE,CAAC,GAAM,KAAW,EAAS;EAC/B,OAAO;EACP,QAAQ;CACV,CAAC,GACK,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAiB,EAKb,IAAI,GAER,IAAoB,GACvB,MAAwB;EAIvB,AAHA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAc,EAAI,GAClB,EAAe,UAAU;GACvB,GAAG,EAAE;GACL,GAAG,EAAE;GACL,OAAO,EAAK;GACZ,QAAQ,EAAK;EACf;CACF,GACA,CAAC,CAAI,CACP,GAEM,IAAmB,GACtB,MAAkB;EACjB,IAAI,CAAC,KAAc,CAAC,EAAe,SAAS;EAE5C,IAAM,IAAS,EAAE,UAAU,EAAe,QAAQ,GAC5C,IAAS,EAAE,UAAU,EAAe,QAAQ,GAW5C,IAAU;GAAE,OATD,KAAK,IACpB,GACA,KAAK,IAAI,GAAU,EAAe,QAAQ,QAAQ,CAAM,CAOjC;GAAU,QALjB,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,EAAe,QAAQ,SAAS,CAAM,CAGjB;EAAU;EAErD,AADA,EAAQ,CAAO,GACf,IAAW,CAAO;CACpB,GACA;EAAC;EAAY;EAAU;EAAU;EAAW;EAAW;CAAQ,CACjE,GAEM,IAAkB,QAAkB;EAExC,AADA,EAAc,EAAK,GACnB,EAAe,UAAU;CAC3B,GAAG,CAAC,CAAC;CAaL,OAXA,SACM,MACF,SAAS,iBAAiB,aAAa,CAAgB,GACvD,SAAS,iBAAiB,WAAW,CAAe,UAEzC;EAEX,AADA,SAAS,oBAAoB,aAAa,CAAgB,GAC1D,SAAS,oBAAoB,WAAW,CAAe;CACzD,IACC;EAAC;EAAY;EAAkB;CAAe,CAAC,GAE3C;EACL,OAAO,EAAK;EACZ,QAAQ,EAAK;EACb;EACA;EACA;CACF;AACF"}

package/dist/components/Resources/Resources.Desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resources.Desktop.js","names":[],"sources":["../../../src/components/Resources/Resources.Desktop.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type ResourcesDesktopProps = {\n  data: Data\n}\n\nexport default function ResourcesDesktop({ data }: ResourcesDesktopProps) {\n  const [index, setIndex] = useState(0)\n  return (\n    <div className=\"control-container\">\n      <div className=\"button-container\">\n        {data?.map((el, curIndex) => {\n          return (\n            <button\n              className={index === curIndex ? 'isSelected' : ''}\n              onClick={() => setIndex(curIndex)}\n              key={el.name}\n            >\n              {el.name}\n            </button>\n          )\n        })}\n        {/*\n            This button keeps the border line in the button container running from top to bottom,\n            it doesn't have any functionality.\n          */}\n        <button className=\"gap-fill\" />\n      </div>\n      <div className=\"content-container\">\n        {data?.map((el, curIndex) => {\n          const { ownerId, wikiId } = el\n          return (\n            <span key={ownerId} className={index === curIndex ? '' : 'hide'}>\n              <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n            </span>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAiB,EAAE,WAA+B;CACxE,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE;AACrC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GAAM,KAAK,GAAI,MAEZ,kBAAC,UAAD;IACE,WAAW,MAAU,IAAW,eAAe;IAC/C,eAAe,EAAS,EAAS;cAGhC,EAAG;IACG,EAHF,EAAG,KAGD,CAEX,EAKF,kBAAC,UAAD,EAAQ,WAAU,YAAa,CAAA,CAC3B;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,GAAM,KAAK,GAAI,MAAa;IAC3B,IAAM,EAAE,YAAS,cAAW;AAC5B,WACE,kBAAC,QAAD;KAAoB,WAAW,MAAU,IAAW,KAAK;eACvD,kBAAC,GAAD;MAA0B;MAAiB;MAAU,CAAA;KAChD,EAFI,EAEJ;KAET;GACE,CAAA,CACF"}
+{"version":3,"file":"Resources.Desktop.js","names":[],"sources":["../../../src/components/Resources/Resources.Desktop.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type ResourcesDesktopProps = {\n  data: Data\n}\n\nexport default function ResourcesDesktop({ data }: ResourcesDesktopProps) {\n  const [index, setIndex] = useState(0)\n  return (\n    <div className=\"control-container\">\n      <div className=\"button-container\">\n        {data?.map((el, curIndex) => {\n          return (\n            <button\n              className={index === curIndex ? 'isSelected' : ''}\n              onClick={() => setIndex(curIndex)}\n              key={el.name}\n            >\n              {el.name}\n            </button>\n          )\n        })}\n        {/*\n            This button keeps the border line in the button container running from top to bottom,\n            it doesn't have any functionality.\n          */}\n        <button className=\"gap-fill\" />\n      </div>\n      <div className=\"content-container\">\n        {data?.map((el, curIndex) => {\n          const { ownerId, wikiId } = el\n          return (\n            <span key={ownerId} className={index === curIndex ? '' : 'hide'}>\n              <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n            </span>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAiB,EAAE,WAA+B;CACxE,IAAM,CAAC,GAAO,KAAY,EAAS,CAAC;CACpC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GAAM,KAAK,GAAI,MAEZ,kBAAC,UAAD;IACE,WAAW,MAAU,IAAW,eAAe;IAC/C,eAAe,EAAS,CAAQ;cAG/B,EAAG;GACE,GAHD,EAAG,IAGF,CAEX,GAKD,kBAAC,UAAD,EAAQ,WAAU,WAAY,CAAA,CAC3B;MACL,kBAAC,OAAD;GAAK,WAAU;aACZ,GAAM,KAAK,GAAI,MAAa;IAC3B,IAAM,EAAE,YAAS,cAAW;IAC5B,OACE,kBAAC,QAAD;KAAoB,WAAW,MAAU,IAAW,KAAK;eACvD,kBAAC,GAAD;MAA0B;MAAiB;KAAS,CAAA;IAChD,GAFK,CAEL;GAEV,CAAC;EACE,CAAA,CACF;;AAET"}

package/dist/components/Resources/Resources.Mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resources.Mobile.js","names":[],"sources":["../../../src/components/Resources/Resources.Mobile.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport ExpandableContent from '../home_page/ExpandableContent'\n\nexport type ResourcesMobileProps = {\n  data: Data\n}\n\nexport default function ResourcesMobile({ data }: ResourcesMobileProps) {\n  return (\n    <div className=\"Resources_Mobile\">\n      {data.map(({ name, ownerId, wikiId }) => {\n        const title = <> {name} </>\n        const markdown = <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n        return <ExpandableContent key={name} title={title} content={markdown} />\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAgB,EAAE,WAA8B;AACtE,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAK,KAAK,EAAE,SAAM,YAAS,gBAGnB,kBAAC,GAAD;GAAqC,OAF9B,kBAAA,GAAA,EAAA,UAAA;IAAE;IAAE;IAAK;IAAI,EAAA,CAEiB;GAAO,SADlC,kBAAC,GAAD;IAA0B;IAAiB;IAAU,CACV;GAAY,EAAzC,EAAyC,CACxE;EACE,CAAA"}
+{"version":3,"file":"Resources.Mobile.js","names":[],"sources":["../../../src/components/Resources/Resources.Mobile.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport ExpandableContent from '../home_page/ExpandableContent'\n\nexport type ResourcesMobileProps = {\n  data: Data\n}\n\nexport default function ResourcesMobile({ data }: ResourcesMobileProps) {\n  return (\n    <div className=\"Resources_Mobile\">\n      {data.map(({ name, ownerId, wikiId }) => {\n        const title = <> {name} </>\n        const markdown = <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n        return <ExpandableContent key={name} title={title} content={markdown} />\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAgB,EAAE,WAA8B;CACtE,OACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAK,KAAK,EAAE,SAAM,YAAS,gBAGnB,kBAAC,GAAD;GAAqC,OAF9B,kBAAA,GAAA,EAAA,UAAA;IAAE;IAAE;IAAK;GAAG,EAAA,CAEkB;GAAO,SADlC,kBAAC,GAAD;IAA0B;IAAiB;GAAS,CACT;EAAW,GAAxC,CAAwC,CACxE;CACE,CAAA;AAET"}

package/dist/components/Resources/Resources.js

@@ -8,19 +8,16 @@ import i from "./Resources.Desktop.js";
 import a from "./Resources.Mobile.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/Resources/Resources.tsx
-var c = /* @__PURE__ */ function(e) {
-	return e.NAME = "Name", e.WIKI = "Wiki", e;
-}(c || {});
-function l(l) {
-	let { entityId: u } = l, d = t(), { data: f, error: p } = r({
+function c(c) {
+	let { entityId: l } = c, u = t(), { data: d, error: f } = r({
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
-		entityId: u,
+		entityId: l,
 		partMask: 5,
-		query: { sql: `SELECT Name, Wiki FROM ${u} ORDER BY ItemOrder` }
-	}), m = n(c.NAME, f), h = n(c.WIKI, f), g = f?.queryResult?.queryResults.rows.map((e) => {
+		query: { sql: `SELECT Name, Wiki FROM ${l} ORDER BY ItemOrder` }
+	}), p = n("Name", d), m = n("Wiki", d), h = d?.queryResult?.queryResults.rows.map((e) => {
 		let t = e.values;
 		t.some((e) => e === null) && console.warn("Row has null value(s) when no nulls expected");
-		let n = t[m], r = (t[h] ?? "").split("/");
+		let n = t[p], r = (t[m] ?? "").split("/");
 		return {
 			name: n,
 			ownerId: r[0],
@@ -29,10 +26,10 @@ function l(l) {
 	}) ?? [];
 	return /* @__PURE__ */ s("div", {
 		className: "Resources",
-		children: [/* @__PURE__ */ o(e, { error: p }), o(d ? i : a, { data: g })]
+		children: [/* @__PURE__ */ o(e, { error: f }), o(u ? i : a, { data: h })]
 	});
 }
 //#endregion
-export { l as Resources, l as default };
+export { c as Resources, c as default };
 
 //# sourceMappingURL=Resources.js.map

package/dist/components/Resources/Resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resources.js","names":[],"sources":["../../../src/components/Resources/Resources.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport ResourcesDesktop from './Resources.Desktop'\nimport ResourcesMobile from './Resources.Mobile'\n\nexport type ResourcesProps = {\n  entityId: string\n}\n\nenum ExpectedColumns {\n  NAME = 'Name',\n  WIKI = 'Wiki',\n}\n\nexport type Data = {\n  name: string\n  ownerId: string\n  wikiId: string\n}[]\n\nexport function Resources(props: ResourcesProps) {\n  const { entityId } = props\n  const showDesktop = useShowDesktop()\n\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 Name, Wiki FROM ${entityId} ORDER BY ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle, error } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const nameIndex = getFieldIndex(ExpectedColumns.NAME, queryResultBundle)\n  const wikiIndex = getFieldIndex(ExpectedColumns.WIKI, queryResultBundle)\n  const data: Data =\n    queryResultBundle?.queryResult?.queryResults.rows.map(el => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const name = values[nameIndex]\n      const wikiValue = values[wikiIndex] ?? ''\n      const split = wikiValue.split('/')\n      const ownerId = split[0]\n      const wikiId = split[2]\n      return {\n        name,\n        ownerId,\n        wikiId,\n      }\n    }) ?? []\n  return (\n    <div className=\"Resources\">\n      <ErrorBanner error={error} />\n      {showDesktop ? (\n        <ResourcesDesktop data={data} />\n      ) : (\n        <ResourcesMobile data={data} />\n      )}\n    </div>\n  )\n}\n\nexport default Resources\n"],"mappings":";;;;;;;;;;AAaA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,OAAO,QACP,EAAA,OAAO;EAFJ,KAAA,EAAA,CAGJ;AAQD,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,gBAAa,GACf,IAAc,GAAgB,EAY9B,EAAE,MAAM,GAAmB,aAC/B,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,0BAA0B,EAAS,sBACzC;EAGuB,CAAmB,EAEvC,IAAY,EAAc,EAAgB,MAAM,EAAkB,EAClE,IAAY,EAAc,EAAgB,MAAM,EAAkB,EAClE,IACJ,GAAmB,aAAa,aAAa,KAAK,KAAI,MAAM;EAC1D,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IACtC,QAAQ,KAAK,+CAA+C;EAG9D,IAAM,IAAO,EAAO,IAEd,KADY,EAAO,MAAc,IACf,MAAM,IAAI;AAGlC,SAAO;GACL;GACA,SAJc,EAAM;GAKpB,QAJa,EAAM;GAKpB;GACD,IAAI,EAAE;AACV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAoB,UAAS,CAAA,EAE3B,EADD,IACE,IAEA,GAFD,EAAwB,SAAQ,CAED,CAE7B"}
+{"version":3,"file":"Resources.js","names":[],"sources":["../../../src/components/Resources/Resources.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport ResourcesDesktop from './Resources.Desktop'\nimport ResourcesMobile from './Resources.Mobile'\n\nexport type ResourcesProps = {\n  entityId: string\n}\n\nenum ExpectedColumns {\n  NAME = 'Name',\n  WIKI = 'Wiki',\n}\n\nexport type Data = {\n  name: string\n  ownerId: string\n  wikiId: string\n}[]\n\nexport function Resources(props: ResourcesProps) {\n  const { entityId } = props\n  const showDesktop = useShowDesktop()\n\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 Name, Wiki FROM ${entityId} ORDER BY ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle, error } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const nameIndex = getFieldIndex(ExpectedColumns.NAME, queryResultBundle)\n  const wikiIndex = getFieldIndex(ExpectedColumns.WIKI, queryResultBundle)\n  const data: Data =\n    queryResultBundle?.queryResult?.queryResults.rows.map(el => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const name = values[nameIndex]\n      const wikiValue = values[wikiIndex] ?? ''\n      const split = wikiValue.split('/')\n      const ownerId = split[0]\n      const wikiId = split[2]\n      return {\n        name,\n        ownerId,\n        wikiId,\n      }\n    }) ?? []\n  return (\n    <div className=\"Resources\">\n      <ErrorBanner error={error} />\n      {showDesktop ? (\n        <ResourcesDesktop data={data} />\n      ) : (\n        <ResourcesMobile data={data} />\n      )}\n    </div>\n  )\n}\n\nexport default Resources\n"],"mappings":";;;;;;;;;;AAwBA,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,gBAAa,GACf,IAAc,EAAe,GAY7B,EAAE,MAAM,GAAmB,aAC/B,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,0BAA0B,EAAS,qBAC1C;CAGwB,CAAkB,GAEtC,IAAY,EAAA,QAAoC,CAAiB,GACjE,IAAY,EAAA,QAAoC,CAAiB,GACjE,IACJ,GAAmB,aAAa,aAAa,KAAK,KAAI,MAAM;EAC1D,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KAAK,8CAA8C;EAG7D,IAAM,IAAO,EAAO,IAEd,KADY,EAAO,MAAc,IACf,MAAM,GAAG;EAGjC,OAAO;GACL;GACA,SAJc,EAAM;GAKpB,QAJa,EAAM;EAKrB;CACF,CAAC,KAAK,CAAC;CACT,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAoB,SAAQ,CAAA,GAE1B,EADD,IACE,IAEA,GAFD,EAAwB,QAAO,CAED,CAE7B;;AAET"}

package/dist/components/RowDataTable/RowDataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowDataTable.js","names":[],"sources":["../../../src/components/RowDataTable/RowDataTable.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTableContainer } from '@/components/styled/StyledTableContainer'\nimport { SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { SynapseCardLabel } from '../GenericCard'\n\nexport type RowDataTableProps = {\n  /** Array of string values corresponding to the data for a row */\n  rowData: Array<string | null>\n  /** The headers for the columns in the table */\n  headers: SelectColumn[]\n  /** Optional list of column names whose data should be displayed in the table. If not provided, all columns with data will be shown. */\n  displayedColumns?: string[]\n  /** Optional configuration for linking columns */\n  columnLinks?: LabelLinkConfig\n  /** Optional display value overrides for column names */\n  columnAliases?: Record<string, string>\n}\n\n/**\n * Displays a table of column names and Synapse Table row data represented as key/value pairs\n */\nconst RowDataTable = (props: RowDataTableProps): React.ReactNode => {\n  const { columnAliases, columnLinks, headers, rowData, displayedColumns } =\n    props\n\n  const columns = displayedColumns\n    ? headers\n        .filter(header => displayedColumns.includes(header.name))\n        .map(header => header.name)\n    : headers.map(header => header.name)\n\n  const labelValueArray: [string, string][] = []\n\n  for (let i = 0; i < columns.length; i += 1) {\n    const columnName = columns[i]\n    const columnIndex = headers.findIndex(header => header.name === columnName)\n    const value = columnIndex !== -1 ? rowData[columnIndex] : undefined\n\n    // value can be 'null' if column type is of type STRING or '[null]' if column type is of STRING_LIST\n    const column = headers[columnIndex]\n    const isNullValue = value === 'null'\n    const isListType = column.columnType.endsWith('_LIST')\n\n    const isEmptyListOrListOfNull = value === '[]' || value === '[null]'\n    if (\n      typeof value === 'string' &&\n      !(isNullValue || (isListType && isEmptyListOrListOfNull))\n    ) {\n      labelValueArray.push([columnName, value])\n    }\n  }\n\n  return (\n    <StyledTableContainer sx={{ width: '100%' }}>\n      <table style={{ width: '100%' }}>\n        <tbody>\n          {labelValueArray?.map(([columnName, value]) => (\n            <tr key={columnName}>\n              <td style={{ width: '256px' }}>\n                <span\n                  style={{\n                    fontSize: '14px',\n                    lineHeight: '20px',\n                    color: '#333',\n                  }}\n                >\n                  {columnAliases?.[columnName] ?? columnName}\n                </span>\n              </td>\n              <td>\n                <SynapseCardLabel\n                  value={value}\n                  columnName={columnName}\n                  labelLink={columnLinks?.find(\n                    link => link.matchColumnName === columnName,\n                  )}\n                  selectColumns={headers}\n                  columnModels={undefined}\n                  isHeader={false}\n                  rowData={rowData}\n                />\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </StyledTableContainer>\n  )\n}\n\nexport default RowDataTable\n"],"mappings":";;;;;;AAsBA,IAAM,KAAgB,MAA8C;CAClE,IAAM,EAAE,kBAAe,gBAAa,YAAS,YAAS,wBACpD,GAEI,IAAU,IACZ,EACG,QAAO,MAAU,EAAiB,SAAS,EAAO,KAAK,CAAC,CACxD,KAAI,MAAU,EAAO,KAAK,GAC7B,EAAQ,KAAI,MAAU,EAAO,KAAK,EAEhC,IAAsC,EAAE;AAE9C,MAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,KAAK,GAAG;EAC1C,IAAM,IAAa,EAAQ,IACrB,IAAc,EAAQ,WAAU,MAAU,EAAO,SAAS,EAAW,EACrE,IAAQ,MAAgB,KAA4B,KAAA,IAAvB,EAAQ,IAGrC,IAAS,EAAQ,IACjB,IAAc,MAAU,QACxB,IAAa,EAAO,WAAW,SAAS,QAAQ;AAGtD,EACE,OAAO,KAAU,YACjB,EAAE,KAAgB,MAHY,MAAU,QAAQ,MAAU,cAK1D,EAAgB,KAAK,CAAC,GAAY,EAAM,CAAC;;AAI7C,QACE,kBAAC,GAAD;EAAsB,IAAI,EAAE,OAAO,QAAQ;YACzC,kBAAC,SAAD;GAAO,OAAO,EAAE,OAAO,QAAQ;aAC7B,kBAAC,SAAD,EAAA,UACG,GAAiB,KAAK,CAAC,GAAY,OAClC,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,OAAO,EAAE,OAAO,SAAS;cAC3B,kBAAC,QAAD;KACE,OAAO;MACL,UAAU;MACV,YAAY;MACZ,OAAO;MACR;eAEA,IAAgB,MAAe;KAC3B,CAAA;IACJ,CAAA,EACL,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;IACS;IACK;IACZ,WAAW,GAAa,MACtB,MAAQ,EAAK,oBAAoB,EAClC;IACD,eAAe;IACf,cAAc,KAAA;IACd,UAAU;IACD;IACT,CAAA,EACC,CAAA,CACF,EAAA,EAzBI,EAyBJ,CACL,EACI,CAAA;GACF,CAAA;EACa,CAAA"}
+{"version":3,"file":"RowDataTable.js","names":[],"sources":["../../../src/components/RowDataTable/RowDataTable.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTableContainer } from '@/components/styled/StyledTableContainer'\nimport { SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { SynapseCardLabel } from '../GenericCard'\n\nexport type RowDataTableProps = {\n  /** Array of string values corresponding to the data for a row */\n  rowData: Array<string | null>\n  /** The headers for the columns in the table */\n  headers: SelectColumn[]\n  /** Optional list of column names whose data should be displayed in the table. If not provided, all columns with data will be shown. */\n  displayedColumns?: string[]\n  /** Optional configuration for linking columns */\n  columnLinks?: LabelLinkConfig\n  /** Optional display value overrides for column names */\n  columnAliases?: Record<string, string>\n}\n\n/**\n * Displays a table of column names and Synapse Table row data represented as key/value pairs\n */\nconst RowDataTable = (props: RowDataTableProps): React.ReactNode => {\n  const { columnAliases, columnLinks, headers, rowData, displayedColumns } =\n    props\n\n  const columns = displayedColumns\n    ? headers\n        .filter(header => displayedColumns.includes(header.name))\n        .map(header => header.name)\n    : headers.map(header => header.name)\n\n  const labelValueArray: [string, string][] = []\n\n  for (let i = 0; i < columns.length; i += 1) {\n    const columnName = columns[i]\n    const columnIndex = headers.findIndex(header => header.name === columnName)\n    const value = columnIndex !== -1 ? rowData[columnIndex] : undefined\n\n    // value can be 'null' if column type is of type STRING or '[null]' if column type is of STRING_LIST\n    const column = headers[columnIndex]\n    const isNullValue = value === 'null'\n    const isListType = column.columnType.endsWith('_LIST')\n\n    const isEmptyListOrListOfNull = value === '[]' || value === '[null]'\n    if (\n      typeof value === 'string' &&\n      !(isNullValue || (isListType && isEmptyListOrListOfNull))\n    ) {\n      labelValueArray.push([columnName, value])\n    }\n  }\n\n  return (\n    <StyledTableContainer sx={{ width: '100%' }}>\n      <table style={{ width: '100%' }}>\n        <tbody>\n          {labelValueArray?.map(([columnName, value]) => (\n            <tr key={columnName}>\n              <td style={{ width: '256px' }}>\n                <span\n                  style={{\n                    fontSize: '14px',\n                    lineHeight: '20px',\n                    color: '#333',\n                  }}\n                >\n                  {columnAliases?.[columnName] ?? columnName}\n                </span>\n              </td>\n              <td>\n                <SynapseCardLabel\n                  value={value}\n                  columnName={columnName}\n                  labelLink={columnLinks?.find(\n                    link => link.matchColumnName === columnName,\n                  )}\n                  selectColumns={headers}\n                  columnModels={undefined}\n                  isHeader={false}\n                  rowData={rowData}\n                />\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </StyledTableContainer>\n  )\n}\n\nexport default RowDataTable\n"],"mappings":";;;;;;AAsBA,IAAM,KAAgB,MAA8C;CAClE,IAAM,EAAE,kBAAe,gBAAa,YAAS,YAAS,wBACpD,GAEI,IAAU,IACZ,EACG,QAAO,MAAU,EAAiB,SAAS,EAAO,IAAI,CAAC,EACvD,KAAI,MAAU,EAAO,IAAI,IAC5B,EAAQ,KAAI,MAAU,EAAO,IAAI,GAE/B,IAAsC,CAAC;CAE7C,KAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,KAAK,GAAG;EAC1C,IAAM,IAAa,EAAQ,IACrB,IAAc,EAAQ,WAAU,MAAU,EAAO,SAAS,CAAU,GACpE,IAAQ,MAAgB,KAA4B,KAAA,IAAvB,EAAQ,IAGrC,IAAS,EAAQ,IACjB,IAAc,MAAU,QACxB,IAAa,EAAO,WAAW,SAAS,OAAO;EAGrD,AACE,OAAO,KAAU,YACjB,EAAE,KAAgB,MAHY,MAAU,QAAQ,MAAU,cAK1D,EAAgB,KAAK,CAAC,GAAY,CAAK,CAAC;CAE5C;CAEA,OACE,kBAAC,GAAD;EAAsB,IAAI,EAAE,OAAO,OAAO;YACxC,kBAAC,SAAD;GAAO,OAAO,EAAE,OAAO,OAAO;aAC5B,kBAAC,SAAD,EAAA,UACG,GAAiB,KAAK,CAAC,GAAY,OAClC,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,OAAO,EAAE,OAAO,QAAQ;cAC1B,kBAAC,QAAD;KACE,OAAO;MACL,UAAU;MACV,YAAY;MACZ,OAAO;KACT;eAEC,IAAgB,MAAe;IAC5B,CAAA;GACJ,CAAA,GACJ,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;IACS;IACK;IACZ,WAAW,GAAa,MACtB,MAAQ,EAAK,oBAAoB,CACnC;IACA,eAAe;IACf,cAAc,KAAA;IACd,UAAU;IACD;GACV,CAAA,EACC,CAAA,CACF,EAAA,GAzBK,CAyBL,CACL,EACI,CAAA;EACF,CAAA;CACa,CAAA;AAE1B"}

package/dist/components/RowDataTable/RowDataTableWithQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowDataTableWithQuery.js","names":[],"sources":["../../../src/components/RowDataTable/RowDataTableWithQuery.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { SkeletonTable } from '../Skeleton'\nimport RowDataTable from './RowDataTable'\n\nexport type RowDataTableWithQueryProps = {\n  /** The query used to retrieve data */\n  query: Query\n  /** Optional list of column names whose data should be displayed in the table. If not provided, all columns with data will be shown. */\n  displayedColumns?: string[]\n  /** Optional display value overrides for column names */\n  columnAliases?: Record<string, string>\n  /** Optional configuration for linking columns  */\n  columnLinks?: LabelLinkConfig\n}\n\n/**\n * For the first row returned by the query, displays a table of column names and Synapse Table row data represented as key/value pairs\n */\nconst RowDataTableWithQuery = (\n  props: RowDataTableWithQueryProps,\n): React.ReactNode => {\n  const { columnAliases, columnLinks, query, displayedColumns } = props\n  const entityId = parseEntityIdFromSqlStatement(query.sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask: BUNDLE_MASK_QUERY_SELECT_COLUMNS | BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query,\n  }\n\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const rowData =\n    queryResultBundle?.queryResult!.queryResults.rows[0].values ?? []\n  const headers = queryResultBundle?.queryResult!.queryResults.headers ?? []\n\n  if (isLoading) return <SkeletonTable numRows={6} numCols={1} />\n\n  return (\n    <RowDataTable\n      columnAliases={columnAliases}\n      columnLinks={columnLinks}\n      rowData={rowData}\n      headers={headers}\n      displayedColumns={displayedColumns}\n    />\n  )\n}\n\nexport default RowDataTableWithQuery\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,KACJ,MACoB;CACpB,IAAM,EAAE,kBAAe,gBAAa,UAAO,wBAAqB,GAU1D,EAAE,MAAM,GAAmB,iBAC/B,EAAwB;EAPxB,UAAA;EACA,cAAc;EACd,UALe,EAA8B,EAAM,IAKnD;EACA;EAIwB,CAAmB,EAEvC,IACJ,GAAmB,YAAa,aAAa,KAAK,GAAG,UAAU,EAAE,EAC7D,IAAU,GAAmB,YAAa,aAAa,WAAW,EAAE;AAI1E,QAFI,IAAkB,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;EAAK,CAAA,GAG7D,kBAAC,GAAD;EACiB;EACF;EACJ;EACA;EACS;EAClB,CAAA"}
+{"version":3,"file":"RowDataTableWithQuery.js","names":[],"sources":["../../../src/components/RowDataTable/RowDataTableWithQuery.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { SkeletonTable } from '../Skeleton'\nimport RowDataTable from './RowDataTable'\n\nexport type RowDataTableWithQueryProps = {\n  /** The query used to retrieve data */\n  query: Query\n  /** Optional list of column names whose data should be displayed in the table. If not provided, all columns with data will be shown. */\n  displayedColumns?: string[]\n  /** Optional display value overrides for column names */\n  columnAliases?: Record<string, string>\n  /** Optional configuration for linking columns  */\n  columnLinks?: LabelLinkConfig\n}\n\n/**\n * For the first row returned by the query, displays a table of column names and Synapse Table row data represented as key/value pairs\n */\nconst RowDataTableWithQuery = (\n  props: RowDataTableWithQueryProps,\n): React.ReactNode => {\n  const { columnAliases, columnLinks, query, displayedColumns } = props\n  const entityId = parseEntityIdFromSqlStatement(query.sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask: BUNDLE_MASK_QUERY_SELECT_COLUMNS | BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query,\n  }\n\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const rowData =\n    queryResultBundle?.queryResult!.queryResults.rows[0].values ?? []\n  const headers = queryResultBundle?.queryResult!.queryResults.headers ?? []\n\n  if (isLoading) return <SkeletonTable numRows={6} numCols={1} />\n\n  return (\n    <RowDataTable\n      columnAliases={columnAliases}\n      columnLinks={columnLinks}\n      rowData={rowData}\n      headers={headers}\n      displayedColumns={displayedColumns}\n    />\n  )\n}\n\nexport default RowDataTableWithQuery\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,KACJ,MACoB;CACpB,IAAM,EAAE,kBAAe,gBAAa,UAAO,wBAAqB,GAU1D,EAAE,MAAM,GAAmB,iBAC/B,EAAwB;EAPxB,UAAA;EACA,cAAc;EACd,UALe,EAA8B,EAAM,GAKnD;EACA;CAIwB,CAAkB,GAEtC,IACJ,GAAmB,YAAa,aAAa,KAAK,GAAG,UAAU,CAAC,GAC5D,IAAU,GAAmB,YAAa,aAAa,WAAW,CAAC;CAIzE,OAFI,IAAkB,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;CAAI,CAAA,IAG5D,kBAAC,GAAD;EACiB;EACF;EACJ;EACA;EACS;CACnB,CAAA;AAEL"}

package/dist/components/RssFeedCards/RssFeedCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"RssFeedCards.js","names":[],"sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\nimport { ReactComponent as SubscribePlus } from '@/assets/icons/subscribe_plus.svg'\nimport LargeButton from '@/components/styled/LargeButton'\nimport dayjs from 'dayjs'\nimport { Component } from 'react'\nimport MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\n\nconst rssParser = new Parser()\ntype RssState = {\n  rssFeed: any\n  isLoadingError: boolean\n  isShowingSubscribeUI: boolean\n  allItemsUrl?: string\n}\n\nexport type RssFilter = {\n  type?: 'tag' | 'category'\n  value: string\n}\n\nexport type RssFeedCardsProps = {\n  url: string\n  filter?: RssFilter // optional tag or category to use as a filter\n  itemsToShow: number\n  allowCategories?: string[]\n  mailChimpListName?: string\n  mailChimpUrl?: string\n  viewAllNewsButtonText?: string\n}\nexport class RssFeedCards extends Component<RssFeedCardsProps, RssState> {\n  // only update the state if this component is mounted\n  _isMounted = false\n\n  constructor(props: RssFeedCardsProps) {\n    super(props)\n    this.state = {\n      rssFeed: {},\n      isLoadingError: false,\n      isShowingSubscribeUI: false,\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n    const { url, filter } = this.props\n    const filterValue = filter?.value\n    const filterType = filter?.type\n    const tagPath = filterValue\n      ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n      : ''\n    const allItems = `${url}${tagPath}`\n    const feedUrl = `${allItems}/?feed=rss2`\n    fetch(feedUrl)\n      .then(response => response.text())\n      .then(responseData => rssParser.parseString(responseData))\n      .then(rss => {\n        if (this._isMounted) {\n          this.setState({ rssFeed: rss, allItemsUrl: allItems })\n        }\n      })\n      .catch(err => {\n        if (this._isMounted) {\n          this.setState({ isLoadingError: true })\n        }\n      })\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n  }\n\n  public onClickSubscribe = () => {\n    this.setState({ isShowingSubscribeUI: true })\n  }\n\n  render() {\n    const { viewAllNewsButtonText } = this.props\n\n    if (this.state.rssFeed.items?.length === 0) {\n      return (\n        <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n          {NoData}\n          <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n            There are no items currently available\n          </div>\n        </div>\n      )\n    }\n    return (\n      <>\n        {this.props.mailChimpUrl && (\n          <div className=\"FeedSubscribe\">\n            {!this.state.isShowingSubscribeUI && (\n              <a\n                className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n                onClick={this.onClickSubscribe}\n              >\n                <SubscribePlus title=\"Subscribe to News\" />\n                Subscribe to News\n              </a>\n            )}\n            {this.state.isShowingSubscribeUI && (\n              <div className=\"MailchimpSubscribeContainer\">\n                <SubscribePlus title=\"Subscribe to News\" />\n                <p>\n                  Subscribe to receive the {this.props.mailChimpListName} by\n                  e-mail, which provides information and updates related to the\n                  Portal. You can opt out at any time by using the unsubscribe\n                  link within the e-mail. We will not share your information\n                  with any third parties or use it for any other purposes.\n                </p>\n                <div className=\"SRC-marginBottomTop\">\n                  <MailchimpSubscribe url={this.props.mailChimpUrl} />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        <div className=\"Feed\">\n          <div className=\"FeedItems\">\n            {this.state.rssFeed.items &&\n              this.state.rssFeed.items.map((item: any, index: any) => {\n                // The other is to hide the large number of items in a particular feed (usually a max of 10 are returned).  See state.isShowingMoreItems\n                if (index >= this.props.itemsToShow) {\n                  return\n                }\n\n                return (\n                  <div key={item.guid} className={`FeedItem`}>\n                    <div>\n                      {this.props.allowCategories &&\n                        this.props.allowCategories.length > 0 && (\n                          <div className=\"FeedItemCategories\">\n                            {item['categories'].map((categoryName: string) => {\n                              // are we allowed to show this category/tag?\n                              const categoryNameLowerCase =\n                                categoryName.toLowerCase()\n                              const allowCategories = this.props.allowCategories\n                              if (\n                                allowCategories?.findIndex(\n                                  item =>\n                                    categoryNameLowerCase ===\n                                    item.toLowerCase(),\n                                ) === -1\n                              )\n                                return <></>\n                              // else\n                              return (\n                                <a\n                                  href={`${\n                                    this.state.rssFeed.link\n                                  }/tag/${categoryName.replace(' ', '-')}`}\n                                  className=\"SRC-no-border-bottom-imp\"\n                                  key={`${item.guid}_${categoryName}`}\n                                  target=\"_blank\"\n                                  rel=\"noopener noreferrer\"\n                                >\n                                  <div className=\"FeedItemCategory\">\n                                    {categoryName}\n                                  </div>\n                                </a>\n                              )\n                            })}\n                          </div>\n                        )}\n                      <p className=\"FeedItemDate\">\n                        {dayjs(item['isoDate']).format('MMMM YYYY')}\n                      </p>\n                      <p className=\"FeedItemTitle\">{item['title']}</p>\n                      <div className=\"FeedItemDescription\">\n                        {item['contentSnippet'].replace(/\\[...\\]|\\[…\\]/gm, '…')}\n                      </div>\n                      <a\n                        className=\"FeedItemLink\"\n                        href={item['link']}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        Continue reading\n                      </a>\n                    </div>\n                  </div>\n                )\n              })}\n          </div>\n          {this.state.rssFeed.items &&\n            this.state.rssFeed.items.length > this.props.itemsToShow &&\n            this.state.allItemsUrl && (\n              <div className=\"FeedViewAllNewsButtonContainer\">\n                <LargeButton\n                  color=\"secondary\"\n                  variant=\"contained\"\n                  onClick={() =>\n                    window.open(this.state.allItemsUrl, '_blank', 'noopener')\n                  }\n                  // @ts-expect-error - target prop exists, but TS doesn't recognize on styled component\n                  target=\"_blank\"\n                >\n                  {viewAllNewsButtonText ?? 'View All News'}\n                </LargeButton>\n              </div>\n            )}\n          {this.state.isLoadingError && (\n            <div>Unable to load feed: {this.props.url}</div>\n          )}\n        </div>\n      </>\n    )\n  }\n}\n\nexport default RssFeedCards\n"],"mappings":"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"}
+{"version":3,"file":"RssFeedCards.js","names":[],"sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\nimport { ReactComponent as SubscribePlus } from '@/assets/icons/subscribe_plus.svg'\nimport LargeButton from '@/components/styled/LargeButton'\nimport dayjs from 'dayjs'\nimport { Component } from 'react'\nimport MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\n\nconst rssParser = new Parser()\ntype RssState = {\n  rssFeed: any\n  isLoadingError: boolean\n  isShowingSubscribeUI: boolean\n  allItemsUrl?: string\n}\n\nexport type RssFilter = {\n  type?: 'tag' | 'category'\n  value: string\n}\n\nexport type RssFeedCardsProps = {\n  url: string\n  filter?: RssFilter // optional tag or category to use as a filter\n  itemsToShow: number\n  allowCategories?: string[]\n  mailChimpListName?: string\n  mailChimpUrl?: string\n  viewAllNewsButtonText?: string\n}\nexport class RssFeedCards extends Component<RssFeedCardsProps, RssState> {\n  // only update the state if this component is mounted\n  _isMounted = false\n\n  constructor(props: RssFeedCardsProps) {\n    super(props)\n    this.state = {\n      rssFeed: {},\n      isLoadingError: false,\n      isShowingSubscribeUI: false,\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n    const { url, filter } = this.props\n    const filterValue = filter?.value\n    const filterType = filter?.type\n    const tagPath = filterValue\n      ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n      : ''\n    const allItems = `${url}${tagPath}`\n    const feedUrl = `${allItems}/?feed=rss2`\n    fetch(feedUrl)\n      .then(response => response.text())\n      .then(responseData => rssParser.parseString(responseData))\n      .then(rss => {\n        if (this._isMounted) {\n          this.setState({ rssFeed: rss, allItemsUrl: allItems })\n        }\n      })\n      .catch(err => {\n        if (this._isMounted) {\n          this.setState({ isLoadingError: true })\n        }\n      })\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n  }\n\n  public onClickSubscribe = () => {\n    this.setState({ isShowingSubscribeUI: true })\n  }\n\n  render() {\n    const { viewAllNewsButtonText } = this.props\n\n    if (this.state.rssFeed.items?.length === 0) {\n      return (\n        <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n          {NoData}\n          <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n            There are no items currently available\n          </div>\n        </div>\n      )\n    }\n    return (\n      <>\n        {this.props.mailChimpUrl && (\n          <div className=\"FeedSubscribe\">\n            {!this.state.isShowingSubscribeUI && (\n              <a\n                className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n                onClick={this.onClickSubscribe}\n              >\n                <SubscribePlus title=\"Subscribe to News\" />\n                Subscribe to News\n              </a>\n            )}\n            {this.state.isShowingSubscribeUI && (\n              <div className=\"MailchimpSubscribeContainer\">\n                <SubscribePlus title=\"Subscribe to News\" />\n                <p>\n                  Subscribe to receive the {this.props.mailChimpListName} by\n                  e-mail, which provides information and updates related to the\n                  Portal. You can opt out at any time by using the unsubscribe\n                  link within the e-mail. We will not share your information\n                  with any third parties or use it for any other purposes.\n                </p>\n                <div className=\"SRC-marginBottomTop\">\n                  <MailchimpSubscribe url={this.props.mailChimpUrl} />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        <div className=\"Feed\">\n          <div className=\"FeedItems\">\n            {this.state.rssFeed.items &&\n              this.state.rssFeed.items.map((item: any, index: any) => {\n                // The other is to hide the large number of items in a particular feed (usually a max of 10 are returned).  See state.isShowingMoreItems\n                if (index >= this.props.itemsToShow) {\n                  return\n                }\n\n                return (\n                  <div key={item.guid} className={`FeedItem`}>\n                    <div>\n                      {this.props.allowCategories &&\n                        this.props.allowCategories.length > 0 && (\n                          <div className=\"FeedItemCategories\">\n                            {item['categories'].map((categoryName: string) => {\n                              // are we allowed to show this category/tag?\n                              const categoryNameLowerCase =\n                                categoryName.toLowerCase()\n                              const allowCategories = this.props.allowCategories\n                              if (\n                                allowCategories?.findIndex(\n                                  item =>\n                                    categoryNameLowerCase ===\n                                    item.toLowerCase(),\n                                ) === -1\n                              )\n                                return <></>\n                              // else\n                              return (\n                                <a\n                                  href={`${\n                                    this.state.rssFeed.link\n                                  }/tag/${categoryName.replace(' ', '-')}`}\n                                  className=\"SRC-no-border-bottom-imp\"\n                                  key={`${item.guid}_${categoryName}`}\n                                  target=\"_blank\"\n                                  rel=\"noopener noreferrer\"\n                                >\n                                  <div className=\"FeedItemCategory\">\n                                    {categoryName}\n                                  </div>\n                                </a>\n                              )\n                            })}\n                          </div>\n                        )}\n                      <p className=\"FeedItemDate\">\n                        {dayjs(item['isoDate']).format('MMMM YYYY')}\n                      </p>\n                      <p className=\"FeedItemTitle\">{item['title']}</p>\n                      <div className=\"FeedItemDescription\">\n                        {item['contentSnippet'].replace(/\\[...\\]|\\[…\\]/gm, '…')}\n                      </div>\n                      <a\n                        className=\"FeedItemLink\"\n                        href={item['link']}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        Continue reading\n                      </a>\n                    </div>\n                  </div>\n                )\n              })}\n          </div>\n          {this.state.rssFeed.items &&\n            this.state.rssFeed.items.length > this.props.itemsToShow &&\n            this.state.allItemsUrl && (\n              <div className=\"FeedViewAllNewsButtonContainer\">\n                <LargeButton\n                  color=\"secondary\"\n                  variant=\"contained\"\n                  onClick={() =>\n                    window.open(this.state.allItemsUrl, '_blank', 'noopener')\n                  }\n                  // @ts-expect-error - target prop exists, but TS doesn't recognize on styled component\n                  target=\"_blank\"\n                >\n                  {viewAllNewsButtonText ?? 'View All News'}\n                </LargeButton>\n              </div>\n            )}\n          {this.state.isLoadingError && (\n            <div>Unable to load feed: {this.props.url}</div>\n          )}\n        </div>\n      </>\n    )\n  }\n}\n\nexport default RssFeedCards\n"],"mappings":";;;;;;;;;AAQA,IAAM,IAAY,IAAI,EAAO,GAsBhB,IAAb,cAAkC,EAAuC;CAEvE,aAAa;CAEb,YAAY,GAA0B;EAEpC,AADA,MAAM,CAAK,GACX,KAAK,QAAQ;GACX,SAAS,CAAC;GACV,gBAAgB;GAChB,sBAAsB;EACxB;CACF;CAEA,oBAAoB;EAClB,KAAK,aAAa;EAClB,IAAM,EAAE,QAAK,cAAW,KAAK,OACvB,IAAc,GAAQ,OACtB,IAAa,GAAQ,MAIrB,IAAW,GAAG,IAHJ,IACZ,IAAI,KAAc,MAAM,GAAG,EAAY,QAAQ,KAAK,GAAG,MACvD,MAEE,IAAU,GAAG,EAAS;EAC5B,MAAM,CAAO,EACV,MAAK,MAAY,EAAS,KAAK,CAAC,EAChC,MAAK,MAAgB,EAAU,YAAY,CAAY,CAAC,EACxD,MAAK,MAAO;GACX,AAAI,KAAK,cACP,KAAK,SAAS;IAAE,SAAS;IAAK,aAAa;GAAS,CAAC;EAEzD,CAAC,EACA,OAAM,MAAO;GACZ,AAAI,KAAK,cACP,KAAK,SAAS,EAAE,gBAAgB,GAAK,CAAC;EAE1C,CAAC;CACL;CAEA,uBAAuB;EACrB,KAAK,aAAa;CACpB;CAEA,yBAAgC;EAC9B,KAAK,SAAS,EAAE,sBAAsB,GAAK,CAAC;CAC9C;CAEA,SAAS;EACP,IAAM,EAAE,6BAA0B,KAAK;EAYvC,OAVI,KAAK,MAAM,QAAQ,OAAO,WAAW,IAErC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GACD,kBAAC,OAAD;IAAK,OAAO;KAAE,WAAW;KAAQ,WAAW;IAAS;cAAG;GAEnD,CAAA,CACF;OAIP,kBAAA,GAAA,EAAA,UAAA,CACG,KAAK,MAAM,gBACV,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,CAAC,KAAK,MAAM,wBACX,kBAAC,KAAD;IACE,WAAU;IACV,SAAS,KAAK;cAFhB,CAIE,kBAAC,GAAD,EAAe,OAAM,oBAAqB,CAAA,GAAC,mBAE1C;OAEJ,KAAK,MAAM,wBACV,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAe,OAAM,oBAAqB,CAAA;KAC1C,kBAAC,KAAD,EAAA,UAAA;MAAG;MACyB,KAAK,MAAM;MAAkB;KAKtD,EAAA,CAAA;KACH,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAoB,KAAK,KAAK,MAAM,aAAe,CAAA;KAChD,CAAA;IACF;KAEJ;MAEP,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eACZ,KAAK,MAAM,QAAQ,SAClB,KAAK,MAAM,QAAQ,MAAM,KAAK,GAAW,MAAe;MAElD,WAAS,KAAK,MAAM,cAIxB,OACE,kBAAC,OAAD;OAAqB,WAAW;iBAC9B,kBAAC,OAAD,EAAA,UAAA;QACG,KAAK,MAAM,mBACV,KAAK,MAAM,gBAAgB,SAAS,KAClC,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAK,WAAc,KAAK,MAAyB;UAEhD,IAAM,IACJ,EAAa,YAAY;UAW3B,OAVwB,KAAK,MAAM,iBAEhB,WACf,MACE,MACA,EAAK,YAAY,CACrB,MAAM,KAEC,kBAAA,GAAA,CAAI,CAAA,IAGX,kBAAC,KAAD;WACE,MAAM,GACJ,KAAK,MAAM,QAAQ,KACpB,OAAO,EAAa,QAAQ,KAAK,GAAG;WACrC,WAAU;WAEV,QAAO;WACP,KAAI;qBAEJ,kBAAC,OAAD;YAAK,WAAU;sBACZ;WACE,CAAA;UACJ,GAPI,GAAG,EAAK,KAAK,GAAG,GAOpB;SAEP,CAAC;QACE,CAAA;QAET,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAM,EAAK,OAAU,EAAE,OAAO,WAAW;QACzC,CAAA;QACH,kBAAC,KAAD;SAAG,WAAU;mBAAiB,EAAK;QAAY,CAAA;QAC/C,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAK,eAAkB,QAAQ,mBAAmB,GAAG;QACnD,CAAA;QACL,kBAAC,KAAD;SACE,WAAU;SACV,MAAM,EAAK;SACX,QAAO;SACP,KAAI;mBACL;QAEE,CAAA;OACA,EAAA,CAAA;MACF,GArDK,EAAK,IAqDV;KAET,CAAC;IACA,CAAA;IACJ,KAAK,MAAM,QAAQ,SAClB,KAAK,MAAM,QAAQ,MAAM,SAAS,KAAK,MAAM,eAC7C,KAAK,MAAM,eACT,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,OAAM;MACN,SAAQ;MACR,eACE,OAAO,KAAK,KAAK,MAAM,aAAa,UAAU,UAAU;MAG1D,QAAO;gBAEN,KAAyB;KACf,CAAA;IACV,CAAA;IAER,KAAK,MAAM,kBACV,kBAAC,OAAD,EAAA,UAAA,CAAK,yBAAsB,KAAK,MAAM,GAAS,EAAA,CAAA;GAE9C;IACL,EAAA,CAAA;CAEN;AACF"}

package/dist/components/SageResourcesPopover/SageResourcesPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"SageResourcesPopover.js","names":[],"sources":["../../../src/components/SageResourcesPopover/SageResourcesPopover.tsx"],"sourcesContent":["import { useSourceAppConfigs } from '@/utils/hooks'\nimport { Box, Button, Grid, Popover, Typography, useTheme } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SageResourcesPopoverProps = {\n  sourceAppConfigTableID?: string\n  anchorEl: HTMLElement | null\n  onClose: () => void\n  resourceName?: string\n  description?: string\n  filterByType?: 'SynapsePortal' | 'SageSolution'\n  allResourcesUrl?: string\n}\n\nexport function SageResourcesPopover({\n  sourceAppConfigTableID = 'syn45291362',\n  anchorEl,\n  onClose,\n  resourceName = 'Portals',\n  description = 'Sage Bionetworks builds and supports community portals as tailored platforms for data sharing and collaboration across diverse research areas.',\n  filterByType,\n  allResourcesUrl,\n}: SageResourcesPopoverProps) {\n  const theme = useTheme()\n  const open = Boolean(anchorEl)\n  const hostname = typeof window !== 'undefined' ? window.location.hostname : ''\n\n  const additionalFilters: ColumnSingleValueQueryFilter[] = [\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'isPublicized',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: ['true'],\n    },\n  ]\n  if (filterByType) {\n    additionalFilters.push({\n      isDefiningCondition: false,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'portalType',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: [filterByType],\n    })\n  }\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    additionalFilters,\n  )\n\n  return (\n    <Popover\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      sx={{ width: '90%', height: '90%' }}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'center' }}\n    >\n      <Grid container spacing={2} sx={{ p: '24px' }}>\n        <Grid size={{ xs: 12, lg: 3 }}>\n          <Box sx={{ p: theme.spacing(4), pr: '5px' }}>\n            <Typography\n              variant=\"headline1\"\n              sx={{ fontSize: '30px', pb: '30px', fontWeight: 600 }}\n            >\n              {resourceName}\n            </Typography>\n            <Typography variant=\"body1\" sx={{ pb: '10px', fontWeight: 500 }}>\n              {description}\n            </Typography>\n            {allResourcesUrl && (\n              <Button\n                type=\"button\"\n                color=\"primary\"\n                variant=\"contained\"\n                sx={{\n                  p: '10px 50px',\n                  mt: '30px',\n                  height: '100%',\n                  '&:hover': { color: 'white' },\n                }}\n                href={allResourcesUrl}\n              >\n                See all {resourceName}\n              </Button>\n            )}\n          </Box>\n        </Grid>\n\n        <Grid size={{ xs: 12, lg: 9 }}>\n          <Grid container>\n            {sourceAppConfigs\n              ?.filter(config => {\n                if (config.appURL.toLowerCase().startsWith('http')) {\n                  const url = new URL(config.appURL)\n                  return url.hostname !== hostname\n                }\n                return true\n              })\n              .map(config => (\n                <Grid\n                  key={config.appId}\n                  size={{ xs: 12, sm: 6, lg: 4 }}\n                  className=\"sourceAppItem\"\n                  sx={{\n                    p: '30px',\n                    border: '1px solid #F1F3F5',\n                    '&:hover': {\n                      backgroundColor: '#d7dee433',\n                      cursor: 'pointer',\n                    },\n                  }}\n                >\n                  <div\n                    onClick={() => {\n                      window.open(config.appURL, '_blank')\n                      onClose()\n                    }}\n                  >\n                    <Box\n                      sx={{\n                        pb: '10px',\n                        img: {\n                          maxHeight: '50px',\n                          height: '50px',\n                          maxWidth: '100%',\n                        },\n                      }}\n                    >\n                      {config.logo}\n                    </Box>\n                    <Typography variant=\"body1\" sx={{ fontWeight: 500 }}>\n                      {config.shortDescription}\n                    </Typography>\n                  </div>\n                </Grid>\n              ))}\n          </Grid>\n        </Grid>\n      </Grid>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAqB,EACnC,4BAAyB,eACzB,aACA,YACA,kBAAe,WACf,iBAAc,kJACd,iBACA,sBAC4B;CAC5B,IAAM,IAAQ,GAAU,EAClB,IAAO,EAAQ,GACf,IAAW,OAAO,SAAW,MAAc,OAAO,SAAS,WAAW,IAEtE,IAAoD,CACxD;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,OAAO;EACjB,CACF;AACD,CAAI,KACF,EAAkB,KAAK;EACrB,qBAAqB;EACrB,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,EAAa;EACvB,CAAC;CAEJ,IAAM,IAAmB,EACvB,GACA,EACD;AAED,QACE,kBAAC,GAAD;EACQ;EACI;EACD;EACT,IAAI;GAAE,OAAO;GAAO,QAAQ;GAAO;EACnC,cAAc;GAAE,UAAU;GAAU,YAAY;GAAU;EAC1D,iBAAiB;GAAE,UAAU;GAAO,YAAY;GAAU;YAE1D,kBAAC,GAAD;GAAM,WAAA;GAAU,SAAS;GAAG,IAAI,EAAE,GAAG,QAAQ;aAA7C,CACE,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;KAAG;cAC3B,kBAAC,GAAD;KAAK,IAAI;MAAE,GAAG,EAAM,QAAQ,EAAE;MAAE,IAAI;MAAO;eAA3C;MACE,kBAAC,GAAD;OACE,SAAQ;OACR,IAAI;QAAE,UAAU;QAAQ,IAAI;QAAQ,YAAY;QAAK;iBAEpD;OACU,CAAA;MACb,kBAAC,GAAD;OAAY,SAAQ;OAAQ,IAAI;QAAE,IAAI;QAAQ,YAAY;QAAK;iBAC5D;OACU,CAAA;MACZ,KACC,kBAAC,GAAD;OACE,MAAK;OACL,OAAM;OACN,SAAQ;OACR,IAAI;QACF,GAAG;QACH,IAAI;QACJ,QAAQ;QACR,WAAW,EAAE,OAAO,SAAS;QAC9B;OACD,MAAM;iBAVR,CAWC,YACU,EACF;;MAEP;;IACD,CAAA,EAEP,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;KAAG;cAC3B,kBAAC,GAAD;KAAM,WAAA;eACH,GACG,QAAO,MACH,EAAO,OAAO,aAAa,CAAC,WAAW,OAAO,GAEzC,IADS,IAAI,EAAO,OACpB,CAAI,aAAa,IAEnB,GACP,CACD,KAAI,MACH,kBAAC,GAAD;MAEE,MAAM;OAAE,IAAI;OAAI,IAAI;OAAG,IAAI;OAAG;MAC9B,WAAU;MACV,IAAI;OACF,GAAG;OACH,QAAQ;OACR,WAAW;QACT,iBAAiB;QACjB,QAAQ;QACT;OACF;gBAED,kBAAC,OAAD;OACE,eAAe;AAEb,QADA,OAAO,KAAK,EAAO,QAAQ,SAAS,EACpC,GAAS;;iBAHb,CAME,kBAAC,GAAD;QACE,IAAI;SACF,IAAI;SACJ,KAAK;UACH,WAAW;UACX,QAAQ;UACR,UAAU;UACX;SACF;kBAEA,EAAO;QACJ,CAAA,EACN,kBAAC,GAAD;QAAY,SAAQ;QAAQ,IAAI,EAAE,YAAY,KAAK;kBAChD,EAAO;QACG,CAAA,CACT;;MACD,EAlCA,EAAO,MAkCP,CACP;KACC,CAAA;IACF,CAAA,CACF;;EACC,CAAA"}
+{"version":3,"file":"SageResourcesPopover.js","names":[],"sources":["../../../src/components/SageResourcesPopover/SageResourcesPopover.tsx"],"sourcesContent":["import { useSourceAppConfigs } from '@/utils/hooks'\nimport { Box, Button, Grid, Popover, Typography, useTheme } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SageResourcesPopoverProps = {\n  sourceAppConfigTableID?: string\n  anchorEl: HTMLElement | null\n  onClose: () => void\n  resourceName?: string\n  description?: string\n  filterByType?: 'SynapsePortal' | 'SageSolution'\n  allResourcesUrl?: string\n}\n\nexport function SageResourcesPopover({\n  sourceAppConfigTableID = 'syn45291362',\n  anchorEl,\n  onClose,\n  resourceName = 'Portals',\n  description = 'Sage Bionetworks builds and supports community portals as tailored platforms for data sharing and collaboration across diverse research areas.',\n  filterByType,\n  allResourcesUrl,\n}: SageResourcesPopoverProps) {\n  const theme = useTheme()\n  const open = Boolean(anchorEl)\n  const hostname = typeof window !== 'undefined' ? window.location.hostname : ''\n\n  const additionalFilters: ColumnSingleValueQueryFilter[] = [\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'isPublicized',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: ['true'],\n    },\n  ]\n  if (filterByType) {\n    additionalFilters.push({\n      isDefiningCondition: false,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'portalType',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: [filterByType],\n    })\n  }\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    additionalFilters,\n  )\n\n  return (\n    <Popover\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      sx={{ width: '90%', height: '90%' }}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'center' }}\n    >\n      <Grid container spacing={2} sx={{ p: '24px' }}>\n        <Grid size={{ xs: 12, lg: 3 }}>\n          <Box sx={{ p: theme.spacing(4), pr: '5px' }}>\n            <Typography\n              variant=\"headline1\"\n              sx={{ fontSize: '30px', pb: '30px', fontWeight: 600 }}\n            >\n              {resourceName}\n            </Typography>\n            <Typography variant=\"body1\" sx={{ pb: '10px', fontWeight: 500 }}>\n              {description}\n            </Typography>\n            {allResourcesUrl && (\n              <Button\n                type=\"button\"\n                color=\"primary\"\n                variant=\"contained\"\n                sx={{\n                  p: '10px 50px',\n                  mt: '30px',\n                  height: '100%',\n                  '&:hover': { color: 'white' },\n                }}\n                href={allResourcesUrl}\n              >\n                See all {resourceName}\n              </Button>\n            )}\n          </Box>\n        </Grid>\n\n        <Grid size={{ xs: 12, lg: 9 }}>\n          <Grid container>\n            {sourceAppConfigs\n              ?.filter(config => {\n                if (config.appURL.toLowerCase().startsWith('http')) {\n                  const url = new URL(config.appURL)\n                  return url.hostname !== hostname\n                }\n                return true\n              })\n              .map(config => (\n                <Grid\n                  key={config.appId}\n                  size={{ xs: 12, sm: 6, lg: 4 }}\n                  className=\"sourceAppItem\"\n                  sx={{\n                    p: '30px',\n                    border: '1px solid #F1F3F5',\n                    '&:hover': {\n                      backgroundColor: '#d7dee433',\n                      cursor: 'pointer',\n                    },\n                  }}\n                >\n                  <div\n                    onClick={() => {\n                      window.open(config.appURL, '_blank')\n                      onClose()\n                    }}\n                  >\n                    <Box\n                      sx={{\n                        pb: '10px',\n                        img: {\n                          maxHeight: '50px',\n                          height: '50px',\n                          maxWidth: '100%',\n                        },\n                      }}\n                    >\n                      {config.logo}\n                    </Box>\n                    <Typography variant=\"body1\" sx={{ fontWeight: 500 }}>\n                      {config.shortDescription}\n                    </Typography>\n                  </div>\n                </Grid>\n              ))}\n          </Grid>\n        </Grid>\n      </Grid>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAqB,EACnC,4BAAyB,eACzB,aACA,YACA,kBAAe,WACf,iBAAc,kJACd,iBACA,sBAC4B;CAC5B,IAAM,IAAQ,EAAS,GACjB,IAAO,EAAQ,GACf,IAAW,OAAO,SAAW,MAAc,OAAO,SAAS,WAAW,IAEtE,IAAoD,CACxD;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,MAAM;CACjB,CACF;CACA,AAAI,KACF,EAAkB,KAAK;EACrB,qBAAqB;EACrB,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,CAAY;CACvB,CAAC;CAEH,IAAM,IAAmB,EACvB,GACA,CACF;CAEA,OACE,kBAAC,GAAD;EACQ;EACI;EACD;EACT,IAAI;GAAE,OAAO;GAAO,QAAQ;EAAM;EAClC,cAAc;GAAE,UAAU;GAAU,YAAY;EAAS;EACzD,iBAAiB;GAAE,UAAU;GAAO,YAAY;EAAS;YAEzD,kBAAC,GAAD;GAAM,WAAA;GAAU,SAAS;GAAG,IAAI,EAAE,GAAG,OAAO;aAA5C,CACE,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;IAAE;cAC1B,kBAAC,GAAD;KAAK,IAAI;MAAE,GAAG,EAAM,QAAQ,CAAC;MAAG,IAAI;KAAM;eAA1C;MACE,kBAAC,GAAD;OACE,SAAQ;OACR,IAAI;QAAE,UAAU;QAAQ,IAAI;QAAQ,YAAY;OAAI;iBAEnD;MACS,CAAA;MACZ,kBAAC,GAAD;OAAY,SAAQ;OAAQ,IAAI;QAAE,IAAI;QAAQ,YAAY;OAAI;iBAC3D;MACS,CAAA;MACX,KACC,kBAAC,GAAD;OACE,MAAK;OACL,OAAM;OACN,SAAQ;OACR,IAAI;QACF,GAAG;QACH,IAAI;QACJ,QAAQ;QACR,WAAW,EAAE,OAAO,QAAQ;OAC9B;OACA,MAAM;iBAVR,CAWC,YACU,CACH;;KAEP;;GACD,CAAA,GAEN,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;IAAE;cAC1B,kBAAC,GAAD;KAAM,WAAA;eACH,GACG,QAAO,MACH,EAAO,OAAO,YAAY,EAAE,WAAW,MAAM,IAExC,IADS,IAAI,EAAO,MACpB,EAAI,aAAa,IAEnB,EACR,EACA,KAAI,MACH,kBAAC,GAAD;MAEE,MAAM;OAAE,IAAI;OAAI,IAAI;OAAG,IAAI;MAAE;MAC7B,WAAU;MACV,IAAI;OACF,GAAG;OACH,QAAQ;OACR,WAAW;QACT,iBAAiB;QACjB,QAAQ;OACV;MACF;gBAEA,kBAAC,OAAD;OACE,eAAe;QAEb,AADA,OAAO,KAAK,EAAO,QAAQ,QAAQ,GACnC,EAAQ;OACV;iBAJF,CAME,kBAAC,GAAD;QACE,IAAI;SACF,IAAI;SACJ,KAAK;UACH,WAAW;UACX,QAAQ;UACR,UAAU;SACZ;QACF;kBAEC,EAAO;OACL,CAAA,GACL,kBAAC,GAAD;QAAY,SAAQ;QAAQ,IAAI,EAAE,YAAY,IAAI;kBAC/C,EAAO;OACE,CAAA,CACT;;KACD,GAlCC,EAAO,KAkCR,CACP;IACC,CAAA;GACF,CAAA,CACF;;CACC,CAAA;AAEb"}

package/dist/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationEditorUtils.js","names":[],"sources":["../../../src/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.ts"],"sourcesContent":["import { AdditionalPropertiesSchemaField } from '@/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField'\nimport {\n  englishStringTranslator,\n  RJSFValidationError,\n  TranslatableString,\n} from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\nimport { JSONPath } from 'jsonpath-plus'\nimport { flatMap, groupBy, isEmpty, isObject } from 'lodash-es'\n\n/**\n * Generates a JSON schema for the form UI based on the provided validation schema and entity schema base properties.\n *\n * To meet the requirements of the desired form to display, we cannot simply show the validation schema. This is because\n * validation schemas may use conditional logic based on default entity properties (e.g. concreteType) to show/hide fields.\n * This method combines the validation schema with the entity schema base properties to create a new schema that will yield\n * the expected form with desired logic.\n * @param validationSchema\n * @param entitySchema\n */\nexport function getJsonSchemaForForm(\n  validationSchema: JSONSchema7 = {},\n  entitySchema: JSONSchema7 = {},\n): JSONSchema7 {\n  const entitySchemaProperties =\n    getPossibleTopLevelPropertiesInObjectSchema(entitySchema)\n\n  return {\n    $schema: 'http://json-schema.org/draft-07/schema#',\n    // Spread the validation schema to ensure all other references are included\n    // Top level properties like \"$defs\" get lost if we simply put the entire schema in `allOf`\n    ...validationSchema,\n    // JSON Schemas for Synapse types use \"definitions\", so it should be manually merged.\n    definitions: {\n      ...entitySchema.definitions,\n      ...validationSchema.definitions,\n    },\n    allOf: [\n      ...(validationSchema.allOf || []),\n      // Add in the entity properties\n      {\n        type: 'object',\n        properties: entitySchemaProperties,\n      },\n    ],\n    // Always allow adding additional annotations (though it may violate the validationSchema)\n    additionalProperties: true,\n  }\n}\n\n/**\n * Generates the UiSchema for the annotations editor.\n * @param entitySchemaBaseProperties\n */\nexport function getUiSchemaForForm(\n  entitySchemaBaseProperties: JSONSchema7['properties'] = {},\n) {\n  // Each 'base' entity field (id, name, concreteType, etc.) should be hidden\n  const uiSchemaWithHiddenEntityProperties = Object.keys(\n    entitySchemaBaseProperties,\n  ).reduce((prev, curr) => ({ ...prev, [curr]: { 'ui:widget': 'hidden' } }), {})\n\n  return {\n    ...uiSchemaWithHiddenEntityProperties,\n    'ui:globalOptions': {\n      copyable: false, // copy button clutters the UI, is not very useful since schemas are flat objects\n      duplicateKeySuffixSeparator: '_', // the default duplicateKeySuffixSeparator creates invalid annotation keys\n    },\n    additionalProperties: {\n      'ui:field': AdditionalPropertiesSchemaField,\n    },\n  }\n}\n/**\n * Strips null values from arrays in the provided form data. If the array is empty after\n * removing null values, the key is removed from the form data.\n *\n * This allows users to submit forms with empty array fields (SWC-5762)\n */\nexport function dropNullishArrayValues(\n  formData: Record<string, unknown>,\n): Record<string, unknown> {\n  const newFormData: Record<string, unknown> = {}\n  Object.keys(formData).forEach(key => {\n    let value = formData[key]\n    if (Array.isArray(value)) {\n      value = value.filter((item: any) => item != null)\n      if (!isEmpty(value)) {\n        newFormData[key] = value\n      }\n    } else {\n      newFormData[key] = value\n    }\n  })\n  return newFormData\n}\n\nexport function dropNullValues(\n  formData: Record<string, unknown> = {},\n): Record<string, unknown> {\n  return Object.keys(formData).reduce(\n    (acc: Record<string, unknown>, key: string) => {\n      if (formData[key] !== null) {\n        acc[key] = formData[key]\n      }\n      return acc\n    },\n    {},\n  )\n}\n\n/**\n * Inspects the property of the AjvError and modifies it to be comparable to simple key strings, like entity property keys.\n * @param error\n * @returns\n */\nexport function getFriendlyPropertyName(error: RJSFValidationError): string {\n  if (error.property?.startsWith('[')) {\n    // Additional properties are surrounded by brackets and quotations, so let's remove them\n    return error.property.substring(2, error.property.length - 2)\n  } else if (error.property?.startsWith('.')) {\n    return error.property.substring(1)\n  } else {\n    return error.property || ''\n  }\n}\n\nexport function transformErrors(\n  errors: RJSFValidationError[],\n): RJSFValidationError[] {\n  // Transform the errors in the following ways:\n  // - Simplify the set of errors when failing to select an enumeration defined with an anyOf (SWC-5724)\n  // - Show a custom error message when using a property that collides with an internal entity property (SWC-5678)\n\n  // Fixing anyOf errors\n  // Group the errors by the property that the error applies to\n  const grouped = groupBy(errors, error => error.property)\n  Object.keys(grouped).map(property => {\n    const errorGroup = grouped[property]\n\n    // First, see if it is an anyOf error\n    const hasAnyOfError = errorGroup.some(\n      e => e.message === 'should match some schema in anyOf',\n    )\n\n    // We determine if it's an anyOf *enum* error if all error messages in the property match one of these three messages:\n    const isEnumError =\n      hasAnyOfError &&\n      errorGroup.every(error => {\n        if (error.message === 'should be string') {\n          return true\n        } else if (error.message === 'should be equal to constant') {\n          return true\n        } else if (error.message === 'should match some schema in anyOf') {\n          return true\n        } else {\n          return false\n        }\n      })\n\n    // If it's an anyOf enum error, we just modify the first message and drop the rest\n    if (isEnumError && errorGroup.length > 0) {\n      errorGroup[0].message = 'should be equal to one of the allowed values'\n      grouped[property] = [errorGroup[0]]\n    }\n  })\n\n  // Ungroup the errors after potentially modifying them\n  errors = flatMap(grouped)\n\n  // Return the transformed errors.\n  return errors\n}\n\n/**\n * Custom annotations in Synapse are always arrays. This function converts initial data to be an array type.\n * If the initial data is an array, return the data itself.\n * Otherwise, wrap the data in an array.\n */\nexport function convertToArray<T>(value: T): Array<unknown> {\n  if (Array.isArray(value)) {\n    return value\n  } else {\n    return [value]\n  }\n}\n\n/**\n * Returns true if the default behavior of the form should be to live validate\n * @param existingAnnotations\n * @param validationSchema\n */\nexport function shouldLiveValidate(\n  existingAnnotations: Record<string, unknown> | undefined,\n  validationSchema: JSONSchema7 | undefined,\n): boolean {\n  const hasExistingAnnotations =\n    existingAnnotations && Object.keys(existingAnnotations).length > 0\n  return Boolean(hasExistingAnnotations && validationSchema)\n}\n\n/**\n * Returns all possible properties in the schema, including those in nested schemas/definitions. Note that this function\n * only works for 'flat objects', i.e. the schema must\n *  - define an object AND\n *  - the properties of the object cannot be objects\n * which is compatible with how Synapse Annotations are defined.\n * @param resolvedSchema\n */\nexport function getPossibleTopLevelPropertiesInObjectSchema(\n  resolvedSchema: JSONSchema7,\n): JSONSchema7['properties'] {\n  const allProperties = {}\n  const foundPropertiesObjects = JSONPath({\n    path: '$..properties',\n    json: resolvedSchema,\n  })\n  for (const propertiesObject of foundPropertiesObjects) {\n    Object.assign(allProperties, propertiesObject)\n  }\n  // Use the schema.properties to override any properties defined in definitions\n  if (isObject(resolvedSchema.properties)) {\n    Object.assign(allProperties, resolvedSchema.properties)\n  }\n  return allProperties\n}\n\n/**\n * Get the Synapse entity schema ID for a particular concrete type.\n * @param concreteType\n */\nexport function getSchemaIdForConcreteType(\n  concreteType: string,\n): string | null {\n  if (!concreteType || !concreteType.startsWith('org.sagebionetworks')) {\n    return null\n  }\n  // e.g. 'org.sagebionetworks.repo.model.FileEntity' -> 'org.sagebionetworks-repo.model.FileEntity'\n  return (\n    'org.sagebionetworks-' +\n    concreteType.substring('org.sagebionetworks'.length + 1)\n  )\n}\n\n/**\n * Custom string translator for react-jsonschema-form.\n * Overrides the translation for \"NewStringDefault\" by returning an empty string.\n * For all other keys, falls back to the default English string translator.\n *\n * @param stringToTranslate\n * @param params -  Optional parameters used to format the translated string.\n * @returns - The translated string.\n */\nexport function customTranslateString(\n  stringToTranslate: TranslatableString,\n  params?: string[],\n): string {\n  switch (stringToTranslate) {\n    case TranslatableString.NewStringDefault:\n      return ''\n    default:\n      return englishStringTranslator(stringToTranslate, params)\n  }\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EACd,IAAgC,EAAE,EAClC,IAA4B,EAAE,EACjB;CACb,IAAM,IACJ,EAA4C,EAAa;AAE3D,QAAO;EACL,SAAS;EAGT,GAAG;EAEH,aAAa;GACX,GAAG,EAAa;GAChB,GAAG,EAAiB;GACrB;EACD,OAAO,CACL,GAAI,EAAiB,SAAS,EAAE,EAEhC;GACE,MAAM;GACN,YAAY;GACb,CACF;EAED,sBAAsB;EACvB;;AAOH,SAAgB,EACd,IAAwD,EAAE,EAC1D;AAMA,QAAO;EACL,GALyC,OAAO,KAChD,EACD,CAAC,QAAQ,GAAM,OAAU;GAAE,GAAG;IAAO,IAAO,EAAE,aAAa,UAAU;GAAE,GAAG,EAAE,CAGxE;EACH,oBAAoB;GAClB,UAAU;GACV,6BAA6B;GAC9B;EACD,sBAAsB,EACpB,YAAY,GACb;EACF;;AAQH,SAAgB,EACd,GACyB;CACzB,IAAM,IAAuC,EAAE;AAY/C,QAXA,OAAO,KAAK,EAAS,CAAC,SAAQ,MAAO;EACnC,IAAI,IAAQ,EAAS;AACrB,EAAI,MAAM,QAAQ,EAAM,IACtB,IAAQ,EAAM,QAAQ,MAAc,KAAQ,KAAK,EAC5C,EAAQ,EAAM,KACjB,EAAY,KAAO,MAGrB,EAAY,KAAO;GAErB,EACK;;AAGT,SAAgB,EACd,IAAoC,EAAE,EACb;AACzB,QAAO,OAAO,KAAK,EAAS,CAAC,QAC1B,GAA8B,OACzB,EAAS,OAAS,SACpB,EAAI,KAAO,EAAS,KAEf,IAET,EAAE,CACH;;AAQH,SAAgB,EAAwB,GAAoC;AAOxE,QANE,EAAM,UAAU,WAAW,IAAI,GAE1B,EAAM,SAAS,UAAU,GAAG,EAAM,SAAS,SAAS,EAAE,GACpD,EAAM,UAAU,WAAW,IAAI,GACjC,EAAM,SAAS,UAAU,EAAE,GAE3B,EAAM,YAAY;;AAI7B,SAAgB,EACd,GACuB;CAOvB,IAAM,IAAU,EAAQ,IAAQ,MAAS,EAAM,SAAS;AAmCxD,QAlCA,OAAO,KAAK,EAAQ,CAAC,KAAI,MAAY;EACnC,IAAM,IAAa,EAAQ;AAuB3B,EApBsB,EAAW,MAC/B,MAAK,EAAE,YAAY,oCAKnB,IACA,EAAW,OAAM,MACX,EAAM,YAAY,sBAEX,EAAM,YAAY,gCADpB,KAGE,EAAM,YAAY,oCAK7B,IAGe,EAAW,SAAS,MACrC,EAAW,GAAG,UAAU,gDACxB,EAAQ,KAAY,CAAC,EAAW,GAAG;GAErC,EAGF,IAAS,EAAQ,EAAQ,EAGlB;;AAQT,SAAgB,EAAkB,GAA0B;AAIxD,QAHE,MAAM,QAAQ,EAAM,GACf,IAEA,CAAC,EAAM;;AASlB,SAAgB,EACd,GACA,GACS;AAGT,QAAO,GADL,KAAuB,OAAO,KAAK,EAAoB,CAAC,SAAS,KAC1B;;AAW3C,SAAgB,EACd,GAC2B;CAC3B,IAAM,IAAgB,EAAE,EAClB,IAAyB,EAAS;EACtC,MAAM;EACN,MAAM;EACP,CAAC;AACF,MAAK,IAAM,KAAoB,EAC7B,QAAO,OAAO,GAAe,EAAiB;AAMhD,QAHI,EAAS,EAAe,WAAW,IACrC,OAAO,OAAO,GAAe,EAAe,WAAW,EAElD;;AAOT,SAAgB,EACd,GACe;AAKf,QAJI,CAAC,KAAgB,CAAC,EAAa,WAAW,sBAAsB,GAC3D,OAIP,yBACA,EAAa,UAAU,GAAiC;;AAa5D,SAAgB,EACd,GACA,GACQ;AACR,SAAQ,GAAR;EACE,KAAK,EAAmB,iBACtB,QAAO;EACT,QACE,QAAO,EAAwB,GAAmB,EAAO"}
+{"version":3,"file":"AnnotationEditorUtils.js","names":[],"sources":["../../../src/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.ts"],"sourcesContent":["import { AdditionalPropertiesSchemaField } from '@/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField'\nimport {\n  englishStringTranslator,\n  RJSFValidationError,\n  TranslatableString,\n} from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\nimport { JSONPath } from 'jsonpath-plus'\nimport { flatMap, groupBy, isEmpty, isObject } from 'lodash-es'\n\n/**\n * Generates a JSON schema for the form UI based on the provided validation schema and entity schema base properties.\n *\n * To meet the requirements of the desired form to display, we cannot simply show the validation schema. This is because\n * validation schemas may use conditional logic based on default entity properties (e.g. concreteType) to show/hide fields.\n * This method combines the validation schema with the entity schema base properties to create a new schema that will yield\n * the expected form with desired logic.\n * @param validationSchema\n * @param entitySchema\n */\nexport function getJsonSchemaForForm(\n  validationSchema: JSONSchema7 = {},\n  entitySchema: JSONSchema7 = {},\n): JSONSchema7 {\n  const entitySchemaProperties =\n    getPossibleTopLevelPropertiesInObjectSchema(entitySchema)\n\n  return {\n    $schema: 'http://json-schema.org/draft-07/schema#',\n    // Spread the validation schema to ensure all other references are included\n    // Top level properties like \"$defs\" get lost if we simply put the entire schema in `allOf`\n    ...validationSchema,\n    // JSON Schemas for Synapse types use \"definitions\", so it should be manually merged.\n    definitions: {\n      ...entitySchema.definitions,\n      ...validationSchema.definitions,\n    },\n    allOf: [\n      ...(validationSchema.allOf || []),\n      // Add in the entity properties\n      {\n        type: 'object',\n        properties: entitySchemaProperties,\n      },\n    ],\n    // Always allow adding additional annotations (though it may violate the validationSchema)\n    additionalProperties: true,\n  }\n}\n\n/**\n * Generates the UiSchema for the annotations editor.\n * @param entitySchemaBaseProperties\n */\nexport function getUiSchemaForForm(\n  entitySchemaBaseProperties: JSONSchema7['properties'] = {},\n) {\n  // Each 'base' entity field (id, name, concreteType, etc.) should be hidden\n  const uiSchemaWithHiddenEntityProperties = Object.keys(\n    entitySchemaBaseProperties,\n  ).reduce((prev, curr) => ({ ...prev, [curr]: { 'ui:widget': 'hidden' } }), {})\n\n  return {\n    ...uiSchemaWithHiddenEntityProperties,\n    'ui:globalOptions': {\n      copyable: false, // copy button clutters the UI, is not very useful since schemas are flat objects\n      duplicateKeySuffixSeparator: '_', // the default duplicateKeySuffixSeparator creates invalid annotation keys\n    },\n    additionalProperties: {\n      'ui:field': AdditionalPropertiesSchemaField,\n    },\n  }\n}\n/**\n * Strips null values from arrays in the provided form data. If the array is empty after\n * removing null values, the key is removed from the form data.\n *\n * This allows users to submit forms with empty array fields (SWC-5762)\n */\nexport function dropNullishArrayValues(\n  formData: Record<string, unknown>,\n): Record<string, unknown> {\n  const newFormData: Record<string, unknown> = {}\n  Object.keys(formData).forEach(key => {\n    let value = formData[key]\n    if (Array.isArray(value)) {\n      value = value.filter((item: any) => item != null)\n      if (!isEmpty(value)) {\n        newFormData[key] = value\n      }\n    } else {\n      newFormData[key] = value\n    }\n  })\n  return newFormData\n}\n\nexport function dropNullValues(\n  formData: Record<string, unknown> = {},\n): Record<string, unknown> {\n  return Object.keys(formData).reduce(\n    (acc: Record<string, unknown>, key: string) => {\n      if (formData[key] !== null) {\n        acc[key] = formData[key]\n      }\n      return acc\n    },\n    {},\n  )\n}\n\n/**\n * Inspects the property of the AjvError and modifies it to be comparable to simple key strings, like entity property keys.\n * @param error\n * @returns\n */\nexport function getFriendlyPropertyName(error: RJSFValidationError): string {\n  if (error.property?.startsWith('[')) {\n    // Additional properties are surrounded by brackets and quotations, so let's remove them\n    return error.property.substring(2, error.property.length - 2)\n  } else if (error.property?.startsWith('.')) {\n    return error.property.substring(1)\n  } else {\n    return error.property || ''\n  }\n}\n\nexport function transformErrors(\n  errors: RJSFValidationError[],\n): RJSFValidationError[] {\n  // Transform the errors in the following ways:\n  // - Simplify the set of errors when failing to select an enumeration defined with an anyOf (SWC-5724)\n  // - Show a custom error message when using a property that collides with an internal entity property (SWC-5678)\n\n  // Fixing anyOf errors\n  // Group the errors by the property that the error applies to\n  const grouped = groupBy(errors, error => error.property)\n  Object.keys(grouped).map(property => {\n    const errorGroup = grouped[property]\n\n    // First, see if it is an anyOf error\n    const hasAnyOfError = errorGroup.some(\n      e => e.message === 'should match some schema in anyOf',\n    )\n\n    // We determine if it's an anyOf *enum* error if all error messages in the property match one of these three messages:\n    const isEnumError =\n      hasAnyOfError &&\n      errorGroup.every(error => {\n        if (error.message === 'should be string') {\n          return true\n        } else if (error.message === 'should be equal to constant') {\n          return true\n        } else if (error.message === 'should match some schema in anyOf') {\n          return true\n        } else {\n          return false\n        }\n      })\n\n    // If it's an anyOf enum error, we just modify the first message and drop the rest\n    if (isEnumError && errorGroup.length > 0) {\n      errorGroup[0].message = 'should be equal to one of the allowed values'\n      grouped[property] = [errorGroup[0]]\n    }\n  })\n\n  // Ungroup the errors after potentially modifying them\n  errors = flatMap(grouped)\n\n  // Return the transformed errors.\n  return errors\n}\n\n/**\n * Custom annotations in Synapse are always arrays. This function converts initial data to be an array type.\n * If the initial data is an array, return the data itself.\n * Otherwise, wrap the data in an array.\n */\nexport function convertToArray<T>(value: T): Array<unknown> {\n  if (Array.isArray(value)) {\n    return value\n  } else {\n    return [value]\n  }\n}\n\n/**\n * Returns true if the default behavior of the form should be to live validate\n * @param existingAnnotations\n * @param validationSchema\n */\nexport function shouldLiveValidate(\n  existingAnnotations: Record<string, unknown> | undefined,\n  validationSchema: JSONSchema7 | undefined,\n): boolean {\n  const hasExistingAnnotations =\n    existingAnnotations && Object.keys(existingAnnotations).length > 0\n  return Boolean(hasExistingAnnotations && validationSchema)\n}\n\n/**\n * Returns all possible properties in the schema, including those in nested schemas/definitions. Note that this function\n * only works for 'flat objects', i.e. the schema must\n *  - define an object AND\n *  - the properties of the object cannot be objects\n * which is compatible with how Synapse Annotations are defined.\n * @param resolvedSchema\n */\nexport function getPossibleTopLevelPropertiesInObjectSchema(\n  resolvedSchema: JSONSchema7,\n): JSONSchema7['properties'] {\n  const allProperties = {}\n  const foundPropertiesObjects = JSONPath({\n    path: '$..properties',\n    json: resolvedSchema,\n  })\n  for (const propertiesObject of foundPropertiesObjects) {\n    Object.assign(allProperties, propertiesObject)\n  }\n  // Use the schema.properties to override any properties defined in definitions\n  if (isObject(resolvedSchema.properties)) {\n    Object.assign(allProperties, resolvedSchema.properties)\n  }\n  return allProperties\n}\n\n/**\n * Get the Synapse entity schema ID for a particular concrete type.\n * @param concreteType\n */\nexport function getSchemaIdForConcreteType(\n  concreteType: string,\n): string | null {\n  if (!concreteType || !concreteType.startsWith('org.sagebionetworks')) {\n    return null\n  }\n  // e.g. 'org.sagebionetworks.repo.model.FileEntity' -> 'org.sagebionetworks-repo.model.FileEntity'\n  return (\n    'org.sagebionetworks-' +\n    concreteType.substring('org.sagebionetworks'.length + 1)\n  )\n}\n\n/**\n * Custom string translator for react-jsonschema-form.\n * Overrides the translation for \"NewStringDefault\" by returning an empty string.\n * For all other keys, falls back to the default English string translator.\n *\n * @param stringToTranslate\n * @param params -  Optional parameters used to format the translated string.\n * @returns - The translated string.\n */\nexport function customTranslateString(\n  stringToTranslate: TranslatableString,\n  params?: string[],\n): string {\n  switch (stringToTranslate) {\n    case TranslatableString.NewStringDefault:\n      return ''\n    default:\n      return englishStringTranslator(stringToTranslate, params)\n  }\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EACd,IAAgC,CAAC,GACjC,IAA4B,CAAC,GAChB;CACb,IAAM,IACJ,EAA4C,CAAY;CAE1D,OAAO;EACL,SAAS;EAGT,GAAG;EAEH,aAAa;GACX,GAAG,EAAa;GAChB,GAAG,EAAiB;EACtB;EACA,OAAO,CACL,GAAI,EAAiB,SAAS,CAAC,GAE/B;GACE,MAAM;GACN,YAAY;EACd,CACF;EAEA,sBAAsB;CACxB;AACF;AAMA,SAAgB,EACd,IAAwD,CAAC,GACzD;CAMA,OAAO;EACL,GALyC,OAAO,KAChD,CACF,EAAE,QAAQ,GAAM,OAAU;GAAE,GAAG;IAAO,IAAO,EAAE,aAAa,SAAS;EAAE,IAAI,CAAC,CAGvE;EACH,oBAAoB;GAClB,UAAU;GACV,6BAA6B;EAC/B;EACA,sBAAsB,EACpB,YAAY,EACd;CACF;AACF;AAOA,SAAgB,EACd,GACyB;CACzB,IAAM,IAAuC,CAAC;CAY9C,OAXA,OAAO,KAAK,CAAQ,EAAE,SAAQ,MAAO;EACnC,IAAI,IAAQ,EAAS;EACrB,AAAI,MAAM,QAAQ,CAAK,KACrB,IAAQ,EAAM,QAAQ,MAAc,KAAQ,IAAI,GAC3C,EAAQ,CAAK,MAChB,EAAY,KAAO,MAGrB,EAAY,KAAO;CAEvB,CAAC,GACM;AACT;AAEA,SAAgB,EACd,IAAoC,CAAC,GACZ;CACzB,OAAO,OAAO,KAAK,CAAQ,EAAE,QAC1B,GAA8B,OACzB,EAAS,OAAS,SACpB,EAAI,KAAO,EAAS,KAEf,IAET,CAAC,CACH;AACF;AAOA,SAAgB,EAAwB,GAAoC;CAOxE,OANE,EAAM,UAAU,WAAW,GAAG,IAEzB,EAAM,SAAS,UAAU,GAAG,EAAM,SAAS,SAAS,CAAC,IACnD,EAAM,UAAU,WAAW,GAAG,IAChC,EAAM,SAAS,UAAU,CAAC,IAE1B,EAAM,YAAY;AAE7B;AAEA,SAAgB,EACd,GACuB;CAOvB,IAAM,IAAU,EAAQ,IAAQ,MAAS,EAAM,QAAQ;CAmCvD,OAlCA,OAAO,KAAK,CAAO,EAAE,KAAI,MAAY;EACnC,IAAM,IAAa,EAAQ;EAuB3B,AApBsB,EAAW,MAC/B,MAAK,EAAE,YAAY,mCAKnB,KACA,EAAW,OAAM,MACX,EAAM,YAAY,sBAEX,EAAM,YAAY,gCADpB,KAGE,EAAM,YAAY,mCAK9B,KAGgB,EAAW,SAAS,MACrC,EAAW,GAAG,UAAU,gDACxB,EAAQ,KAAY,CAAC,EAAW,EAAE;CAEtC,CAAC,GAGD,IAAS,EAAQ,CAAO,GAGjB;AACT;AAOA,SAAgB,EAAkB,GAA0B;CAIxD,OAHE,MAAM,QAAQ,CAAK,IACd,IAEA,CAAC,CAAK;AAEjB;AAOA,SAAgB,EACd,GACA,GACS;CAGT,OAAO,GADL,KAAuB,OAAO,KAAK,CAAmB,EAAE,SAAS,KAC1B;AAC3C;AAUA,SAAgB,EACd,GAC2B;CAC3B,IAAM,IAAgB,CAAC,GACjB,IAAyB,EAAS;EACtC,MAAM;EACN,MAAM;CACR,CAAC;CACD,KAAK,IAAM,KAAoB,GAC7B,OAAO,OAAO,GAAe,CAAgB;CAM/C,OAHI,EAAS,EAAe,UAAU,KACpC,OAAO,OAAO,GAAe,EAAe,UAAU,GAEjD;AACT;AAMA,SAAgB,EACd,GACe;CAKf,OAJI,CAAC,KAAgB,CAAC,EAAa,WAAW,qBAAqB,IAC1D,OAIP,yBACA,EAAa,UAAU,EAAgC;AAE3D;AAWA,SAAgB,EACd,GACA,GACQ;CACR,QAAQ,GAAR;EACE,KAAK,EAAmB,kBACtB,OAAO;EACT,SACE,OAAO,EAAwB,GAAmB,CAAM;CAC5D;AACF"}