npm - synapse-react-client - Versions diffs - 4.0.36 → 4.0.38 - Mend

synapse-react-client 4.0.36 → 4.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (316) hide show

package/dist/components/index.js CHANGED Viewed

@@ -37,196 +37,197 @@ import z from "./Icon/Icon.js";
 import B from "./ShowMore/ShowMore.js";
 import { StyledFormControl as V } from "./styled/StyledFormControl.js";
 import { DATASET_HOSTING_CONFIG as H, fillRepository as U, normalizeHosting as W } from "./DatasetHosting/DatasetHosting.js";
-import { EntityDownloadConfirmation as G } from "./EntityDownloadConfirmation/EntityDownloadConfirmation.js";
+import { DatasetDownloadButton as G } from "./DatasetHosting/DatasetDownloadButton.js";
+import { DatasetHostingAdornment as K } from "./DatasetHosting/DatasetHostingAdornment.js";
+import { EntityDownloadConfirmation as q } from "./EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "./EntityDownloadConfirmation/index.js";
-import { DatasetDownloadButton as K } from "./DatasetHosting/DatasetDownloadButton.js";
-import { QueryContext as q, QueryContextConsumer as J, QueryContextProvider as Y, useQueryContext as X } from "./QueryContext/QueryContext.js";
+import { QueryContext as J, QueryContextConsumer as Y, QueryContextProvider as X, useQueryContext as Z } from "./QueryContext/QueryContext.js";
 import "./QueryContext/index.js";
-import { CARD_SHORT_DESCRIPTION_CSS as Z, LongDescription as Q, ShortDescription as ne } from "./GenericCard/CollapsibleDescription.js";
-import { GenericCard as re } from "./GenericCard/GenericCard.js";
-import { UserCard as ie } from "./UserCard/UserCard.js";
-import { SynapseCardLabel as ae } from "./GenericCard/SynapseCardLabel.js";
-import { generateEncodedPathAndQueryForSelectedFacetURL as oe } from "./QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js";
-import { QueryWrapper as se } from "./QueryWrapper/QueryWrapper.js";
+import { CARD_SHORT_DESCRIPTION_CSS as Q, LongDescription as ne, ShortDescription as re } from "./GenericCard/CollapsibleDescription.js";
+import { GenericCard as ie } from "./GenericCard/GenericCard.js";
+import { UserCard as ae } from "./UserCard/UserCard.js";
+import { SynapseCardLabel as oe } from "./GenericCard/SynapseCardLabel.js";
+import { generateEncodedPathAndQueryForSelectedFacetURL as se } from "./QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js";
+import { QueryWrapper as ce } from "./QueryWrapper/QueryWrapper.js";
 import "./QueryWrapper/index.js";
-import { WideButton as ce } from "./styled/WideButton.js";
+import { WideButton as le } from "./styled/WideButton.js";
 import "./error/index.js";
-import { UserCardList as le } from "./UserCardList/UserCardList.js";
-import { CardContainer as ue } from "./CardContainer/CardContainer.js";
+import { UserCardList as ue } from "./UserCardList/UserCardList.js";
+import { CardContainer as de } from "./CardContainer/CardContainer.js";
 import "./CardContainer/index.js";
-import de from "./UserOrTeamBadge/UserOrTeamBadge.js";
+import fe from "./UserOrTeamBadge/UserOrTeamBadge.js";
 import "./UserOrTeamBadge/index.js";
-import { FileUpload as fe } from "./FileUpload/FileUpload.js";
+import { FileUpload as pe } from "./FileUpload/FileUpload.js";
 import "./HelpPopover/index.js";
 import "./Icon/index.js";
-import { ModalDownload as pe } from "./ModalDownload/ModalDownload.js";
-import { HasAccessV2 as me } from "./HasAccess/HasAccessV2.js";
+import { ModalDownload as me } from "./ModalDownload/ModalDownload.js";
+import { HasAccessV2 as he } from "./HasAccess/HasAccessV2.js";
 import "./HasAccess/index.js";
 import "./GenericCard/index.js";
-import { SynapseTable as he } from "./SynapseTable/SynapseTable.js";
+import { SynapseTable as ge } from "./SynapseTable/SynapseTable.js";
 import "./SynapseTable/index.js";
-import { CardContainerLogic as ge } from "./CardContainerLogic/CardContainerLogic.js";
+import { CardContainerLogic as _e } from "./CardContainerLogic/CardContainerLogic.js";
 import "./CardContainerLogic/index.js";
-import _e from "./CardGridWithLinks/CardGridWithLinks.js";
+import ve from "./CardGridWithLinks/CardGridWithLinks.js";
 import "./CardGridWithLinks/index.js";
-import ve from "./RowDataTable/RowDataTable.js";
-import ye from "./RowDataTable/RowDataTableWithQuery.js";
+import ye from "./RowDataTable/RowDataTable.js";
+import be from "./RowDataTable/RowDataTableWithQuery.js";
 import "./RowDataTable/index.js";
-import be from "./CertificationQuiz/CertificationQuiz.js";
+import xe from "./CertificationQuiz/CertificationQuiz.js";
 import "./CertificationQuiz/index.js";
-import { ChallengeDetailPage as xe } from "./ChallengeDetailPage/ChallengeDetailPage.js";
+import { ChallengeDetailPage as Se } from "./ChallengeDetailPage/ChallengeDetailPage.js";
 import "./ChallengeDetailPage/index.js";
-import { HoverPopover as Se } from "./styled/HoverPopover.js";
-import { EntityBadgeIcons as Ce } from "./EntityBadgeIcons/EntityBadgeIcons.js";
+import { HoverPopover as Ce } from "./styled/HoverPopover.js";
+import { EntityBadgeIcons as we } from "./EntityBadgeIcons/EntityBadgeIcons.js";
 import "./EntityBadgeIcons/index.js";
-import { ChallengeDataDownload as we } from "./ChallengeDataDownload/ChallengeDataDownload.js";
+import { ChallengeDataDownload as Te } from "./ChallengeDataDownload/ChallengeDataDownload.js";
 import "./ChallengeDataDownload/index.js";
-import Te from "./ChallengeSubmission/AvailableEvaluationQueueList.js";
+import Ee from "./ChallengeSubmission/AvailableEvaluationQueueList.js";
 import "./FileUpload/index.js";
-import { ChallengeSubmission as Ee } from "./ChallengeSubmission/ChallengeSubmission.js";
+import { ChallengeSubmission as De } from "./ChallengeSubmission/ChallengeSubmission.js";
 import "./ChallengeSubmission/index.js";
-import De from "./ChangePassword/ChangePassword.js";
-import Oe from "./ChangePassword/ChangePasswordWithToken.js";
+import Oe from "./ChangePassword/ChangePassword.js";
+import ke from "./ChangePassword/ChangePasswordWithToken.js";
 import "./ChangePassword/index.js";
-import ke from "./CookiesNotification/CookiePreferencesDialog.js";
-import Ae from "./CookiesNotification/CookiesNotification.js";
+import Ae from "./CookiesNotification/CookiePreferencesDialog.js";
+import je from "./CookiesNotification/CookiesNotification.js";
 import "./CookiesNotification/index.js";
-import je from "./ColoredBulletListItem/ColoredBulletListItem.js";
+import Me from "./ColoredBulletListItem/ColoredBulletListItem.js";
 import "./ColoredBulletListItem/index.js";
-import Me from "./CTASectionWrapper/CTASectionWrapper.js";
+import Ne from "./CTASectionWrapper/CTASectionWrapper.js";
 import "./CTASectionWrapper/index.js";
-import { DownloadIneligibleForPackagingFilesFromListButton as Ne } from "./DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.js";
-import { DownloadCartPage as Pe } from "./DownloadCart/DownloadCartPage.js";
-import { ShowDownloadV2 as $ } from "./DownloadCart/ShowDownloadV2.js";
+import { DownloadIneligibleForPackagingFilesFromListButton as Pe } from "./DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.js";
+import { DownloadCartPage as $ } from "./DownloadCart/DownloadCartPage.js";
+import { ShowDownloadV2 as Fe } from "./DownloadCart/ShowDownloadV2.js";
 import "./DownloadCart/index.js";
-import Fe from "./DynamicForm/DynamicForm.js";
-import Ie from "./DynamicForm/DynamicFormModal.js";
+import Ie from "./DynamicForm/DynamicForm.js";
+import Le from "./DynamicForm/DynamicFormModal.js";
 import "./DynamicForm/index.js";
-import { EntityFinder as Le } from "./EntityFinder/EntityFinder.js";
+import { EntityFinder as Re } from "./EntityFinder/EntityFinder.js";
 import "./EntityFinder/index.js";
-import { EntityForm as Re } from "./EntityForm/EntityForm.js";
+import { EntityForm as ze } from "./EntityForm/EntityForm.js";
 import "./EntityForm/index.js";
-import { EvaluationCard as ze } from "./Evaluation/EvaluationCard.js";
-import { EvaluationEditorPage as Be } from "./Evaluation/EvaluationEditorPage.js";
+import { EvaluationCard as Be } from "./Evaluation/EvaluationCard.js";
+import { EvaluationEditorPage as Ve } from "./Evaluation/EvaluationEditorPage.js";
 import "./Evaluation/index.js";
-import Ve from "./ExperimentalMode/ExperimentalMode.js";
+import He from "./ExperimentalMode/ExperimentalMode.js";
 import "./ExperimentalMode/index.js";
-import { ExternalFileHandleLink as He } from "./ExternalFileHandleLink/ExternalFileHandleLink.js";
+import { ExternalFileHandleLink as Ue } from "./ExternalFileHandleLink/ExternalFileHandleLink.js";
 import "./ExternalFileHandleLink/index.js";
-import Ue from "./FeaturedDataTabs/FeaturedDataTabs.js";
+import We from "./FeaturedDataTabs/FeaturedDataTabs.js";
 import "./FeaturedDataTabs/index.js";
 import "./ShowMore/index.js";
