synapse-react-client 4.0.2 → 4.0.3-c

package/dist/components/download_list/DownloadConfirmationUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadConfirmationUI.js","sources":["../../../src/components/download_list/DownloadConfirmationUI.tsx"],"sourcesContent":["import { useGetDownloadListStatistics } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, AlertProps, Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport SignInButton from '../SignInButton'\nimport DownloadDetails from './DownloadDetails'\n\nenum StatusEnum {\n  LOADING_INFO,\n  PROCESSING,\n  INFO,\n  INFO_ITEMS_IN_LIST,\n  SIGNED_OUT,\n}\n\nexport type DownloadConfirmationUIProps = {\n  onAddToDownloadCart: () => void\n  fileCount?: number\n  fileSize?: number\n  onCancel: () => void\n  isLoadingStats?: boolean\n  isAddingToDownloadCart?: boolean\n}\n\ntype UiStateDictionary = {\n  [key: string]: {\n    severity: AlertProps['severity']\n    infoText: string | ReactNode\n    closeText: string\n  }\n}\n\n// css classes, text, and close button text associated with different stages\nconst StatusConstruct: UiStateDictionary = {\n  [StatusEnum.INFO]: {\n    severity: 'info',\n    infoText: 'Would you like to add these files to the download cart?',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.INFO_ITEMS_IN_LIST]: {\n    severity: 'info',\n    infoText: (\n      <>\n        Note: Files that you add will be mixed in with the files already in your\n        download cart.\n        <br />\n        If you don&apos;t want to mix these files, clear your download cart\n        before continuing.\n      </>\n    ),\n    closeText: 'Cancel',\n  },\n  [StatusEnum.PROCESSING]: {\n    severity: 'info',\n    infoText: 'Adding files to download cart',\n    closeText: 'Cancel',\n  },\n\n  [StatusEnum.LOADING_INFO]: {\n    severity: 'info',\n    infoText: 'Calculating file size',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.SIGNED_OUT]: {\n    severity: 'error',\n    closeText: 'Close',\n    infoText: (\n      <>\n        Please <SignInButton /> to add files to your download cart.\n      </>\n    ),\n  },\n}\n\ntype DownloadConfirmationContentProps = {\n  status: StatusEnum\n  fileCount?: number\n  fileSize?: number\n}\n\nfunction DownloadConfirmationContent(props: DownloadConfirmationContentProps) {\n  const { status, fileCount, fileSize } = props\n  switch (status) {\n    case StatusEnum.LOADING_INFO:\n    case StatusEnum.PROCESSING:\n      return (\n        <>\n          <div className={'spinner white'} />\n          <Typography variant={'smallText1'}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    case StatusEnum.SIGNED_OUT:\n      return (\n        <Typography variant={'smallText1'}>\n          {StatusConstruct[status].infoText}\n        </Typography>\n      )\n    case StatusEnum.INFO:\n    case StatusEnum.INFO_ITEMS_IN_LIST:\n      return (\n        <>\n          <DownloadDetails\n            numFiles={fileCount}\n            numBytes={fileSize}\n          ></DownloadDetails>\n          <Typography variant={'smallText1'} sx={{ flexGrow: 1 }}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    default:\n      return <></>\n  }\n}\n\n/**\n * This component is used to display the download confirmation dialog that presents to a user the number of files and the\n * total size of the files they are about to add to their download cart.\n */\nexport function DownloadConfirmationUI(props: DownloadConfirmationUIProps) {\n  const {\n    onAddToDownloadCart,\n    onCancel,\n    fileCount,\n    fileSize,\n    isLoadingStats = false,\n    isAddingToDownloadCart = false,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: downloadListStatistics } = useGetDownloadListStatistics()\n\n  const status = useMemo(() => {\n    if (!isAuthenticated) return StatusEnum.SIGNED_OUT\n    if (isLoadingStats) return StatusEnum.LOADING_INFO\n    if (isAddingToDownloadCart) return StatusEnum.PROCESSING\n    if (downloadListStatistics && downloadListStatistics.totalNumberOfFiles > 0)\n      return StatusEnum.INFO_ITEMS_IN_LIST\n    return StatusEnum.INFO\n  }, [\n    isAuthenticated,\n    isLoadingStats,\n    isAddingToDownloadCart,\n    downloadListStatistics,\n  ])\n\n  return (\n    <>\n      <Alert\n        sx={{\n          pr: 4,\n          py: 1,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n        icon={StatusConstruct[status].severity === 'error' ? undefined : false}\n        severity={StatusConstruct[status].severity}\n        className={`download-confirmation`}\n        action={\n          <>\n            {status !== StatusEnum.PROCESSING && (\n              <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n                {StatusConstruct[status].closeText}\n              </Button>\n            )}\n\n            {(status === StatusEnum.INFO ||\n              status === StatusEnum.INFO_ITEMS_IN_LIST) && (\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => {\n                  onAddToDownloadCart()\n                }}\n                sx={{ ml: '5px' }}\n              >\n                Add\n              </Button>\n            )}\n          </>\n        }\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n          }}\n        >\n          <DownloadConfirmationContent\n            status={status}\n            fileCount={fileCount}\n            fileSize={fileSize}\n          />\n        </Box>\n      </Alert>\n    </>\n  )\n}\n\nexport default DownloadConfirmationUI\n"],"names":["StatusConstruct","jsxs","Fragment","SignInButton","DownloadConfirmationContent","props","status","fileCount","fileSize","jsx","Typography","DownloadDetails","DownloadConfirmationUI","onAddToDownloadCart","onCancel","isLoadingStats","isAddingToDownloadCart","isAuthenticated","useSynapseContext","downloadListStatistics","useGetDownloadListStatistics","useMemo","Alert","Button","Box"],"mappings":"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"}
+{"version":3,"file":"DownloadConfirmationUI.js","sources":["../../../src/components/download_list/DownloadConfirmationUI.tsx"],"sourcesContent":["import { useGetDownloadListStatistics } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, AlertProps, Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport SignInButton from '../SignInButton'\nimport DownloadDetails from './DownloadDetails'\n\nenum StatusEnum {\n  LOADING_INFO,\n  PROCESSING,\n  INFO,\n  INFO_ITEMS_IN_LIST,\n  SIGNED_OUT,\n}\n\nexport type DownloadConfirmationUIProps = {\n  onAddToDownloadCart: () => void\n  fileCount?: number\n  fileSize?: number\n  onCancel: () => void\n  isLoadingStats?: boolean\n  isAddingToDownloadCart?: boolean\n}\n\ntype UiStateDictionary = {\n  [key: string]: {\n    severity: AlertProps['severity']\n    infoText: string | ReactNode\n    closeText: string\n  }\n}\n\n// css classes, text, and close button text associated with different stages\nconst StatusConstruct: UiStateDictionary = {\n  [StatusEnum.INFO]: {\n    severity: 'info',\n    infoText: 'Would you like to add these files to the download list?',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.INFO_ITEMS_IN_LIST]: {\n    severity: 'info',\n    infoText: (\n      <>\n        Note: Files that you add will be mixed in with the files already in your\n        download list.\n        <br />\n        If you don&apos;t want to mix these files, clear your download list\n        before continuing.\n      </>\n    ),\n    closeText: 'Cancel',\n  },\n  [StatusEnum.PROCESSING]: {\n    severity: 'info',\n    infoText: 'Adding files to download list',\n    closeText: 'Cancel',\n  },\n\n  [StatusEnum.LOADING_INFO]: {\n    severity: 'info',\n    infoText: 'Calculating file size',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.SIGNED_OUT]: {\n    severity: 'error',\n    closeText: 'Close',\n    infoText: (\n      <>\n        Please <SignInButton /> to add files to your download list.\n      </>\n    ),\n  },\n}\n\ntype DownloadConfirmationContentProps = {\n  status: StatusEnum\n  fileCount?: number\n  fileSize?: number\n}\n\nfunction DownloadConfirmationContent(props: DownloadConfirmationContentProps) {\n  const { status, fileCount, fileSize } = props\n  switch (status) {\n    case StatusEnum.LOADING_INFO:\n    case StatusEnum.PROCESSING:\n      return (\n        <>\n          <div className={'spinner white'} />\n          <Typography variant={'smallText1'}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    case StatusEnum.SIGNED_OUT:\n      return (\n        <Typography variant={'smallText1'}>\n          {StatusConstruct[status].infoText}\n        </Typography>\n      )\n    case StatusEnum.INFO:\n    case StatusEnum.INFO_ITEMS_IN_LIST:\n      return (\n        <>\n          <DownloadDetails\n            numFiles={fileCount}\n            numBytes={fileSize}\n          ></DownloadDetails>\n          <Typography variant={'smallText1'} sx={{ flexGrow: 1 }}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    default:\n      return <></>\n  }\n}\n\n/**\n * This component is used to display the download confirmation dialog that presents to a user the number of files and the\n * total size of the files they are about to add to their download list.\n */\nexport function DownloadConfirmationUI(props: DownloadConfirmationUIProps) {\n  const {\n    onAddToDownloadCart,\n    onCancel,\n    fileCount,\n    fileSize,\n    isLoadingStats = false,\n    isAddingToDownloadCart = false,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: downloadListStatistics } = useGetDownloadListStatistics()\n\n  const status = useMemo(() => {\n    if (!isAuthenticated) return StatusEnum.SIGNED_OUT\n    if (isLoadingStats) return StatusEnum.LOADING_INFO\n    if (isAddingToDownloadCart) return StatusEnum.PROCESSING\n    if (downloadListStatistics && downloadListStatistics.totalNumberOfFiles > 0)\n      return StatusEnum.INFO_ITEMS_IN_LIST\n    return StatusEnum.INFO\n  }, [\n    isAuthenticated,\n    isLoadingStats,\n    isAddingToDownloadCart,\n    downloadListStatistics,\n  ])\n\n  return (\n    <>\n      <Alert\n        sx={{\n          pr: 4,\n          py: 1,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n        icon={StatusConstruct[status].severity === 'error' ? undefined : false}\n        severity={StatusConstruct[status].severity}\n        className={`download-confirmation`}\n        action={\n          <>\n            {status !== StatusEnum.PROCESSING && (\n              <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n                {StatusConstruct[status].closeText}\n              </Button>\n            )}\n\n            {(status === StatusEnum.INFO ||\n              status === StatusEnum.INFO_ITEMS_IN_LIST) && (\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => {\n                  onAddToDownloadCart()\n                }}\n                sx={{ ml: '5px' }}\n              >\n                Add\n              </Button>\n            )}\n          </>\n        }\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n          }}\n        >\n          <DownloadConfirmationContent\n            status={status}\n            fileCount={fileCount}\n            fileSize={fileSize}\n          />\n        </Box>\n      </Alert>\n    </>\n  )\n}\n\nexport default DownloadConfirmationUI\n"],"names":["StatusConstruct","jsxs","Fragment","SignInButton","DownloadConfirmationContent","props","status","fileCount","fileSize","jsx","Typography","DownloadDetails","DownloadConfirmationUI","onAddToDownloadCart","onCancel","isLoadingStats","isAddingToDownloadCart","isAuthenticated","useSynapseContext","downloadListStatistics","useGetDownloadListStatistics","useMemo","Alert","Button","Box"],"mappings":"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"}