-import { FeaturedToolsList as We } from "./FeaturedToolsList/FeaturedToolsList.js";
+import { FeaturedToolsList as Ge } from "./FeaturedToolsList/FeaturedToolsList.js";
 import "./FeaturedToolsList/index.js";
-import { MarkdownEditor as Ge } from "./Markdown/MarkdownEditor.js";
-import { DiscussionThread as Ke } from "./Forum/DiscussionThread.js";
-import { ForumPage as qe } from "./Forum/ForumPage.js";
+import { MarkdownEditor as Ke } from "./Markdown/MarkdownEditor.js";
+import { DiscussionThread as qe } from "./Forum/DiscussionThread.js";
+import { ForumPage as Je } from "./Forum/ForumPage.js";
 import "./Forum/index.js";
-import { QueryCount as Je } from "./QueryCount/QueryCount.js";
-import { Goals as Ye } from "./Goals/Goals.js";
+import { QueryCount as Ye } from "./QueryCount/QueryCount.js";
+import { Goals as Xe } from "./Goals/Goals.js";
 import "./Goals/index.js";
-import Xe from "./PortalSectionHeader/PortalSectionHeader.js";
+import Ze from "./PortalSectionHeader/PortalSectionHeader.js";
 import "./PortalSectionHeader/index.js";
-import { GoalsV2 as Ze } from "./GoalsV2/GoalsV2.js";
+import { GoalsV2 as Qe } from "./GoalsV2/GoalsV2.js";
 import "./GoalsV2/index.js";
-import Qe from "./GoalsV3/GoalsV3.js";
+import $e from "./GoalsV3/GoalsV3.js";
 import "./GoalsV3/index.js";
-import { GoogleAnalytics as $e } from "./GoogleAnalytics/GoogleAnalytics.js";
+import { GoogleAnalytics as et } from "./GoogleAnalytics/GoogleAnalytics.js";
 import "./GoogleAnalytics/index.js";
-import et from "./GoogleMap/GoogleMap.js";
+import tt from "./GoogleMap/GoogleMap.js";
 import "./GoogleMap/index.js";
-import { MarkdownCollapse as tt } from "./Markdown/MarkdownCollapse.js";
-import { MarkdownGithubLatestTag as nt } from "./Markdown/MarkdownGithub.js";
+import { MarkdownCollapse as nt } from "./Markdown/MarkdownCollapse.js";
+import { MarkdownGithubLatestTag as rt } from "./Markdown/MarkdownGithub.js";
 import "./ModalDownload/index.js";
-import { OAuthManagement as rt } from "./OAuthClientManagement/OAuthManagement.js";
+import { OAuthManagement as it } from "./OAuthClientManagement/OAuthManagement.js";
 import "./OAuthClientManagement/index.js";
-import it from "./OrientationBanner/OrientationBanner.js";
+import at from "./OrientationBanner/OrientationBanner.js";
 import "./OrientationBanner/index.js";
-import { ThemesPlot as at } from "./Plot/ThemesPlot.js";
-import { UpsetPlot as ot } from "./Plot/UpsetPlot.js";
-import { SynapsePlot as st } from "./Plot/SynapsePlot.js";
-import { SynapseSankeyPlot as ct } from "./Plot/SynapseSankeyPlot.js";
+import { ThemesPlot as ot } from "./Plot/ThemesPlot.js";
+import { UpsetPlot as st } from "./Plot/UpsetPlot.js";
+import { SynapsePlot as ct } from "./Plot/SynapsePlot.js";
+import { SynapseSankeyPlot as lt } from "./Plot/SynapseSankeyPlot.js";
 import "./Plot/index.js";
-import { Programs as lt } from "./Programs/Programs.js";
+import { Programs as ut } from "./Programs/Programs.js";
 import "./Programs/index.js";
-import { ProgrammaticTableDownload as ut } from "./ProgrammaticTableDownload/ProgrammaticTableDownload.js";
+import { ProgrammaticTableDownload as dt } from "./ProgrammaticTableDownload/ProgrammaticTableDownload.js";
 import "./ProgrammaticTableDownload/index.js";
-import dt from "./ProvenanceGraph/ProvenanceGraph.js";
+import ft from "./ProvenanceGraph/ProvenanceGraph.js";
 import "./ProvenanceGraph/index.js";
-import { ProjectDataAvailability as ft } from "./ProjectStorage/ProjectDataAvailability.js";
+import { ProjectDataAvailability as pt } from "./ProjectStorage/ProjectDataAvailability.js";
 import "./ProjectStorage/index.js";
 import "./QueryCount/index.js";
-import pt from "./QueryWrapperPlotNav/QueryWrapperSynapsePlot.js";
-import mt from "./QueryWrapperPlotNav/QueryWrapperPlotNav.js";
+import mt from "./QueryWrapperPlotNav/QueryWrapperSynapsePlot.js";
+import ht from "./QueryWrapperPlotNav/QueryWrapperPlotNav.js";
 import "./QueryWrapperPlotNav/index.js";
-import { SearchQueryWrapper as ht } from "./SearchQueryWrapper/SearchQueryWrapper.js";
-import gt, { isSearchQueryWrapperPlotNavProps as _t } from "./SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js";
-import vt from "./RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.js";
+import { SearchQueryWrapper as gt } from "./SearchQueryWrapper/SearchQueryWrapper.js";
+import _t, { isSearchQueryWrapperPlotNavProps as vt } from "./SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js";
+import yt from "./RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.js";
 import "./RegisterPageLogoutPrompt/index.js";
-import { RenderIfInView as yt } from "./RenderIfInView/RenderIfInView.js";
+import { RenderIfInView as bt } from "./RenderIfInView/RenderIfInView.js";
 import "./RenderIfInView/index.js";
-import { Resources as bt } from "./Resources/Resources.js";
+import { Resources as xt } from "./Resources/Resources.js";
 import "./Resources/index.js";
-import { AccessRequirementAclEditor as xt } from "./AccessRequirementAclEditor/AccessRequirementAclEditor.js";
+import { AccessRequirementAclEditor as St } from "./AccessRequirementAclEditor/AccessRequirementAclEditor.js";
 import "./AccessRequirementAclEditor/index.js";
-import { RssFeedCards as St } from "./RssFeedCards/RssFeedCards.js";
+import { RssFeedCards as Ct } from "./RssFeedCards/RssFeedCards.js";
 import "./RssFeedCards/index.js";
-import Ct from "./StandaloneQueryWrapper/StandaloneQueryWrapper.js";
+import wt from "./StandaloneQueryWrapper/StandaloneQueryWrapper.js";
 import "./StandaloneQueryWrapper/index.js";
-import { InputSizedButton as wt } from "./styled/InputSizedButton.js";
+import { InputSizedButton as Tt } from "./styled/InputSizedButton.js";
 import "./styled/index.js";
-import Tt from "./SubscriptionPage/SubscriptionPage.js";
+import Et from "./SubscriptionPage/SubscriptionPage.js";
 import "./SubscriptionPage/index.js";
-import Et from "./SubsectionRowRenderer/SubsectionRowRenderer.js";
+import Dt from "./SubsectionRowRenderer/SubsectionRowRenderer.js";
 import "./SubsectionRowRenderer/index.js";
-import { SynapseFormWrapper as Dt } from "./SynapseForm/SynapseFormWrapper.js";
-import { SynapseFormSubmissionGrid as Ot } from "./SynapseForm/SynapseFormSubmissionGrid.js";
+import { SynapseFormWrapper as Ot } from "./SynapseForm/SynapseFormWrapper.js";
+import { SynapseFormSubmissionGrid as kt } from "./SynapseForm/SynapseFormSubmissionGrid.js";
 import "./SynapseForm/index.js";
-import { SynapseChat as kt } from "./SynapseChat/SynapseChat.js";
-import { SynapsePortalChatDialog as At } from "./SynapseChat/SynapsePortalChatDialog.js";
+import { SynapseChat as At } from "./SynapseChat/SynapseChat.js";
+import { SynapsePortalChatDialog as jt } from "./SynapseChat/SynapsePortalChatDialog.js";
 import "./SynapseChat/index.js";
-import { SystemUseNotification as jt } from "./SystemUseNotification/SystemUseNotification.js";
+import { SystemUseNotification as Mt } from "./SystemUseNotification/SystemUseNotification.js";
 import "./SystemUseNotification/index.js";
-import Mt from "./TableFeedCards/TableFeedCards.js";
+import Nt from "./TableFeedCards/TableFeedCards.js";
 import "./TableFeedCards/index.js";
-import Nt from "./TermsAndConditions/TermsAndConditions.js";
+import Pt from "./TermsAndConditions/TermsAndConditions.js";
 import "./TermsAndConditions/index.js";
-import { TimelinePlot as Pt } from "./TimelinePlot/TimelinePlot.js";
+import { TimelinePlot as Ft } from "./TimelinePlot/TimelinePlot.js";
 import "./TimelinePlot/index.js";
 import "./UserCard/index.js";
-import { UserCardListRotate as Ft } from "./UserCardList/UserCardListRotate.js";
-import It from "./UserCardList/UserCardListGroups/UserCardListGroups.js";
+import { UserCardListRotate as It } from "./UserCardList/UserCardListRotate.js";
+import Lt from "./UserCardList/UserCardListGroups/UserCardListGroups.js";
 import "./UserCardList/index.js";
-import { UserProfileLinks as Lt } from "./UserProfileLinks/UserProfileLinks.js";
+import { UserProfileLinks as Rt } from "./UserProfileLinks/UserProfileLinks.js";
 import "./UserProfileLinks/index.js";
-import { EntityHeaderTable as Rt } from "./EntityHeaderTable/EntityHeaderTable.js";
+import { EntityHeaderTable as zt } from "./EntityHeaderTable/EntityHeaderTable.js";
 import "./EntityHeaderTable/index.js";
-import { AccessRequirementRelatedProjectsList as zt } from "./AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js";
+import { AccessRequirementRelatedProjectsList as Bt } from "./AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js";
 import "./AccessRequirementRelatedProjectsList/index.js";
-import { MuiContainer as Bt } from "./MuiContainer.js";
-import { JsonLdScript as Vt } from "./JsonLdScript.js";
-import { DatasetJsonLdScript as Ht } from "./DatasetJsonLdScript.js";
+import { MuiContainer as Vt } from "./MuiContainer.js";
+import { JsonLdScript as Ht } from "./JsonLdScript.js";
+import { DatasetJsonLdScript as Ut } from "./DatasetJsonLdScript.js";
 import "./DatasetHosting/index.js";
-import { SageResourcesPopover as Ut } from "./SageResourcesPopover/SageResourcesPopover.js";
+import { SageResourcesPopover as Wt } from "./SageResourcesPopover/SageResourcesPopover.js";
 import "./SageResourcesPopover/index.js";
-import Wt from "./RecentPublicationsGrid/RecentPublicationsGrid.js";
+import Gt from "./RecentPublicationsGrid/RecentPublicationsGrid.js";
 import "./RecentPublicationsGrid/index.js";
-import Gt from "./ImageCardGridWithLinks/ImageCardGridWithLinks.js";
+import Kt from "./ImageCardGridWithLinks/ImageCardGridWithLinks.js";
 import "./ImageCardGridWithLinks/index.js";
-import Kt from "./PortalFeatureHighlights/PortalFeatureHighlights.js";
+import qt from "./PortalFeatureHighlights/PortalFeatureHighlights.js";
 import "./PortalFeatureHighlights/index.js";
-import qt from "./FeaturedResearch/FeaturedResearch.js";
+import Jt from "./FeaturedResearch/FeaturedResearch.js";
 import "./FeaturedResearch/index.js";
-import Jt from "./PortalHomePageHeader/PortalHomePageHeader.js";
+import Yt from "./PortalHomePageHeader/PortalHomePageHeader.js";
 import "./PortalHomePageHeader/index.js";
-import Yt from "./PortalFeaturedPartners/PortalFeaturedPartners.js";
+import Xt from "./PortalFeaturedPartners/PortalFeaturedPartners.js";
 import "./PortalFeaturedPartners/index.js";
-import { PortalAclEditor as Xt } from "./PortalAclEditor/PortalAclEditor.js";
-import Zt from "./PortalAclEditor/PortalAclEditorModal.js";
-import { PortalCard as Qt } from "./PortalList/PortalCard.js";
-import { CreatePortalModal as $t } from "./PortalList/CreatePortalModal.js";
-import { PortalList as en } from "./PortalList/PortalList.js";
+import { PortalAclEditor as Zt } from "./PortalAclEditor/PortalAclEditor.js";
+import Qt from "./PortalAclEditor/PortalAclEditorModal.js";
+import { PortalCard as $t } from "./PortalList/PortalCard.js";
+import { CreatePortalModal as en } from "./PortalList/CreatePortalModal.js";
+import { PortalList as tn } from "./PortalList/PortalList.js";
 import "./PortalList/index.js";
 import "./PortalAclEditor/index.js";
-import { visuallyHidden as tn } from "./SynapseHomepageV2/HomepageStyles.js";
-export { xt as AccessRequirementAclEditor, zt as AccessRequirementRelatedProjectsList, x as AccessTokenPage, S as AccountLevelBadges, Te as AvailableEvaluationQueueList, Z as CARD_SHORT_DESCRIPTION_CSS, Me as CTASectionWrapper, ue as CardContainer, ge as CardContainerLogic, _e as CardGridWithLinks, be as CertificationQuiz, we as ChallengeDataDownload, xe as ChallengeDetailPage, Ee as ChallengeSubmission, De as ChangePassword, Oe as ChangePasswordWithToken, t as ClientError, je as ColoredBulletListItem, h as ConfirmationDialog, ke as CookiePreferencesDialog, Ae as CookiesNotification, $t as CreatePortalModal, H as DATASET_HOSTING_CONFIG, K as DatasetDownloadButton, K as DatasetDownloadButtonDefault, Ht as DatasetJsonLdScript, Ke as DiscussionThread, Pe as DownloadCartPage, Ne as DownloadIneligibleForPackagingFilesFromListButton, Fe as DynamicForm, Ie as DynamicFormModal, n as EmptyFallbackComponent, Ce as EntityBadgeIcons, G as EntityDownloadConfirmation, Le as EntityFinder, Re as EntityForm, Rt as EntityHeaderTable, r as ErrorBanner, i as ErrorFallbackComponent, g as ErrorPage, ze as EvaluationCard, Be as EvaluationEditorPage, Ve as ExperimentalMode, He as ExternalFileHandleLink, Ue as FeaturedDataTabs, qt as FeaturedResearch, We as FeaturedToolsList, fe as FileUpload, qe as ForumPage, ee as FullWidthAlert, re as GenericCard, Ye as Goals, Ze as GoalsV2, Qe as GoalsV3, $e as GoogleAnalytics, me as HasAccess, m as HelpPopover, Se as HoverPopover, z as Icon, y as IconSvg, Gt as ImageCardGridWithLinks, wt as InputSizedButton, Vt as JsonLdScript, C as LastLoginInfo, k as LeftRightPanel, l as LightTooltip, Q as LongDescription, et as Map, tt as MarkdownCollapse, Ge as MarkdownEditor, nt as MarkdownGithubLatestTag, pe as ModalDownload, Bt as MuiContainer, v as NoContentAvailable, rt as OAuthClientManagement, D as OneTimePasswordForm, it as OrientationBanner, E as PasswordField, Xt as PortalAclEditor, Zt as PortalAclEditorModal, Qt as PortalCard, Kt as PortalFeatureHighlights, Yt as PortalFeaturedPartners, Jt as PortalHomePageHeader, en as PortalList, Xe as PortalSectionHeader, ut as ProgrammaticTableDownload, lt as Programs, ft as ProjectDataAvailability, R as ProjectIcon, dt as ProvenanceGraph, q as QueryContext, J as QueryContextConsumer, Y as QueryContextProvider, Je as QueryCount, se as QueryWrapper, mt as QueryWrapperPlotNav, pt as QueryWrapperSynapsePlot, Wt as RecentPublicationsGrid, vt as RegisterPageLogoutPrompt, yt as RenderIfInView, bt as Resources, ve as RowDataTable, ye as RowDataTableWithQuery, St as RssFeedCards, Ut as SageResourcesPopover, ht as SearchQueryWrapper, gt as SearchQueryWrapperPlotNav, ne as ShortDescription, $ as ShowDownloadV2, B as ShowMore, a as SignInPrompt, u as SkeletonButton, d as SkeletonInlineBlock, p as SkeletonParagraph, f as SkeletonTable, O as StandaloneLoginForm, Ct as StandaloneQueryWrapper, V as StyledFormControl, A as StyledInnerContainer, j as StyledOuterContainer, Tt as SubscriptionPage, Et as SubsectionRowRenderer, ae as SynapseCardLabel, kt as SynapseChat, o as SynapseErrorBoundary, _ as SynapseErrorType, Ot as SynapseFormSubmissionGrid, Dt as SynapseFormWrapper, st as SynapsePlot, At as SynapsePortalChatDialog, ct as SynapseSankeyPlot, he as SynapseTable, te as SynapseToastContainer, jt as SystemUseNotification, Mt as TableFeedCards, s as TableRowFallbackComponent, Nt as TermsAndConditions, b as TextField, at as ThemesPlot, Pt as TimelinePlot, N as TwoFactorAuthSettingsPanel, P as TwoFactorBackupCodes, M as TwoFactorEnrollmentForm, ot as UpsetPlot, ie as UserCard, le as UserCardList, It as UserCardListGroups, Ft as UserCardListRotate, de as UserOrTeamBadge, Lt as UserProfileLinks, ce as WideButton, c as YOU_ARE_NOT_AUTHORIZED_MESSAGE, e as displayToast, U as fillRepository, oe as generateEncodedPathAndQueryForSelectedFacetURL, F as getFileHandleAssociation, I as getLinkParams, L as getValueOrMultiValue, _t as isSearchQueryWrapperPlotNavProps, W as normalizeHosting, w as useLastLoginInfo, T as useLastLoginInfoState, X as useQueryContext, tn as visuallyHidden };
+import { visuallyHidden as nn } from "./SynapseHomepageV2/HomepageStyles.js";
+export { St as AccessRequirementAclEditor, Bt as AccessRequirementRelatedProjectsList, x as AccessTokenPage, S as AccountLevelBadges, Ee as AvailableEvaluationQueueList, Q as CARD_SHORT_DESCRIPTION_CSS, Ne as CTASectionWrapper, de as CardContainer, _e as CardContainerLogic, ve as CardGridWithLinks, xe as CertificationQuiz, Te as ChallengeDataDownload, Se as ChallengeDetailPage, De as ChallengeSubmission, Oe as ChangePassword, ke as ChangePasswordWithToken, t as ClientError, Me as ColoredBulletListItem, h as ConfirmationDialog, Ae as CookiePreferencesDialog, je as CookiesNotification, en as CreatePortalModal, H as DATASET_HOSTING_CONFIG, G as DatasetDownloadButton, G as DatasetDownloadButtonDefault, K as DatasetHostingAdornment, K as DatasetHostingAdornmentDefault, Ut as DatasetJsonLdScript, qe as DiscussionThread, $ as DownloadCartPage, Pe as DownloadIneligibleForPackagingFilesFromListButton, Ie as DynamicForm, Le as DynamicFormModal, n as EmptyFallbackComponent, we as EntityBadgeIcons, q as EntityDownloadConfirmation, Re as EntityFinder, ze as EntityForm, zt as EntityHeaderTable, r as ErrorBanner, i as ErrorFallbackComponent, g as ErrorPage, Be as EvaluationCard, Ve as EvaluationEditorPage, He as ExperimentalMode, Ue as ExternalFileHandleLink, We as FeaturedDataTabs, Jt as FeaturedResearch, Ge as FeaturedToolsList, pe as FileUpload, Je as ForumPage, ee as FullWidthAlert, ie as GenericCard, Xe as Goals, Qe as GoalsV2, $e as GoalsV3, et as GoogleAnalytics, he as HasAccess, m as HelpPopover, Ce as HoverPopover, z as Icon, y as IconSvg, Kt as ImageCardGridWithLinks, Tt as InputSizedButton, Ht as JsonLdScript, C as LastLoginInfo, k as LeftRightPanel, l as LightTooltip, ne as LongDescription, tt as Map, nt as MarkdownCollapse, Ke as MarkdownEditor, rt as MarkdownGithubLatestTag, me as ModalDownload, Vt as MuiContainer, v as NoContentAvailable, it as OAuthClientManagement, D as OneTimePasswordForm, at as OrientationBanner, E as PasswordField, Zt as PortalAclEditor, Qt as PortalAclEditorModal, $t as PortalCard, qt as PortalFeatureHighlights, Xt as PortalFeaturedPartners, Yt as PortalHomePageHeader, tn as PortalList, Ze as PortalSectionHeader, dt as ProgrammaticTableDownload, ut as Programs, pt as ProjectDataAvailability, R as ProjectIcon, ft as ProvenanceGraph, J as QueryContext, Y as QueryContextConsumer, X as QueryContextProvider, Ye as QueryCount, ce as QueryWrapper, ht as QueryWrapperPlotNav, mt as QueryWrapperSynapsePlot, Gt as RecentPublicationsGrid, yt as RegisterPageLogoutPrompt, bt as RenderIfInView, xt as Resources, ye as RowDataTable, be as RowDataTableWithQuery, Ct as RssFeedCards, Wt as SageResourcesPopover, gt as SearchQueryWrapper, _t as SearchQueryWrapperPlotNav, re as ShortDescription, Fe as ShowDownloadV2, B as ShowMore, a as SignInPrompt, u as SkeletonButton, d as SkeletonInlineBlock, p as SkeletonParagraph, f as SkeletonTable, O as StandaloneLoginForm, wt as StandaloneQueryWrapper, V as StyledFormControl, A as StyledInnerContainer, j as StyledOuterContainer, Et as SubscriptionPage, Dt as SubsectionRowRenderer, oe as SynapseCardLabel, At as SynapseChat, o as SynapseErrorBoundary, _ as SynapseErrorType, kt as SynapseFormSubmissionGrid, Ot as SynapseFormWrapper, ct as SynapsePlot, jt as SynapsePortalChatDialog, lt as SynapseSankeyPlot, ge as SynapseTable, te as SynapseToastContainer, Mt as SystemUseNotification, Nt as TableFeedCards, s as TableRowFallbackComponent, Pt as TermsAndConditions, b as TextField, ot as ThemesPlot, Ft as TimelinePlot, N as TwoFactorAuthSettingsPanel, P as TwoFactorBackupCodes, M as TwoFactorEnrollmentForm, st as UpsetPlot, ae as UserCard, ue as UserCardList, Lt as UserCardListGroups, It as UserCardListRotate, fe as UserOrTeamBadge, Rt as UserProfileLinks, le as WideButton, c as YOU_ARE_NOT_AUTHORIZED_MESSAGE, e as displayToast, U as fillRepository, se as generateEncodedPathAndQueryForSelectedFacetURL, F as getFileHandleAssociation, I as getLinkParams, L as getValueOrMultiValue, vt as isSearchQueryWrapperPlotNavProps, W as normalizeHosting, w as useLastLoginInfo, T as useLastLoginInfoState, Z as useQueryContext, nn as visuallyHidden };