package/dist/components/download_list/DownloadConfirmationUtils.js

@@ -1,11 +1,11 @@
-import { displayToast as e } from "../ToastMessage/ToastMessage.js";
+import { displayToast as s } from "../ToastMessage/ToastMessage.js";
 function i(o) {
-  e(
-    "File(s) were successfully added to your Download Cart.",
+  s(
+    "File(s) were successfully added to your Download List.",
     "success",
     {
       primaryButtonConfig: {
-        text: "View Download Cart",
+        text: "View Download List",
         onClick: () => {
           window.location.href = o;
         }

package/dist/components/download_list/DownloadConfirmationUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadConfirmationUtils.js","sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"sourcesContent":["import { displayToast } from '../ToastMessage'\n\nexport function displayFilesWereAddedToDownloadListSuccess(\n  downloadCartPageUrl: string,\n) {\n  displayToast(\n    'File(s) were successfully added to your Download Cart.',\n    'success',\n    {\n      primaryButtonConfig: {\n        text: 'View Download Cart',\n        onClick: () => {\n          window.location.href = downloadCartPageUrl\n        },\n      },\n    },\n  )\n}\n"],"names":["displayFilesWereAddedToDownloadListSuccess","downloadCartPageUrl","displayToast"],"mappings":";AAEO,SAASA,EACdC,GACA;AACA,EAAAC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,MACE,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,SAAS,MAAM;AACb,iBAAO,SAAS,OAAOD;AAAA,QACzB;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DownloadConfirmationUtils.js","sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"sourcesContent":["import { displayToast } from '../ToastMessage'\n\nexport function displayFilesWereAddedToDownloadListSuccess(\n  downloadCartPageUrl: string,\n) {\n  displayToast(\n    'File(s) were successfully added to your Download List.',\n    'success',\n    {\n      primaryButtonConfig: {\n        text: 'View Download List',\n        onClick: () => {\n          window.location.href = downloadCartPageUrl\n        },\n      },\n    },\n  )\n}\n"],"names":["displayFilesWereAddedToDownloadListSuccess","downloadCartPageUrl","displayToast"],"mappings":";AAEO,SAASA,EACdC,GACA;AACA,EAAAC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,MACE,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,SAAS,MAAM;AACb,iBAAO,SAAS,OAAOD;AAAA,QACzB;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/index.js

@@ -9,8 +9,8 @@ import { default as S } from "./Authentication/TwoFactorAuthSettingsPanel.js";
 import { default as F } from "./Authentication/TwoFactorEnrollmentForm.js";
 import { default as E } from "./Authentication/TwoFactorBackupCodes.js";
 import { default as h } from "./Authentication/OneTimePasswordForm.js";
-import { CardContainer as R } from "./CardContainer/CardContainer.js";
-import { CardContainerLogic as D } from "./CardContainerLogic/CardContainerLogic.js";
+import { CardContainer as D } from "./CardContainer/CardContainer.js";
+import { CardContainerLogic as w } from "./CardContainerLogic/CardContainerLogic.js";
 import { default as k } from "./CardGridWithLinks/CardGridWithLinks.js";
 import { default as M } from "./RowDataTable/RowDataTable.js";
 import { default as O } from "./RowDataTable/RowDataTableWithQuery.js";
@@ -34,7 +34,7 @@ import { EntityBadgeIcons as Co } from "./EntityBadgeIcons/EntityBadgeIcons.js";
 import { EntityDownloadConfirmation as go } from "./EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import { EntityFinder as yo } from "./EntityFinder/EntityFinder.js";
 import { EntityForm as To } from "./EntityForm/EntityForm.js";
-import { ClientError as Lo, EmptyFallbackComponent as ho, ErrorBanner as Ao, ErrorFallbackComponent as Ro, SignInPrompt as wo, SynapseErrorBoundary as Do, TableRowFallbackComponent as bo, YOU_ARE_NOT_AUTHORIZED_MESSAGE as ko } from "./error/ErrorBanner.js";
+import { ClientError as Lo, EmptyFallbackComponent as ho, ErrorBanner as Ao, ErrorFallbackComponent as Do, SignInPrompt as Ro, SynapseErrorBoundary as wo, TableRowFallbackComponent as bo, YOU_ARE_NOT_AUTHORIZED_MESSAGE as ko } from "./error/ErrorBanner.js";
 import { EvaluationCard as Mo } from "./Evaluation/EvaluationCard.js";
 import { EvaluationEditorPage as Oo } from "./Evaluation/EvaluationEditorPage.js";
 import { default as Go } from "./ExperimentalMode/ExperimentalMode.js";
@@ -57,8 +57,8 @@ import { default as Sr } from "./GoogleMap/GoogleMap.js";
 import { HasAccessV2 as Fr } from "./HasAccess/HasAccessV2.js";
 import { default as Er } from "./Icon/Icon.js";
 import { default as hr } from "./IconSvg/IconSvg.js";
-import { MarkdownCollapse as Rr } from "./Markdown/MarkdownCollapse.js";
-import { MarkdownEditor as Dr } from "./Markdown/MarkdownEditor.js";
+import { MarkdownCollapse as Dr } from "./Markdown/MarkdownCollapse.js";
+import { MarkdownEditor as wr } from "./Markdown/MarkdownEditor.js";
 import { MarkdownGithubLatestTag as kr } from "./Markdown/MarkdownGithub.js";
 import { ModalDownload as Mr } from "./ModalDownload/ModalDownload.js";
 import { OAuthManagement as Or } from "./OAuthClientManagement/OAuthManagement.js";
@@ -82,8 +82,8 @@ import { Resources as Se } from "./Resources/Resources.js";
 import { AccessRequirementAclEditor as Fe } from "./AccessRequirementAclEditor/AccessRequirementAclEditor.js";
 import { RssFeedCards as Ee } from "./RssFeedCards/RssFeedCards.js";
 import { default as he } from "./ShowMore/ShowMore.js";
-import { SkeletonButton as Re } from "./Skeleton/SkeletonButton.js";
-import { SkeletonInlineBlock as De } from "./Skeleton/SkeletonInlineBlock.js";
+import { SkeletonButton as De } from "./Skeleton/SkeletonButton.js";
+import { SkeletonInlineBlock as we } from "./Skeleton/SkeletonInlineBlock.js";
 import { SkeletonTable as ke } from "./Skeleton/SkeletonTable.js";
 import { SkeletonParagraph as Me } from "./Skeleton/SkeletonParagraph.js";
 import { default as Oe } from "./StandaloneQueryWrapper/StandaloneQueryWrapper.js";
@@ -98,49 +98,50 @@ import { SynapseFormWrapper as $e } from "./SynapseForm/SynapseFormWrapper.js";
 import { SynapseFormSubmissionGrid as rt } from "./SynapseForm/SynapseFormSubmissionGrid.js";
 import { SynapseTable as tt } from "./SynapseTable/SynapseTable.js";
 import { SynapseChat as ft } from "./SynapseChat/SynapseChat.js";
-import { SystemUseNotification as mt } from "./SystemUseNotification/SystemUseNotification.js";
-import { default as nt } from "./TableFeedCards/TableFeedCards.js";
-import { default as xt } from "./TermsAndConditions/TermsAndConditions.js";
-import { default as dt } from "./TextField/TextField.js";
-import { TimelinePlot as ct } from "./TimelinePlot/TimelinePlot.js";
-import { SynapseToastContainer as Pt, displayToast as gt } from "./ToastMessage/ToastMessage.js";
-import { UserCard as yt } from "./UserCard/UserCard.js";
-import { UserCardList as Tt } from "./UserCardList/UserCardList.js";
-import { UserCardListRotate as Lt } from "./UserCardList/UserCardListRotate.js";
-import { default as At } from "./UserCardList/UserCardListGroups/UserCardListGroups.js";
-import { default as wt } from "./UserOrTeamBadge/UserOrTeamBadge.js";
-import { UserProfileLinks as bt } from "./UserProfileLinks/UserProfileLinks.js";
-import { EntityHeaderTable as It } from "./EntityHeaderTable/EntityHeaderTable.js";
-import { AccessRequirementRelatedProjectsList as vt } from "./AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js";
-import { HelpPopover as Bt } from "./HelpPopover/HelpPopover.js";
-import { MuiContainer as Ht } from "./MuiContainer.js";
-import { JsonLdScript as Ut } from "./JsonLdScript.js";
-import { DatasetJsonLdScript as Nt } from "./DatasetJsonLdScript.js";
-import { SageResourcesPopover as Vt } from "./SageResourcesPopover/SageResourcesPopover.js";
-import { default as qt } from "./RecentPublicationsGrid/RecentPublicationsGrid.js";
-import { default as Jt } from "./ImageCardGridWithLinks/ImageCardGridWithLinks.js";
-import { default as Kt } from "./PortalFeatureHighlights/PortalFeatureHighlights.js";
-import { default as Xt } from "./FeaturedResearch/FeaturedResearch.js";
-import { default as oa } from "./PortalHomePageHeader/PortalHomePageHeader.js";
-import { default as ea } from "./PortalFeaturedPartners/PortalFeaturedPartners.js";
-import { PortalList as aa } from "./PortalList/PortalList.js";
-import { PortalCard as pa } from "./PortalList/PortalCard.js";
-import { CreatePortalModal as la } from "./PortalList/CreatePortalModal.js";
-import { PortalAclEditor as sa } from "./PortalAclEditor/PortalAclEditor.js";
-import { default as ia } from "./PortalAclEditor/PortalAclEditorModal.js";
-import { default as ua } from "./PortalSectionHeader/PortalSectionHeader.js";
-import { visuallyHidden as Ca } from "./SynapseHomepageV2/HomepageStyles.js";
-import { Project as ga } from "../assets/themed_icons/Project.js";
+import { SynapsePortalChatDialog as mt } from "./SynapseChat/SynapsePortalChatDialog.js";
+import { SystemUseNotification as nt } from "./SystemUseNotification/SystemUseNotification.js";
+import { default as xt } from "./TableFeedCards/TableFeedCards.js";
+import { default as dt } from "./TermsAndConditions/TermsAndConditions.js";
+import { default as ct } from "./TextField/TextField.js";
+import { TimelinePlot as Pt } from "./TimelinePlot/TimelinePlot.js";
+import { SynapseToastContainer as St, displayToast as yt } from "./ToastMessage/ToastMessage.js";
+import { UserCard as Tt } from "./UserCard/UserCard.js";
+import { UserCardList as Lt } from "./UserCardList/UserCardList.js";
+import { UserCardListRotate as At } from "./UserCardList/UserCardListRotate.js";
+import { default as Rt } from "./UserCardList/UserCardListGroups/UserCardListGroups.js";
+import { default as bt } from "./UserOrTeamBadge/UserOrTeamBadge.js";
+import { UserProfileLinks as It } from "./UserProfileLinks/UserProfileLinks.js";
+import { EntityHeaderTable as vt } from "./EntityHeaderTable/EntityHeaderTable.js";
+import { AccessRequirementRelatedProjectsList as Bt } from "./AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js";
+import { HelpPopover as Ht } from "./HelpPopover/HelpPopover.js";
+import { MuiContainer as Ut } from "./MuiContainer.js";
+import { JsonLdScript as Nt } from "./JsonLdScript.js";
+import { DatasetJsonLdScript as Vt } from "./DatasetJsonLdScript.js";
+import { SageResourcesPopover as qt } from "./SageResourcesPopover/SageResourcesPopover.js";
+import { default as Jt } from "./RecentPublicationsGrid/RecentPublicationsGrid.js";
+import { default as Kt } from "./ImageCardGridWithLinks/ImageCardGridWithLinks.js";
+import { default as Xt } from "./PortalFeatureHighlights/PortalFeatureHighlights.js";
+import { default as oa } from "./FeaturedResearch/FeaturedResearch.js";
+import { default as ea } from "./PortalHomePageHeader/PortalHomePageHeader.js";
+import { default as aa } from "./PortalFeaturedPartners/PortalFeaturedPartners.js";
+import { PortalList as pa } from "./PortalList/PortalList.js";
+import { PortalCard as la } from "./PortalList/PortalCard.js";
+import { CreatePortalModal as sa } from "./PortalList/CreatePortalModal.js";
+import { PortalAclEditor as ia } from "./PortalAclEditor/PortalAclEditor.js";
+import { default as ua } from "./PortalAclEditor/PortalAclEditorModal.js";
+import { default as Ca } from "./PortalSectionHeader/PortalSectionHeader.js";
+import { visuallyHidden as ga } from "./SynapseHomepageV2/HomepageStyles.js";
+import { Project as ya } from "../assets/themed_icons/Project.js";
 export {
   Fe as AccessRequirementAclEditor,
-  vt as AccessRequirementRelatedProjectsList,
+  Bt as AccessRequirementRelatedProjectsList,
   m as AccessTokenPage,
   n as AccountLevelBadges,
   _ as AvailableEvaluationQueueList,
   tr as CARD_SHORT_DESCRIPTION_CSS,
   to as CTASectionWrapper,
-  R as CardContainer,
-  D as CardContainerLogic,
+  D as CardContainer,
+  w as CardContainerLogic,
   k as CardGridWithLinks,
   G as CertificationQuiz,
   W as ChallengeDataDownload,
@@ -152,8 +153,8 @@ export {
   Z as ConfirmationDialog,
   ro as CookiePreferencesDialog,
   $ as CookiesNotification,
-  la as CreatePortalModal,
-  Nt as DatasetJsonLdScript,
+  sa as CreatePortalModal,
+  Vt as DatasetJsonLdScript,
   zo as DiscussionThread,
   fo as DownloadCartPage,
   mo as DownloadIneligibleForPackagingFilesFromListButton,
@@ -164,16 +165,16 @@ export {
   go as EntityDownloadConfirmation,
   yo as EntityFinder,
   To as EntityForm,
-  It as EntityHeaderTable,
+  vt as EntityHeaderTable,
   Ao as ErrorBanner,
-  Ro as ErrorFallbackComponent,
+  Do as ErrorFallbackComponent,
   e as ErrorPage,
   Mo as EvaluationCard,
   Oo as EvaluationEditorPage,
   Go as ExperimentalMode,
   Qo as ExternalFileHandleLink,
   _o as FeaturedDataTabs,
-  Xt as FeaturedResearch,
+  oa as FeaturedResearch,
   jo as FeaturedToolsList,
   Wo as FileUpload,
   Yo as ForumPage,
@@ -184,40 +185,40 @@ export {
   cr as GoalsV3,
   Pr as GoogleAnalytics,
   Fr as HasAccess,
-  Bt as HelpPopover,
+  Ht as HelpPopover,
   Er as Icon,
   hr as IconSvg,
-  Jt as ImageCardGridWithLinks,
+  Kt as ImageCardGridWithLinks,
   ze as InputSizedButton,
-  Ut as JsonLdScript,
+  Nt as JsonLdScript,
   x as LastLoginInfo,
   Ge as LeftRightPanel,
   We as LightTooltip,
   ar as LongDescription,
   Sr as Map,
-  Rr as MarkdownCollapse,
-  Dr as MarkdownEditor,
+  Dr as MarkdownCollapse,
+  wr as MarkdownEditor,
   kr as MarkdownGithubLatestTag,
   Mr as ModalDownload,
-  Ht as MuiContainer,
+  Ut as MuiContainer,
   f as NoContentAvailable,
   Or as OAuthClientManagement,
   Gr as ORIENTATION_BANNER_KEYS,
   h as OneTimePasswordForm,
   Hr as OrientationBanner,
   c as PasswordField,
-  sa as PortalAclEditor,
-  ia as PortalAclEditorModal,
-  pa as PortalCard,
-  Kt as PortalFeatureHighlights,
-  ea as PortalFeaturedPartners,
-  oa as PortalHomePageHeader,
-  aa as PortalList,
-  ua as PortalSectionHeader,
+  ia as PortalAclEditor,
+  ua as PortalAclEditorModal,
+  la as PortalCard,
+  Xt as PortalFeatureHighlights,
+  aa as PortalFeaturedPartners,
+  ea as PortalHomePageHeader,
+  pa as PortalList,
+  Ca as PortalSectionHeader,
   Jr as ProgrammaticTableDownload,
   qr as Programs,
   Xr as ProjectDataAvailability,
-  ga as ProjectIcon,
+  ya as ProjectIcon,
   Kr as ProvenanceGraph,
   oe as QueryContext,
   re as QueryContextConsumer,
@@ -226,20 +227,20 @@ export {
   ne as QueryWrapper,
   xe as QueryWrapperPlotNav,
   de as QueryWrapperSynapsePlot,
-  qt as RecentPublicationsGrid,
+  Jt as RecentPublicationsGrid,
   ce as RegisterPageLogoutPrompt,
   Pe as RenderIfInView,
   Se as Resources,
   M as RowDataTable,
   O as RowDataTableWithQuery,
   Ee as RssFeedCards,
-  Vt as SageResourcesPopover,
+  qt as SageResourcesPopover,
   fr as ShortDescription,
   no as ShowDownloadV2,
   he as ShowMore,
-  wo as SignInPrompt,
-  Re as SkeletonButton,
-  De as SkeletonInlineBlock,
+  Ro as SignInPrompt,
+  De as SkeletonButton,
+  we as SkeletonInlineBlock,
   Me as SkeletonParagraph,
   ke as SkeletonTable,
   P as StandaloneLoginForm,
@@ -251,33 +252,34 @@ export {
   Ze as SubsectionRowRenderer,
   $o as SynapseCardLabel,
   ft as SynapseChat,
-  Do as SynapseErrorBoundary,
+  wo as SynapseErrorBoundary,
   t as SynapseErrorType,
   rt as SynapseFormSubmissionGrid,
   $e as SynapseFormWrapper,
   Vr as SynapsePlot,
+  mt as SynapsePortalChatDialog,
   tt as SynapseTable,
-  Pt as SynapseToastContainer,
-  mt as SystemUseNotification,
-  nt as TableFeedCards,
+  St as SynapseToastContainer,
+  nt as SystemUseNotification,
+  xt as TableFeedCards,
   bo as TableRowFallbackComponent,
-  xt as TermsAndConditions,
-  dt as TextField,
+  dt as TermsAndConditions,
+  ct as TextField,
   Ur as ThemesPlot,
-  ct as TimelinePlot,
+  Pt as TimelinePlot,
   S as TwoFactorAuthSettingsPanel,
   E as TwoFactorBackupCodes,
   F as TwoFactorEnrollmentForm,
   Nr as UpsetPlot,
-  yt as UserCard,
-  Tt as UserCardList,
-  At as UserCardListGroups,
-  Lt as UserCardListRotate,
-  wt as UserOrTeamBadge,
-  bt as UserProfileLinks,
+  Tt as UserCard,
+  Lt as UserCardList,
+  Rt as UserCardListGroups,
+  At as UserCardListRotate,
+  bt as UserOrTeamBadge,
+  It as UserProfileLinks,
   je as WideButton,
   ko as YOU_ARE_NOT_AUTHORIZED_MESSAGE,
-  gt as displayToast,
+  yt as displayToast,
   me as generateEncodedPathAndQueryForSelectedFacetURL,
   mr as getFileHandleAssociation,
   lr as getLinkParams,
@@ -285,6 +287,6 @@ export {
   i as useLastLoginInfo,
   d as useLastLoginInfoState,
   te as useQueryContext,
-  Ca as visuallyHidden
+  ga as visuallyHidden
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/row_renderers/ObservationCard.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import c from "../IconSvg/IconSvg.js";
+import p from "../IconSvg/IconSvg.js";
 import "../../utils/functions/EntityTypeUtils.js";
 import "react";
 import "../../assets/icons/chart2.svg.js";
@@ -15,29 +15,30 @@ import "../../assets/icons/study-complete.svg.js";
 import "../../assets/icons/translational.svg.js";
 import "../../assets/icons/tree_horizontal.svg.js";
 import "../../assets/icons/standardDataModel.svg.js";
+import "../../assets/icons/Challenge.svg.js";
 import "@mui/material/SvgIcon";
 import "../../utils/SynapseConstants.js";
 import h from "../ShowMore/ShowMore.js";
 import { Skeleton as d, Link as u } from "@mui/material";
 import { SkeletonTable as N } from "../Skeleton/SkeletonTable.js";
 import { UserBadge as O } from "../UserCard/UserBadge.js";
-function G({
+function H({
   data: i,
   schema: t,
-  includePortalCardClass: l = !0
+  includePortalCardClass: c = !0
 }) {
-  const p = i[t.observationSubmitterName], o = i[t.synapseId], s = i[t.observationTime], v = i[t.observationTimeUnits], n = i[t.observationText], a = i[t.observationType], b = JSON.parse(a ?? ""), m = i[t.doi];
+  const l = i[t.observationSubmitterName], o = i[t.synapseId], s = i[t.observationTime], v = i[t.observationTimeUnits], n = i[t.observationText], a = i[t.observationType], b = JSON.parse(a ?? ""), m = i[t.doi];
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `ObservationCard ${l ? "SRC-portalCard" : ""}`,
+      className: `ObservationCard ${c ? "SRC-portalCard" : ""}`,
       children: [
         /* @__PURE__ */ e("div", { className: "ObservationCard__submitter", children: [
-          !o && /* @__PURE__ */ r("div", { children: p }),
+          !o && /* @__PURE__ */ r("div", { children: l }),
           o && /* @__PURE__ */ r(O, { userId: o })
         ] }),
         s && /* @__PURE__ */ e("div", { className: "ObservationCard__time", children: [
-          /* @__PURE__ */ r(c, { icon: "time" }),
+          /* @__PURE__ */ r(p, { icon: "time" }),
           /* @__PURE__ */ r("span", { children: `${s} ${v}` })
         ] }),
         n && /* @__PURE__ */ r("div", { className: "ObservationCard__text", children: /* @__PURE__ */ r(h, { summary: n }) }),
@@ -55,16 +56,16 @@ function G({
     }
   );
 }
-function H() {
+function K() {
   return /* @__PURE__ */ e("div", { className: "SRC-portalCard ObservationCard", children: [
     /* @__PURE__ */ r("div", { className: "ObservationCard__submitter", children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(d, { width: "100px" }) }) }),
-    /* @__PURE__ */ r("div", { className: "ObservationCard__time", children: /* @__PURE__ */ r(c, { icon: "time" }) }),
+    /* @__PURE__ */ r("div", { className: "ObservationCard__time", children: /* @__PURE__ */ r(p, { icon: "time" }) }),
     /* @__PURE__ */ r("div", { className: "ObservationCard__text", children: /* @__PURE__ */ r(N, { numCols: 1, numRows: 4 }) }),
     /* @__PURE__ */ r("div", { className: "ObservationCard__tags", children: /* @__PURE__ */ r(d, { width: "80px" }) })
   ] });
 }
 export {
-  H as LoadingObservationCard,
-  G as ObservationCard
+  K as LoadingObservationCard,
+  H as ObservationCard
 };
 //# sourceMappingURL=ObservationCard.js.map

package/dist/components/row_renderers/ObservationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObservationCard.js","sources":["../../../src/components/row_renderers/ObservationCard.tsx"],"sourcesContent":["import IconSvg from '../IconSvg/IconSvg'\nimport { ShowMore } from './utils'\nimport { UnitType } from 'dayjs'\nimport { Link, Skeleton } from '@mui/material'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\n/**\n * Column index values into the row values given provided in \"data\"\n */\nexport type ObservationCardSchema = {\n  observationSubmitterName: number\n  synapseId: number\n  observationTime: number\n  observationTimeUnits: number\n  observationText: number\n  observationType: number\n  doi: number\n}\n\nexport type ObservationCardProps = {\n  schema: ObservationCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n}\n\n/**\n * Specialized Observation Card, initially implemented for the NF portal.\n * Expects the following columns: submitterName, submitterUserId, time, timeUnits, text, and tag.\n */\nexport function ObservationCard({\n  data,\n  schema,\n  includePortalCardClass = true,\n}: ObservationCardProps) {\n  const submitterName = data[schema.observationSubmitterName]\n  const submitterUserId = data[schema.synapseId]\n  const time = data[schema.observationTime]\n  const timeUnits = data[schema.observationTimeUnits] as UnitType\n  const text = data[schema.observationText]\n  const tag = data[schema.observationType]\n  const tags: string[] = JSON.parse(tag ?? '')\n  const doi = data[schema.doi]\n  return (\n    <div\n      className={`ObservationCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n    >\n      <div className=\"ObservationCard__submitter\">\n        {!submitterUserId && <div>{submitterName}</div>}\n        {submitterUserId && <UserBadge userId={submitterUserId} />}\n      </div>\n      {time && (\n        <div className=\"ObservationCard__time\">\n          <IconSvg icon=\"time\" />\n          <span>{`${time} ${timeUnits}`}</span>\n        </div>\n      )}\n      {text && (\n        <div className=\"ObservationCard__text\">\n          <ShowMore summary={text} />\n        </div>\n      )}\n      {doi && (\n        <div className=\"ObservationCard__doi\">\n          <Link href={doi} target=\"_blank\">\n            Reference\n          </Link>\n        </div>\n      )}\n      <div className=\"ObservationCard__tags\">\n        {tag &&\n          tags.map((tag, index) => {\n            return (\n              <span\n                key={index}\n                className=\"SRC-tag\"\n                style={{ marginRight: '5px' }}\n              >\n                {tag}\n              </span>\n            )\n          })}\n      </div>\n    </div>\n  )\n}\n\nexport function LoadingObservationCard() {\n  return (\n    <div className=\"SRC-portalCard ObservationCard\">\n      <div className=\"ObservationCard__submitter\">\n        <span>\n          <Skeleton width=\"100px\" />\n        </span>\n      </div>\n      <div className=\"ObservationCard__time\">\n        <IconSvg icon=\"time\" />\n      </div>\n      <div className=\"ObservationCard__text\">\n        <SkeletonTable numCols={1} numRows={4} />\n      </div>\n      <div className=\"ObservationCard__tags\">\n        <Skeleton width=\"80px\" />\n      </div>\n    </div>\n  )\n}\n"],"names":["ObservationCard","data","schema","includePortalCardClass","submitterName","submitterUserId","time","timeUnits","text","tag","tags","doi","jsxs","jsx","UserBadge","IconSvg","ShowMore","Link","index","LoadingObservationCard","Skeleton","SkeletonTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA8BO,SAASA,EAAgB;AAAA,EAC9B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,wBAAAC,IAAyB;AAC3B,GAAyB;AACvB,QAAMC,IAAgBH,EAAKC,EAAO,wBAAwB,GACpDG,IAAkBJ,EAAKC,EAAO,SAAS,GACvCI,IAAOL,EAAKC,EAAO,eAAe,GAClCK,IAAYN,EAAKC,EAAO,oBAAoB,GAC5CM,IAAOP,EAAKC,EAAO,eAAe,GAClCO,IAAMR,EAAKC,EAAO,eAAe,GACjCQ,IAAiB,KAAK,MAAMD,KAAO,EAAE,GACrCE,IAAMV,EAAKC,EAAO,GAAG;AAC3B,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,mBACTT,IAAyB,mBAAmB,EAC9C;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,UAAA,CAACP,KAAmB,gBAAAQ,EAAC,OAAA,EAAK,UAAAT,EAAA,CAAc;AAAA,UACxCC,KAAmB,gBAAAQ,EAACC,GAAA,EAAU,QAAQT,EAAA,CAAiB;AAAA,QAAA,GAC1D;AAAA,QACCC,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,gBAAAC,EAACE,GAAA,EAAQ,MAAK,OAAA,CAAO;AAAA,4BACpB,QAAA,EAAM,UAAA,GAAGT,CAAI,IAAIC,CAAS,GAAA,CAAG;AAAA,QAAA,GAChC;AAAA,QAEDC,uBACE,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAK,EAACG,GAAA,EAAS,SAASR,EAAA,CAAM,EAAA,CAC3B;AAAA,QAEDG,KACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAACI,GAAA,EAAK,MAAMN,GAAK,QAAO,UAAS,UAAA,YAAA,CAEjC,GACF;AAAA,QAEF,gBAAAE,EAAC,SAAI,WAAU,yBACZ,eACCH,EAAK,IAAI,CAACD,GAAKS,MAEX,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,MAAA;AAAA,YAErB,UAAAJ;AAAAA,UAAA;AAAA,UAJIS;AAAA,QAAA,CAOV,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASC,IAAyB;AACvC,SACE,gBAAAP,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA,gBAAAA,EAAC,QAAA,EACC,4BAACO,GAAA,EAAS,OAAM,QAAA,CAAQ,EAAA,CAC1B,GACF;AAAA,IACA,gBAAAP,EAAC,SAAI,WAAU,yBACb,4BAACE,GAAA,EAAQ,MAAK,QAAO,EAAA,CACvB;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAA,EAACQ,KAAc,SAAS,GAAG,SAAS,EAAA,CAAG,EAAA,CACzC;AAAA,IACA,gBAAAR,EAAC,SAAI,WAAU,yBACb,4BAACO,GAAA,EAAS,OAAM,QAAO,EAAA,CACzB;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ObservationCard.js","sources":["../../../src/components/row_renderers/ObservationCard.tsx"],"sourcesContent":["import IconSvg from '../IconSvg/IconSvg'\nimport { ShowMore } from './utils'\nimport { UnitType } from 'dayjs'\nimport { Link, Skeleton } from '@mui/material'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\n/**\n * Column index values into the row values given provided in \"data\"\n */\nexport type ObservationCardSchema = {\n  observationSubmitterName: number\n  synapseId: number\n  observationTime: number\n  observationTimeUnits: number\n  observationText: number\n  observationType: number\n  doi: number\n}\n\nexport type ObservationCardProps = {\n  schema: ObservationCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n}\n\n/**\n * Specialized Observation Card, initially implemented for the NF portal.\n * Expects the following columns: submitterName, submitterUserId, time, timeUnits, text, and tag.\n */\nexport function ObservationCard({\n  data,\n  schema,\n  includePortalCardClass = true,\n}: ObservationCardProps) {\n  const submitterName = data[schema.observationSubmitterName]\n  const submitterUserId = data[schema.synapseId]\n  const time = data[schema.observationTime]\n  const timeUnits = data[schema.observationTimeUnits] as UnitType\n  const text = data[schema.observationText]\n  const tag = data[schema.observationType]\n  const tags: string[] = JSON.parse(tag ?? '')\n  const doi = data[schema.doi]\n  return (\n    <div\n      className={`ObservationCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n    >\n      <div className=\"ObservationCard__submitter\">\n        {!submitterUserId && <div>{submitterName}</div>}\n        {submitterUserId && <UserBadge userId={submitterUserId} />}\n      </div>\n      {time && (\n        <div className=\"ObservationCard__time\">\n          <IconSvg icon=\"time\" />\n          <span>{`${time} ${timeUnits}`}</span>\n        </div>\n      )}\n      {text && (\n        <div className=\"ObservationCard__text\">\n          <ShowMore summary={text} />\n        </div>\n      )}\n      {doi && (\n        <div className=\"ObservationCard__doi\">\n          <Link href={doi} target=\"_blank\">\n            Reference\n          </Link>\n        </div>\n      )}\n      <div className=\"ObservationCard__tags\">\n        {tag &&\n          tags.map((tag, index) => {\n            return (\n              <span\n                key={index}\n                className=\"SRC-tag\"\n                style={{ marginRight: '5px' }}\n              >\n                {tag}\n              </span>\n            )\n          })}\n      </div>\n    </div>\n  )\n}\n\nexport function LoadingObservationCard() {\n  return (\n    <div className=\"SRC-portalCard ObservationCard\">\n      <div className=\"ObservationCard__submitter\">\n        <span>\n          <Skeleton width=\"100px\" />\n        </span>\n      </div>\n      <div className=\"ObservationCard__time\">\n        <IconSvg icon=\"time\" />\n      </div>\n      <div className=\"ObservationCard__text\">\n        <SkeletonTable numCols={1} numRows={4} />\n      </div>\n      <div className=\"ObservationCard__tags\">\n        <Skeleton width=\"80px\" />\n      </div>\n    </div>\n  )\n}\n"],"names":["ObservationCard","data","schema","includePortalCardClass","submitterName","submitterUserId","time","timeUnits","text","tag","tags","doi","jsxs","jsx","UserBadge","IconSvg","ShowMore","Link","index","LoadingObservationCard","Skeleton","SkeletonTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BO,SAASA,EAAgB;AAAA,EAC9B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,wBAAAC,IAAyB;AAC3B,GAAyB;AACvB,QAAMC,IAAgBH,EAAKC,EAAO,wBAAwB,GACpDG,IAAkBJ,EAAKC,EAAO,SAAS,GACvCI,IAAOL,EAAKC,EAAO,eAAe,GAClCK,IAAYN,EAAKC,EAAO,oBAAoB,GAC5CM,IAAOP,EAAKC,EAAO,eAAe,GAClCO,IAAMR,EAAKC,EAAO,eAAe,GACjCQ,IAAiB,KAAK,MAAMD,KAAO,EAAE,GACrCE,IAAMV,EAAKC,EAAO,GAAG;AAC3B,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,mBACTT,IAAyB,mBAAmB,EAC9C;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,UAAA,CAACP,KAAmB,gBAAAQ,EAAC,OAAA,EAAK,UAAAT,EAAA,CAAc;AAAA,UACxCC,KAAmB,gBAAAQ,EAACC,GAAA,EAAU,QAAQT,EAAA,CAAiB;AAAA,QAAA,GAC1D;AAAA,QACCC,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,gBAAAC,EAACE,GAAA,EAAQ,MAAK,OAAA,CAAO;AAAA,4BACpB,QAAA,EAAM,UAAA,GAAGT,CAAI,IAAIC,CAAS,GAAA,CAAG;AAAA,QAAA,GAChC;AAAA,QAEDC,uBACE,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAK,EAACG,GAAA,EAAS,SAASR,EAAA,CAAM,EAAA,CAC3B;AAAA,QAEDG,KACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAACI,GAAA,EAAK,MAAMN,GAAK,QAAO,UAAS,UAAA,YAAA,CAEjC,GACF;AAAA,QAEF,gBAAAE,EAAC,SAAI,WAAU,yBACZ,eACCH,EAAK,IAAI,CAACD,GAAKS,MAEX,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,MAAA;AAAA,YAErB,UAAAJ;AAAAA,UAAA;AAAA,UAJIS;AAAA,QAAA,CAOV,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASC,IAAyB;AACvC,SACE,gBAAAP,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA,gBAAAA,EAAC,QAAA,EACC,4BAACO,GAAA,EAAS,OAAM,QAAA,CAAQ,EAAA,CAC1B,GACF;AAAA,IACA,gBAAAP,EAAC,SAAI,WAAU,yBACb,4BAACE,GAAA,EAAQ,MAAK,QAAO,EAAA,CACvB;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAA,EAACQ,KAAc,SAAS,GAAG,SAAS,EAAA,CAAG,EAAA,CACzC;AAAA,IACA,gBAAAR,EAAC,SAAI,WAAU,yBACb,4BAACO,GAAA,EAAS,OAAM,QAAO,EAAA,CACzB;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/row_renderers/utils/CardFooter.d.ts

@@ -1,5 +1,4 @@
 import { Component } from 'react';
-import { ColumnIconConfigs } from '../../CardContainerLogic';
 export type CardLabel = {
     columnDisplayName: string;
     value: React.ReactNode;
@@ -13,7 +12,6 @@ type CardFooterProps = {
     values: CardLabel[];
     isHeader: boolean;
     secondaryLabelLimit?: number;
-    columnIconOptions?: ColumnIconConfigs;
     className?: string;
     cardTopContent?: React.ReactNode;
 };
@@ -23,7 +21,7 @@ declare class CardFooter extends Component<CardFooterProps, State> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     updatePredicate(): void;
-    renderRowValue: (key: string, value: React.ReactNode, tableColumnName?: string) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    renderRowValue: (value: React.ReactNode) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
     renderRows: (values: CardLabel[], limit: number, isDesktop: boolean) => import("react/jsx-runtime").JSX.Element[];
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/row_renderers/utils/CardFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/row_renderers/utils/CardFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAG5D,MAAM,MAAM,SAAS,GAAG;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC,CAAA;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,KAAK,CAAC;gBAC5C,KAAK,EAAE,eAAe;IAUlC,cAAc;IAMd,iBAAiB;IAKjB,oBAAoB;IAIpB,eAAe;IAIf,cAAc,GACZ,KAAK,MAAM,EACX,OAAO,KAAK,CAAC,SAAS,EACtB,kBAAkB,MAAM,6WAwCzB;IACD,UAAU,GAAI,QAAQ,SAAS,EAAE,EAAE,OAAO,MAAM,EAAE,WAAW,OAAO,+CAgCnE;IAED,MAAM;CA8CP;AACD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/row_renderers/utils/CardFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,SAAS,GAAG;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC,CAAA;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,KAAK,CAAC;gBAC5C,KAAK,EAAE,eAAe;IAUlC,cAAc;IAMd,iBAAiB;IAKjB,oBAAoB;IAIpB,eAAe;IAIf,cAAc,GAAI,OAAO,KAAK,CAAC,SAAS,6WAevC;IACD,UAAU,GAAI,QAAQ,SAAS,EAAE,EAAE,OAAO,MAAM,EAAE,WAAW,OAAO,+CA4BnE;IAED,MAAM;CA8CP;AACD,eAAe,UAAU,CAAA"}