package/dist/components/menu/DropdownMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAUX,OAAO,EAIR,MAAM,eAAe,CAAA;AACtB,OAAO,EAEL,UAAU,EAKX,MAAM,OAAO,CAAA;AACd,OAAgB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAiCtD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAE7B,IAAI,EAAE,MAAM,CAAA;IAEZ,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAEjC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAE9B,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAA;IAE3B,kBAAkB,EAAE,MAAM,CAAA;IAE1B,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAEhC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAEnC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,~~kDAqNpD~~"}
1	+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAUX,OAAO,EAIR,MAAM,eAAe,CAAA;AACtB,OAAO,EAEL,UAAU,EAKX,MAAM,OAAO,CAAA;AACd,OAAgB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAiCtD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAE7B,IAAI,EAAE,MAAM,CAAA;IAEZ,IAAI,CAAC,EAAE,QAAQ,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IAEjC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAE9B,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAA;IAE3B,kBAAkB,EAAE,MAAM,CAAA;IAE1B,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAEhC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAEnC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAkNpD"}

package/dist/components/menu/DropdownMenu.js CHANGED Viewed

@@ -50,7 +50,7 @@ function x(x) {
 	let L = () => {
 		P((e) => !e);
 	}, R = (e) => {
-		F.current && F.current.contains(e.target) || P(!1);
+		F.current?.contains(e.target) || P(!1);
 	};
 	function z(e) {
 		e.key === "Tab" ? (e.preventDefault(), P(!1)) : e.key === "Escape" && P(!1);

package/dist/components/menu/DropdownMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/menu/DropdownMenu.tsx"],"sourcesContent":["import {\n Button,\n ButtonProps,\n ClickAwayListener,\n Divider,\n Fade,\n ListItemIcon,\n ListItemText,\n MenuItem,\n MenuList,\n Paper,\n Popper,\n SxProps,\n Tooltip,\n Typography,\n Box,\n} from '@mui/material'\nimport {\n KeyboardEvent,\n MouseEvent,\n SyntheticEvent,\n useId,\n useRef,\n useState,\n} from 'react'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nconst fileAccessRequestNotice = (\n <Box\n sx={{\n backgroundColor: '#EAF0F5',\n color: '#3B4046',\n padding: '6px 8px',\n borderRadius: '3px',\n marginTop: '8px',\n }}\n >\n <Typography\n sx={{\n fontSize: '14px',\n fontWeight: '440',\n lineHeight: '20px',\n letterSpacing: '-0.07px',\n }}\n >\n <span\n style={{\n fontWeight: '700',\n }}\n >\n Note:{' '}\n </span>\n You can add this file to your download list, but you must make an access\n request before downloading.\n </Typography>\n </Box>\n)\n\n/*\n Defines a configuration for a particular dropdown menu item\n /\nexport type DropdownMenuItem = {\n / The text to show on the menu item. /\n text: string\n / The icon to show for this item in the menu. /\n icon?: IconName\n / A function invoked upon clicking the item, assuming `disabled` is falsy /\n onClick?: (e: MouseEvent) => void\n / A link that the item should point to. /\n href?: string\n / The optional tooltipText to show for this item. Compatible with the `disabled` prop. /\n tooltipText?: string\n / Whether the item should be disabled from selection. /\n disabled?: boolean\n / Additional MUI SxProps to pass to the text component /\n textSx?: SxProps\n / Additional MUI SxProps to pass to the icon component /\n iconSx?: SxProps\n}\n\nexport type DropdownMenuProps = {\n / Groups of menu items. Each group will be split with a divider. See DropdownMenuItem for per-item configuration /\n items: DropdownMenuItem[][]\n / The text to show on the dropdown menu button. /\n dropdownButtonText: string\n / The optional tooltip text for the dropdown menu button. /\n buttonTooltip?: string\n / Any additional props to pass to the dropdown menu button. /\n buttonProps?: ButtonProps\n / Optional MUI button variant for the dropdown button (and the single-item button). Default 'outlined'. /\n variant?: ButtonProps['variant']\n / If true, will render a single action as a standalone button. Default true. /\n convertSingleItemToButton?: boolean\n / If true, nothing will be rendered if no actions are passed. Default false. /\n renderMenuIfNoItems?: boolean\n paperSx?: SxProps\n elevation?: number\n / If true, shows the file access request notice at the bottom of the menu. Default false. /\n showFileAccessRequestNotice?: boolean\n}\n\n/\n The DropdownMenu component provides a generic way to compose a MUI dropdown menu.\n /\nexport function DropdownMenu(props: DropdownMenuProps) {\n const {\n buttonTooltip,\n dropdownButtonText,\n items = [] as DropdownMenuItem[][],\n convertSingleItemToButton = true,\n renderMenuIfNoItems = false,\n buttonProps = {},\n variant = 'outlined',\n paperSx,\n elevation,\n showFileAccessRequestNotice = false,\n } = props\n\n const dropdownMenuId = useId()\n const [open, setOpen] = useState(false)\n const anchorRef = useRef<HTMLButtonElement>(null)\n\n const numberOfMenuItems = items.flat().length\n\n if (!renderMenuIfNoItems && numberOfMenuItems === 0) {\n // Hide menu if no actions will be in the menu\n return null\n }\n\n if (convertSingleItemToButton && numberOfMenuItems === 1) {\n // If one action is in the menu, show it as a button\n const menuItem = items.flat()[0]\n return (\n <Button\n component={menuItem.href ? 'a' : 'button'}\n title={menuItem.tooltipText}\n variant={variant}\n href={menuItem.href}\n rel={menuItem.href ? 'noopener noreferrer' : undefined}\n onClick={menuItem.onClick}\n disabled={menuItem.disabled}\n endIcon={menuItem.icon && <IconSvg icon={menuItem.icon} wrap={false} />}\n >\n <Typography variant={'buttonLink'}>{menuItem.text}</Typography>\n </Button>\n )\n }\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen)\n }\n\n const handleClose = (event: Event \| SyntheticEvent) => {\n if (\n anchorRef.current &&\n anchorRef.current.contains(event.target as HTMLElement)\n ) {\n return\n }\n\n setOpen(false)\n }\n\n function handleListKeyDown(event: KeyboardEvent) {\n if (event.key === 'Tab') {\n event.preventDefault()\n setOpen(false)\n } else if (event.key === 'Escape') {\n setOpen(false)\n }\n }\n\n return (\n <>\n <Tooltip\n title={\n buttonTooltip ? (\n <div style={{ whiteSpace: 'pre-line' }}>{buttonTooltip}</div>\n ) : undefined\n }\n placement={'top'}\n >\n <span>\n <Button\n variant={variant}\n ref={anchorRef}\n id={`composition-button-${dropdownMenuId}`}\n aria-controls={\n open ? `composition-menu-${dropdownMenuId}` : undefined\n }\n aria-expanded={open ? 'true' : undefined}\n aria-haspopup=\"true\"\n onClick={handleToggle}\n {...buttonProps}\n >\n <Typography variant={'buttonLink'}>{dropdownButtonText}</Typography>\n </Button>\n </span>\n </Tooltip>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n placement=\"bottom-end\"\n transition\n style={{\n // Fixes issue where react-flow (provenance) would appear above the menu\n zIndex: 10,\n }}\n >\n {({ TransitionProps }) => (\n <Fade {...TransitionProps}>\n <Paper elevation={elevation} sx={{ ...paperSx }}>\n <ClickAwayListener onClickAway={handleClose}>\n <Box>\n <MenuList\n autoFocusItem={open}\n id={`composition-menu-${dropdownMenuId}`}\n aria-labelledby={`composition-button-${dropdownMenuId}`}\n onKeyDown={handleListKeyDown}\n >\n {items.map((itemGroup, index, array) => {\n return [\n itemGroup.map(item => {\n return (\n <Tooltip\n key={item.text}\n title={item.tooltipText}\n placement={'left'}\n >\n <MenuItem\n // Always make the component an anchor in case href is defined.\n component=\"a\"\n sx={{\n // Override the anchor-specific state styles, we don't want it to look like an anchor\n '&:hover': {\n color: 'unset',\n },\n '&:focus': {\n color: 'unset',\n textDecoration: 'unset',\n },\n }}\n disabled={item.disabled}\n href={item.href}\n rel={\n item.href ? 'noopener noreferrer' : undefined\n }\n // Allow pointer events on disabled item so tooltip works.\n style={{ pointerEvents: 'auto' }}\n onClick={(e: MouseEvent) => {\n /\n * Must check if the item is disabled because we set\n * `pointer-events: 'auto'`\n */\n if (\n !item.disabled &&\n 'onClick' in item &&\n item.onClick\n ) {\n setOpen(false)\n item.onClick(e)\n }\n }}\n >\n {item.icon && (\n <ListItemIcon\n style={{\n // MUI has specified a more specific minWidth for ListItemIcon inside a MenuList than\n // we can create with sx, so apply an inline style for this property only.\n minWidth: '30px',\n }}\n >\n <IconSvg\n icon={item.icon}\n sx={{\n width: '17px',\n height: '17px',\n ...item.iconSx,\n }}\n wrap={false}\n />\n </ListItemIcon>\n )}\n <ListItemText\n sx={{ marginTop: 0 }}\n slotProps={{\n primary: {\n variant: 'smallText1',\n sx: item.textSx,\n },\n }}\n >\n {item.text}\n </ListItemText>\n </MenuItem>\n </Tooltip>\n )\n }),\n index < array.length - 1 && <Divider />,\n ]\n })}\n </MenuList>\n {showFileAccessRequestNotice && (\n <>\n {numberOfMenuItems > 0 && <Divider />}\n {fileAccessRequestNotice}\n </>\n )}\n </Box>\n </ClickAwayListener>\n </Paper>\n </Fade>\n )}\n </Popper>\n </>\n )\n}\n"],"mappings":";;;;;AA2BA,IAAM,IACJ,kBAAC,GAAD;CACE,IAAI;EACF,iBAAiB;EACjB,OAAO;EACP,SAAS;EACT,cAAc;EACd,WAAW;CACb;WAEA,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,YAAY;GACZ,YAAY;GACZ,eAAe;EACjB;YANF,CAQE,kBAAC,QAAD;GACE,OAAO,EACL,YAAY,MACd;aAHF,CAIC,SACO,GACF;MAAC,sGAGG;;AACT,CAAA;AAiDP,SAAgB,EAAa,GAA0B;CACrD,IAAM,EACJ,kBACA,uBACA,WAAQ,CAAC,GACT,+BAA4B,IAC5B,yBAAsB,IACtB,iBAAc,CAAC,GACf,aAAU,YACV,YACA,cACA,iCAA8B,OAC5B,GAEE,IAAiB,EAAM,GACvB,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAY,EAA0B,IAAI,GAE1C,IAAoB,EAAM,KAAK,EAAE;CAEvC,IAAI,CAAC,KAAuB,MAAsB,GAEhD,OAAO;CAGT,IAAI,KAA6B,MAAsB,GAAG;EAExD,IAAM,IAAW,EAAM,KAAK,EAAE;EAC9B,OACE,kBAAC,GAAD;GACE,WAAW,EAAS,OAAO,MAAM;GACjC,OAAO,EAAS;GACP;GACT,MAAM,EAAS;GACf,KAAK,EAAS,OAAO,wBAAwB,KAAA;GAC7C,SAAS,EAAS;GAClB,UAAU,EAAS;GACnB,SAAS,EAAS,QAAQ,kBAAC,GAAD;IAAS,MAAM,EAAS;IAAM,MAAM;GAAQ,CAAA;aAEtE,kBAAC,GAAD;IAAY,SAAS;cAAe,EAAS;GAAiB,CAAA;EACxD,CAAA;CAEZ;CAEA,IAAM,UAAqB;EACzB,GAAQ,MAAY,CAAC,CAAQ;CAC/B,GAEM,KAAe,MAAkC;EAEnD,EAAU,WACV,EAAU,QAAQ,SAAS,EAAM,MAAqB,KAKxD,EAAQ,EAAK;CACf;CAEA,SAAS,EAAkB,GAAsB;EAC/C,AAAI,EAAM,QAAQ,SAChB,EAAM,eAAe,GACrB,EAAQ,EAAK,KACJ,EAAM,QAAQ,YACvB,EAAQ,EAAK;CAEjB;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OACE,IACE,kBAAC,OAAD;GAAK,OAAO,EAAE,YAAY,WAAW;aAAI;EAAmB,CAAA,IAC1D,KAAA;EAEN,WAAW;YAEX,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GACW;GACT,KAAK;GACL,IAAI,sBAAsB;GAC1B,iBACE,IAAO,oBAAoB,MAAmB,KAAA;GAEhD,iBAAe,IAAO,SAAS,KAAA;GAC/B,iBAAc;GACd,SAAS;GACT,GAAI;aAEJ,kBAAC,GAAD;IAAY,SAAS;cAAe;GAA+B,CAAA;EAC7D,CAAA,EACJ,CAAA;CACC,CAAA,GACT,kBAAC,GAAD;EACQ;EACN,UAAU,EAAU;EACpB,MAAM,KAAA;EACN,WAAU;EACV,YAAA;EACA,OAAO,EAEL,QAAQ,GACV;aAEE,EAAE,yBACF,kBAAC,GAAD;GAAM,GAAI;aACR,kBAAC,GAAD;IAAkB;IAAW,IAAI,EAAE,GAAG,EAAQ;cAC5C,kBAAC,GAAD;KAAmB,aAAa;eAC9B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,eAAe;MACf,IAAI,oBAAoB;MACxB,mBAAiB,sBAAsB;MACvC,WAAW;gBAEV,EAAM,KAAK,GAAW,GAAO,MACrB,CACL,EAAU,KAAI,MAEV,kBAAC,GAAD;OAEE,OAAO,EAAK;OACZ,WAAW;iBAEX,kBAAC,GAAD;QAEE,WAAU;QACV,IAAI;SAEF,WAAW,EACT,OAAO,QACT;SACA,WAAW;UACT,OAAO;UACP,gBAAgB;SAClB;QACF;QACA,UAAU,EAAK;QACf,MAAM,EAAK;QACX,KACE,EAAK,OAAO,wBAAwB,KAAA;QAGtC,OAAO,EAAE,eAAe,OAAO;QAC/B,UAAU,MAAkB;SAK1B,AACE,CAAC,EAAK,YACN,aAAa,KACb,EAAK,YAEL,EAAQ,EAAK,GACb,EAAK,QAAQ,CAAC;QAElB;kBAjCF,CAmCG,EAAK,QACJ,kBAAC,GAAD;SACE,OAAO,EAGL,UAAU,OACZ;mBAEA,kBAAC,GAAD;UACE,MAAM,EAAK;UACX,IAAI;WACF,OAAO;WACP,QAAQ;WACR,GAAG,EAAK;UACV;UACA,MAAM;SACP,CAAA;QACW,CAAA,GAEhB,kBAAC,GAAD;SACE,IAAI,EAAE,WAAW,EAAE;SACnB,WAAW,EACT,SAAS;UACP,SAAS;UACT,IAAI,EAAK;SACX,EACF;mBAEC,EAAK;QACM,CAAA,CACN;;MACH,GAtEF,EAAK,IAsEH,CAEZ,GACD,IAAQ,EAAM,SAAS,KAAK,kBAAC,GAAD,CAAU,CAAA,CACxC,CACD;KACO,CAAA,GACT,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,IAAoB,KAAK,kBAAC,GAAD,CAAU,CAAA,GACnC,CACD,EAAA,CAAA,CAED,EAAA,CAAA;IACY,CAAA;GACd,CAAA;EACH,CAAA;CAEF,CAAA,CACR,EAAA,CAAA;AAEN"}
1	+ {"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/menu/DropdownMenu.tsx"],"sourcesContent":["import {\n Button,\n ButtonProps,\n ClickAwayListener,\n Divider,\n Fade,\n ListItemIcon,\n ListItemText,\n MenuItem,\n MenuList,\n Paper,\n Popper,\n SxProps,\n Tooltip,\n Typography,\n Box,\n} from '@mui/material'\nimport {\n KeyboardEvent,\n MouseEvent,\n SyntheticEvent,\n useId,\n useRef,\n useState,\n} from 'react'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nconst fileAccessRequestNotice = (\n <Box\n sx={{\n backgroundColor: '#EAF0F5',\n color: '#3B4046',\n padding: '6px 8px',\n borderRadius: '3px',\n marginTop: '8px',\n }}\n >\n <Typography\n sx={{\n fontSize: '14px',\n fontWeight: '440',\n lineHeight: '20px',\n letterSpacing: '-0.07px',\n }}\n >\n <span\n style={{\n fontWeight: '700',\n }}\n >\n Note:{' '}\n </span>\n You can add this file to your download list, but you must make an access\n request before downloading.\n </Typography>\n </Box>\n)\n\n/*\n Defines a configuration for a particular dropdown menu item\n /\nexport type DropdownMenuItem = {\n / The text to show on the menu item. /\n text: string\n / The icon to show for this item in the menu. /\n icon?: IconName\n / A function invoked upon clicking the item, assuming `disabled` is falsy /\n onClick?: (e: MouseEvent) => void\n / A link that the item should point to. /\n href?: string\n / The optional tooltipText to show for this item. Compatible with the `disabled` prop. /\n tooltipText?: string\n / Whether the item should be disabled from selection. /\n disabled?: boolean\n / Additional MUI SxProps to pass to the text component /\n textSx?: SxProps\n / Additional MUI SxProps to pass to the icon component /\n iconSx?: SxProps\n}\n\nexport type DropdownMenuProps = {\n / Groups of menu items. Each group will be split with a divider. See DropdownMenuItem for per-item configuration /\n items: DropdownMenuItem[][]\n / The text to show on the dropdown menu button. /\n dropdownButtonText: string\n / The optional tooltip text for the dropdown menu button. /\n buttonTooltip?: string\n / Any additional props to pass to the dropdown menu button. /\n buttonProps?: ButtonProps\n / Optional MUI button variant for the dropdown button (and the single-item button). Default 'outlined'. /\n variant?: ButtonProps['variant']\n / If true, will render a single action as a standalone button. Default true. /\n convertSingleItemToButton?: boolean\n / If true, nothing will be rendered if no actions are passed. Default false. /\n renderMenuIfNoItems?: boolean\n paperSx?: SxProps\n elevation?: number\n / If true, shows the file access request notice at the bottom of the menu. Default false. /\n showFileAccessRequestNotice?: boolean\n}\n\n/\n The DropdownMenu component provides a generic way to compose a MUI dropdown menu.\n /\nexport function DropdownMenu(props: DropdownMenuProps) {\n const {\n buttonTooltip,\n dropdownButtonText,\n items = [] as DropdownMenuItem[][],\n convertSingleItemToButton = true,\n renderMenuIfNoItems = false,\n buttonProps = {},\n variant = 'outlined',\n paperSx,\n elevation,\n showFileAccessRequestNotice = false,\n } = props\n\n const dropdownMenuId = useId()\n const [open, setOpen] = useState(false)\n const anchorRef = useRef<HTMLButtonElement>(null)\n\n const numberOfMenuItems = items.flat().length\n\n if (!renderMenuIfNoItems && numberOfMenuItems === 0) {\n // Hide menu if no actions will be in the menu\n return null\n }\n\n if (convertSingleItemToButton && numberOfMenuItems === 1) {\n // If one action is in the menu, show it as a button\n const menuItem = items.flat()[0]\n return (\n <Button\n component={menuItem.href ? 'a' : 'button'}\n title={menuItem.tooltipText}\n variant={variant}\n href={menuItem.href}\n rel={menuItem.href ? 'noopener noreferrer' : undefined}\n onClick={menuItem.onClick}\n disabled={menuItem.disabled}\n endIcon={menuItem.icon && <IconSvg icon={menuItem.icon} wrap={false} />}\n >\n <Typography variant={'buttonLink'}>{menuItem.text}</Typography>\n </Button>\n )\n }\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen)\n }\n\n const handleClose = (event: Event \| SyntheticEvent) => {\n if (anchorRef.current?.contains(event.target as HTMLElement)) {\n return\n }\n\n setOpen(false)\n }\n\n function handleListKeyDown(event: KeyboardEvent) {\n if (event.key === 'Tab') {\n event.preventDefault()\n setOpen(false)\n } else if (event.key === 'Escape') {\n setOpen(false)\n }\n }\n\n return (\n <>\n <Tooltip\n title={\n buttonTooltip ? (\n <div style={{ whiteSpace: 'pre-line' }}>{buttonTooltip}</div>\n ) : undefined\n }\n placement={'top'}\n >\n <span>\n <Button\n variant={variant}\n ref={anchorRef}\n id={`composition-button-${dropdownMenuId}`}\n aria-controls={\n open ? `composition-menu-${dropdownMenuId}` : undefined\n }\n aria-expanded={open ? 'true' : undefined}\n aria-haspopup=\"true\"\n onClick={handleToggle}\n {...buttonProps}\n >\n <Typography variant={'buttonLink'}>{dropdownButtonText}</Typography>\n </Button>\n </span>\n </Tooltip>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n placement=\"bottom-end\"\n transition\n style={{\n // Fixes issue where react-flow (provenance) would appear above the menu\n zIndex: 10,\n }}\n >\n {({ TransitionProps }) => (\n <Fade {...TransitionProps}>\n <Paper elevation={elevation} sx={{ ...paperSx }}>\n <ClickAwayListener onClickAway={handleClose}>\n <Box>\n <MenuList\n autoFocusItem={open}\n id={`composition-menu-${dropdownMenuId}`}\n aria-labelledby={`composition-button-${dropdownMenuId}`}\n onKeyDown={handleListKeyDown}\n >\n {items.map((itemGroup, index, array) => {\n return [\n itemGroup.map(item => {\n return (\n <Tooltip\n key={item.text}\n title={item.tooltipText}\n placement={'left'}\n >\n <MenuItem\n // Always make the component an anchor in case href is defined.\n component=\"a\"\n sx={{\n // Override the anchor-specific state styles, we don't want it to look like an anchor\n '&:hover': {\n color: 'unset',\n },\n '&:focus': {\n color: 'unset',\n textDecoration: 'unset',\n },\n }}\n disabled={item.disabled}\n href={item.href}\n rel={\n item.href ? 'noopener noreferrer' : undefined\n }\n // Allow pointer events on disabled item so tooltip works.\n style={{ pointerEvents: 'auto' }}\n onClick={(e: MouseEvent) => {\n /\n * Must check if the item is disabled because we set\n * `pointer-events: 'auto'`\n */\n if (\n !item.disabled &&\n 'onClick' in item &&\n item.onClick\n ) {\n setOpen(false)\n item.onClick(e)\n }\n }}\n >\n {item.icon && (\n <ListItemIcon\n style={{\n // MUI has specified a more specific minWidth for ListItemIcon inside a MenuList than\n // we can create with sx, so apply an inline style for this property only.\n minWidth: '30px',\n }}\n >\n <IconSvg\n icon={item.icon}\n sx={{\n width: '17px',\n height: '17px',\n ...item.iconSx,\n }}\n wrap={false}\n />\n </ListItemIcon>\n )}\n <ListItemText\n sx={{ marginTop: 0 }}\n slotProps={{\n primary: {\n variant: 'smallText1',\n sx: item.textSx,\n },\n }}\n >\n {item.text}\n </ListItemText>\n </MenuItem>\n </Tooltip>\n )\n }),\n index < array.length - 1 && <Divider />,\n ]\n })}\n </MenuList>\n {showFileAccessRequestNotice && (\n <>\n {numberOfMenuItems > 0 && <Divider />}\n {fileAccessRequestNotice}\n </>\n )}\n </Box>\n </ClickAwayListener>\n </Paper>\n </Fade>\n )}\n </Popper>\n </>\n )\n}\n"],"mappings":"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"}

package/dist/components/row_renderers/Dataset.js CHANGED Viewed

@@ -47,7 +47,7 @@ var d = class extends s {
 				value: S
 			}
 		];
-		if (m && m.secondaryLabels) {
+		if (m?.secondaryLabels) {
 			let { secondaryLabels: e } = m;
 			for (let t = 0; t < e.length; t++) {
 				let n = e[t], r = s[d[n]], i;

package/dist/components/row_renderers/Dataset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dataset.js","names":[],"sources":["../../../src/components/row_renderers/Dataset.tsx"],"sourcesContent":["import { getValueOrMultiValue } from '@/components/GenericCard/CardUtils'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport ChipContainer from '@/components/row_renderers/utils/ChipContainer'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { DATASET } from '@/utils/SynapseConstants'\nimport { Button } from '@mui/material'\nimport { ColumnModel, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { Component, MouseEvent } from 'react'\nimport { TableToGenericCardMapping } from '../GenericCard/TableRowGenericCard'\nimport { QueryVisualizationContextType } from '../QueryVisualizationWrapper'\nimport { CardFooter, Icon } from './utils'\n\nexport type DatasetProps = {\n data?: any\n schema?: any\n secondaryLabelLimit?: number\n selectColumns?: SelectColumn[]\n columnModels?: ColumnModel[]\n genericCardSchema?: TableToGenericCardMapping\n queryVisualizationContext: QueryVisualizationContextType\n}\n\nclass Dataset extends Component<DatasetProps, never> {\n constructor(props: DatasetProps) {\n super(props)\n this.handleLinkClick = this.handleLinkClick.bind(this)\n }\n\n public handleLinkClick =\n (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n window.open(\n `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${link}`,\n '_blank',\n )\n }\n\n public render() {\n const {\n data,\n schema,\n selectColumns,\n columnModels,\n genericCardSchema,\n queryVisualizationContext: { getColumnDisplayName },\n } = this.props\n const datasetName = data[schema.datasetName]\n const summary = data[schema.summary]\n const tumorType = getValueOrMultiValue({\n columnName: 'tumorType',\n value: data[schema.tumorType],\n selectColumns,\n columnModels,\n }).str\n const diseaseFocus = getValueOrMultiValue({\n columnName: 'diseaseFocus',\n value: data[schema.diseaseFocus],\n selectColumns,\n columnModels,\n }).str\n const id = data[schema.id]\n const fundingAgency = data[schema.fundingAgency]\n const fileCount = data[schema.fileCount]\n const fileSize = calculateFriendlyFileSize(data[schema.fileSize])\n const values: CardLabel[] = [\n {\n columnDisplayName: 'FUNDER',\n value: getValueOrMultiValue({\n columnName: 'fundingAgency',\n value: fundingAgency,\n selectColumns,\n columnModels,\n }).str,\n },\n { columnDisplayName: 'SIZE', value: fileSize },\n { columnDisplayName: 'FILES', value: fileCount },\n ]\n if (genericCardSchema ~~&& genericCardSchema.~~secondaryLabels) {\n const { secondaryLabels } = genericCardSchema\n for (let i = 0; i < secondaryLabels.length; i++) {\n const columnName = secondaryLabels[i]\n const value: string \| undefined = data[schema[columnName]]\n let columnDisplayName\n if (value) {\n columnDisplayName = getColumnDisplayName(columnName)\n values.push({ columnDisplayName, value, columnName })\n }\n }\n }\n\n return (\n <div className=\"SRC-portalCard SRC-typeDataset \">\n <div className=\"SRC-cardThumbnail\">\n <Icon type={DATASET} />\n <div>{fileSize}</div>\n </div>\n <div className=\"SRC-cardContent SRC-dataset\">\n <div className=\"SRC-type\">Dataset </div>\n <div>\n <h3>\n <a\n target=\"_self\"\n href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${id}`}\n >\n {datasetName}\n </a>\n </h3>\n </div>\n <div className=\"SRC-description-dataset\">\n <p className=\"SRC-description-text\">{summary}</p>\n <div className=\"SRC-cardAction\">\n <Button\n className=\"SRC-datasetButton\"\n onClick={this.handleLinkClick(id)}\n color=\"secondary\"\n variant=\"contained\"\n >\n Download Dataset\n </Button>\n </div>\n </div>\n <div className=\"SRC-cardAnnotations\">\n <ChipContainer chips={[tumorType, diseaseFocus]} />\n </div>\n </div>\n <CardFooter\n isHeader={false}\n secondaryLabelLimit={this.props.secondaryLabelLimit}\n values={values}\n />\n </div>\n )\n }\n}\nexport default Dataset\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAM,IAAN,cAAsB,EAA+B;CACnD,YAAY,GAAqB;EAE/B,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CAEA,mBACG,OAAkB,MAAyC;EAE1D,AADA,EAAM,eAAe,GACrB,OAAO,KACL,GAAG,EAA2B,OAAO,UAAU,KAC/C,QACF;CACF;CAEF,SAAgB;EACd,IAAM,EACJ,SACA,WACA,kBACA,iBACA,sBACA,2BAA2B,EAAE,8BAC3B,KAAK,OACH,IAAc,EAAK,EAAO,cAC1B,IAAU,EAAK,EAAO,UACtB,IAAY,EAAqB;GACrC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAe,EAAqB;GACxC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAK,EAAK,EAAO,KACjB,IAAgB,EAAK,EAAO,gBAC5B,IAAY,EAAK,EAAO,YACxB,IAAW,EAA0B,EAAK,EAAO,SAAS,GAC1D,IAAsB;GAC1B;IACE,mBAAmB;IACnB,OAAO,EAAqB;KAC1B,YAAY;KACZ,OAAO;KACP;KACA;IACF,CAAC,EAAE;GACL;GACA;IAAE,mBAAmB;IAAQ,OAAO;GAAS;GAC7C;IAAE,mBAAmB;IAAS,OAAO;GAAU;EACjD;EACA,IAAI,~~KAAqB~~,~~EAAkB,~~iBAAiB;~~GAC1D~~,IAAM,EAAE,uBAAoB;GAC5B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;IAC/C,IAAM,IAAa,EAAgB,IAC7B,IAA4B,EAAK,EAAO,KAC1C;IACJ,AAAI,MACF,IAAoB,EAAqB,CAAU,GACnD,EAAO,KAAK;KAAE;KAAmB;KAAO;IAAW,CAAC;GAExD;EACF;EAEA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAM,MAAM,EAAU,CAAA,GACtB,kBAAC,OAAD,EAAA,UAAM,EAAc,CAAA,CACjB;;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAW;MAAa,CAAA;MACvC,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;OACE,QAAO;OACP,MAAM,GAAG,EAA2B,OAAO,UAAU;iBAEpD;MACA,CAAA,EACD,CAAA,EACD,CAAA;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAwB;OAAW,CAAA,GAChD,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,WAAU;SACV,SAAS,KAAK,gBAAgB,CAAE;SAChC,OAAM;SACN,SAAQ;mBACT;QAEO,CAAA;OACL,CAAA,CACF;;MACL,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAe,OAAO,CAAC,GAAW,CAAY,EAAI,CAAA;MAC/C,CAAA;KACF;;IACL,kBAAC,GAAD;KACE,UAAU;KACV,qBAAqB,KAAK,MAAM;KACxB;IACT,CAAA;GACE;;CAET;AACF"}
1	+ {"version":3,"file":"Dataset.js","names":[],"sources":["../../../src/components/row_renderers/Dataset.tsx"],"sourcesContent":["import { getValueOrMultiValue } from '@/components/GenericCard/CardUtils'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport ChipContainer from '@/components/row_renderers/utils/ChipContainer'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { DATASET } from '@/utils/SynapseConstants'\nimport { Button } from '@mui/material'\nimport { ColumnModel, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { Component, MouseEvent } from 'react'\nimport { TableToGenericCardMapping } from '../GenericCard/TableRowGenericCard'\nimport { QueryVisualizationContextType } from '../QueryVisualizationWrapper'\nimport { CardFooter, Icon } from './utils'\n\nexport type DatasetProps = {\n data?: any\n schema?: any\n secondaryLabelLimit?: number\n selectColumns?: SelectColumn[]\n columnModels?: ColumnModel[]\n genericCardSchema?: TableToGenericCardMapping\n queryVisualizationContext: QueryVisualizationContextType\n}\n\nclass Dataset extends Component<DatasetProps, never> {\n constructor(props: DatasetProps) {\n super(props)\n this.handleLinkClick = this.handleLinkClick.bind(this)\n }\n\n public handleLinkClick =\n (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n window.open(\n `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${link}`,\n '_blank',\n )\n }\n\n public render() {\n const {\n data,\n schema,\n selectColumns,\n columnModels,\n genericCardSchema,\n queryVisualizationContext: { getColumnDisplayName },\n } = this.props\n const datasetName = data[schema.datasetName]\n const summary = data[schema.summary]\n const tumorType = getValueOrMultiValue({\n columnName: 'tumorType',\n value: data[schema.tumorType],\n selectColumns,\n columnModels,\n }).str\n const diseaseFocus = getValueOrMultiValue({\n columnName: 'diseaseFocus',\n value: data[schema.diseaseFocus],\n selectColumns,\n columnModels,\n }).str\n const id = data[schema.id]\n const fundingAgency = data[schema.fundingAgency]\n const fileCount = data[schema.fileCount]\n const fileSize = calculateFriendlyFileSize(data[schema.fileSize])\n const values: CardLabel[] = [\n {\n columnDisplayName: 'FUNDER',\n value: getValueOrMultiValue({\n columnName: 'fundingAgency',\n value: fundingAgency,\n selectColumns,\n columnModels,\n }).str,\n },\n { columnDisplayName: 'SIZE', value: fileSize },\n { columnDisplayName: 'FILES', value: fileCount },\n ]\n if (genericCardSchema?.secondaryLabels) {\n const { secondaryLabels } = genericCardSchema\n for (let i = 0; i < secondaryLabels.length; i++) {\n const columnName = secondaryLabels[i]\n const value: string \| undefined = data[schema[columnName]]\n let columnDisplayName\n if (value) {\n columnDisplayName = getColumnDisplayName(columnName)\n values.push({ columnDisplayName, value, columnName })\n }\n }\n }\n\n return (\n <div className=\"SRC-portalCard SRC-typeDataset \">\n <div className=\"SRC-cardThumbnail\">\n <Icon type={DATASET} />\n <div>{fileSize}</div>\n </div>\n <div className=\"SRC-cardContent SRC-dataset\">\n <div className=\"SRC-type\">Dataset </div>\n <div>\n <h3>\n <a\n target=\"_self\"\n href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${id}`}\n >\n {datasetName}\n </a>\n </h3>\n </div>\n <div className=\"SRC-description-dataset\">\n <p className=\"SRC-description-text\">{summary}</p>\n <div className=\"SRC-cardAction\">\n <Button\n className=\"SRC-datasetButton\"\n onClick={this.handleLinkClick(id)}\n color=\"secondary\"\n variant=\"contained\"\n >\n Download Dataset\n </Button>\n </div>\n </div>\n <div className=\"SRC-cardAnnotations\">\n <ChipContainer chips={[tumorType, diseaseFocus]} />\n </div>\n </div>\n <CardFooter\n isHeader={false}\n secondaryLabelLimit={this.props.secondaryLabelLimit}\n values={values}\n />\n </div>\n )\n }\n}\nexport default Dataset\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAM,IAAN,cAAsB,EAA+B;CACnD,YAAY,GAAqB;EAE/B,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CAEA,mBACG,OAAkB,MAAyC;EAE1D,AADA,EAAM,eAAe,GACrB,OAAO,KACL,GAAG,EAA2B,OAAO,UAAU,KAC/C,QACF;CACF;CAEF,SAAgB;EACd,IAAM,EACJ,SACA,WACA,kBACA,iBACA,sBACA,2BAA2B,EAAE,8BAC3B,KAAK,OACH,IAAc,EAAK,EAAO,cAC1B,IAAU,EAAK,EAAO,UACtB,IAAY,EAAqB;GACrC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAe,EAAqB;GACxC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAK,EAAK,EAAO,KACjB,IAAgB,EAAK,EAAO,gBAC5B,IAAY,EAAK,EAAO,YACxB,IAAW,EAA0B,EAAK,EAAO,SAAS,GAC1D,IAAsB;GAC1B;IACE,mBAAmB;IACnB,OAAO,EAAqB;KAC1B,YAAY;KACZ,OAAO;KACP;KACA;IACF,CAAC,EAAE;GACL;GACA;IAAE,mBAAmB;IAAQ,OAAO;GAAS;GAC7C;IAAE,mBAAmB;IAAS,OAAO;GAAU;EACjD;EACA,IAAI,GAAmB,iBAAiB;GACtC,IAAM,EAAE,uBAAoB;GAC5B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;IAC/C,IAAM,IAAa,EAAgB,IAC7B,IAA4B,EAAK,EAAO,KAC1C;IACJ,AAAI,MACF,IAAoB,EAAqB,CAAU,GACnD,EAAO,KAAK;KAAE;KAAmB;KAAO;IAAW,CAAC;GAExD;EACF;EAEA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAM,MAAM,EAAU,CAAA,GACtB,kBAAC,OAAD,EAAA,UAAM,EAAc,CAAA,CACjB;;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAW;MAAa,CAAA;MACvC,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;OACE,QAAO;OACP,MAAM,GAAG,EAA2B,OAAO,UAAU;iBAEpD;MACA,CAAA,EACD,CAAA,EACD,CAAA;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAwB;OAAW,CAAA,GAChD,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,WAAU;SACV,SAAS,KAAK,gBAAgB,CAAE;SAChC,OAAM;SACN,SAAQ;mBACT;QAEO,CAAA;OACL,CAAA,CACF;;MACL,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAe,OAAO,CAAC,GAAW,CAAY,EAAI,CAAA;MAC/C,CAAA;KACF;;IACL,kBAAC,GAAD;KACE,UAAU;KACV,qBAAqB,KAAK,MAAM;KACxB;IACT,CAAA;GACE;;CAET;AACF"}

package/dist/components/styled/LeftRightPanel.d.ts CHANGED Viewed

@@ -2,6 +2,14 @@ import { BoxProps, PaperProps } from '@mui/material';
 import { StyledComponent } from '@emotion/styled';
 import { ReactNode } from 'react';
 export declare const StyledOuterContainer: StyledComponent<BoxProps>;
+/**
+ * Canonical 900px two-column card that stacks into a single column on
+ * mobile. Layout-only: consumers supply their own panel padding.
+ * `apps/SageAccountWeb` extends this (adding baked-in panel padding) rather
+ * than redefining it -- see that app's `StyledComponents.ts` (SWC-7966).
+ *
+ * Below `md` the card grows with its content and the page scrolls normally.
+ */
 export declare const StyledInnerContainer: StyledComponent<PaperProps>;
 type LeftRightPanelProps = {
     leftContent: ReactNode;

package/dist/components/styled/LeftRightPanel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftRightPanel.d.ts","sourceRoot":"","sources":["../../../src/components/styled/LeftRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAWxD,CAAA;AAEH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,UAAU,~~CAiB1D~~,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CASrB"}
1	+ {"version":3,"file":"LeftRightPanel.d.ts","sourceRoot":"","sources":["../../../src/components/styled/LeftRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAWxD,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,UAAU,CA4B1D,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CASrB"}

package/dist/components/styled/LeftRightPanel.js CHANGED Viewed

@@ -13,9 +13,18 @@ var a = n(e, { label: "StyledOuterContainer" })(({ theme: e }) => ({
 	minHeight: "675px",
 	margin: "0 auto",
 	display: "flex",
+	overflow: "hidden",
+	[e.breakpoints.down("md")]: {
+		flexDirection: "column",
+		width: "100%",
+		minHeight: 0,
+		height: "auto",
+		overflow: "visible"
+	},
 	"& > div:nth-of-type(1), & > div:nth-of-type(2)": {
 		borderRadius: "inherit",
-		width: "450px"
+		width: "450px",
+		[e.breakpoints.down("md")]: { width: "100%" }
 	},
 	"& > div:nth-of-type(1)": { backgroundColor: e.palette.background.paper },
 	"& > div:nth-of-type(2)": { backgroundColor: e.palette.grey[200] }

package/dist/components/styled/LeftRightPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftRightPanel.js","names":[],"sources":["../../../src/components/styled/LeftRightPanel.tsx"],"sourcesContent":["import { Box, BoxProps, Paper, PaperProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\nimport { ReactNode } from 'react'\n\nexport const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {\n label: 'StyledOuterContainer',\n})(({ theme }) => ({\n minHeight: '100vh',\n paddingTop: '50px',\n paddingBottom: '50px',\n background: theme.styledBackground,\n backgroundSize: 'cover',\n [theme.breakpoints.down('md')]: {\n padding: 0,\n },\n}))\n\nexport const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {\n label: 'StyledInnerContainer',\n})(({ theme }) => ({\n width: '900px',\n minHeight: '675px',\n margin: '0 auto',\n display: 'flex',\n '& > div:nth-of-type(1), & > div:nth-of-type(2)': {\n borderRadius: 'inherit',\n width: '450px',\n },\n '& > div:nth-of-type(1)': {\n backgroundColor: theme.palette.background.paper,\n },\n '& > div:nth-of-type(2)': {\n backgroundColor: theme.palette.grey[200],\n },\n}))\n\ntype LeftRightPanelProps = {\n leftContent: ReactNode\n rightContent: ReactNode\n className?: string\n}\n\nexport function LeftRightPanel({\n leftContent,\n rightContent,\n className,\n}: LeftRightPanelProps) {\n return (\n <StyledOuterContainer className={className}>\n <StyledInnerContainer>\n <Box>{leftContent}</Box>\n <Box>{rightContent}</Box>\n </StyledInnerContainer>\n </StyledOuterContainer>\n )\n}\n"],"mappings":";;;AAIA,IAAa,IAAkD,EAAO,GAAK,EACzE,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,WAAW;CACX,YAAY;CACZ,eAAe;CACf,YAAY,EAAM;CAClB,gBAAgB;EACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,SAAS,EACX;AACF,EAAE,~~GAEW~~,IAAoD,EAAO,GAAO,EAC7E,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,OAAO;CACP,WAAW;CACX,QAAQ;CACR,SAAS;CACT,kDAAkD;EAChD,cAAc;EACd,OAAO;~~CACT~~;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,KAAK,KACtC;AACF,EAAE;AAQF,SAAgB,EAAe,EAC7B,gBACA,iBACA,gBACsB;CACtB,OACE,kBAAC,GAAD;EAAiC;YAC/B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAM,EAAiB,CAAA,GACvB,kBAAC,GAAD,EAAA,UAAM,EAAkB,CAAA,CACJ,EAAA,CAAA;CACF,CAAA;AAE1B"}
1	+ {"version":3,"file":"LeftRightPanel.js","names":[],"sources":["../../../src/components/styled/LeftRightPanel.tsx"],"sourcesContent":["import { Box, BoxProps, Paper, PaperProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\nimport { ReactNode } from 'react'\n\nexport const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {\n label: 'StyledOuterContainer',\n})(({ theme }) => ({\n minHeight: '100vh',\n paddingTop: '50px',\n paddingBottom: '50px',\n background: theme.styledBackground,\n backgroundSize: 'cover',\n [theme.breakpoints.down('md')]: {\n padding: 0,\n },\n}))\n\n/*\n Canonical 900px two-column card that stacks into a single column on\n * mobile. Layout-only: consumers supply their own panel padding.\n * `apps/SageAccountWeb` extends this (adding baked-in panel padding) rather\n * than redefining it -- see that app's `StyledComponents.ts` (SWC-7966).\n \n Below `md` the card grows with its content and the page scrolls normally.\n */\nexport const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {\n label: 'StyledInnerContainer',\n})(({ theme }) => ({\n width: '900px',\n minHeight: '675px',\n margin: '0 auto',\n display: 'flex',\n overflow: 'hidden',\n [theme.breakpoints.down('md')]: {\n flexDirection: 'column',\n width: '100%',\n minHeight: 0,\n height: 'auto',\n overflow: 'visible',\n },\n '& > div:nth-of-type(1), & > div:nth-of-type(2)': {\n borderRadius: 'inherit',\n width: '450px',\n [theme.breakpoints.down('md')]: {\n width: '100%',\n },\n },\n '& > div:nth-of-type(1)': {\n backgroundColor: theme.palette.background.paper,\n },\n '& > div:nth-of-type(2)': {\n backgroundColor: theme.palette.grey[200],\n },\n}))\n\ntype LeftRightPanelProps = {\n leftContent: ReactNode\n rightContent: ReactNode\n className?: string\n}\n\nexport function LeftRightPanel({\n leftContent,\n rightContent,\n className,\n}: LeftRightPanelProps) {\n return (\n <StyledOuterContainer className={className}>\n <StyledInnerContainer>\n <Box>{leftContent}</Box>\n <Box>{rightContent}</Box>\n </StyledInnerContainer>\n </StyledOuterContainer>\n )\n}\n"],"mappings":";;;AAIA,IAAa,IAAkD,EAAO,GAAK,EACzE,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,WAAW;CACX,YAAY;CACZ,eAAe;CACf,YAAY,EAAM;CAClB,gBAAgB;EACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,SAAS,EACX;AACF,EAAE,GAUW,IAAoD,EAAO,GAAO,EAC7E,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,OAAO;CACP,WAAW;CACX,QAAQ;CACR,SAAS;CACT,UAAU;EACT,EAAM,YAAY,KAAK,IAAI,IAAI;EAC9B,eAAe;EACf,OAAO;EACP,WAAW;EACX,QAAQ;EACR,UAAU;CACZ;CACA,kDAAkD;EAChD,cAAc;EACd,OAAO;GACN,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,OAAO,OACT;CACF;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,KAAK,KACtC;AACF,EAAE;AAQF,SAAgB,EAAe,EAC7B,gBACA,iBACA,gBACsB;CACtB,OACE,kBAAC,GAAD;EAAiC;YAC/B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAM,EAAiB,CAAA,GACvB,kBAAC,GAAD,EAAA,UAAM,EAAkB,CAAA,CACJ,EAAA,CAAA;CACF,CAAA;AAE1B"}

package/dist/components/widgets/facet-nav/FacetNavPanel.js CHANGED Viewed

@@ -78,7 +78,7 @@ async function F(r, i, a, o, s) {
 	};
 }
 var I = (e, t, n) => {
-	if (e.points && e.points[0]) {
+	if (e.points?.[0]) {
 		let r = e.points[0], i = r.data.facetEnumerationValues[r.pointNumber], a = t.facetValues.find((e) => e.value === i);
 		n(t, a, !a.isSelected);
 	}