synapse-react-client 4.0.6 → 4.0.8

package/dist/components/index.js

@@ -13,8 +13,8 @@ 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 v } from "./RowDataTable/RowDataTable.js";
-import { default as H } from "./RowDataTable/RowDataTableWithQuery.js";
-import { default as B } from "./CertificationQuiz/CertificationQuiz.js";
+import { default as B } from "./RowDataTable/RowDataTableWithQuery.js";
+import { default as O } from "./CertificationQuiz/CertificationQuiz.js";
 import { ChallengeDetailPage as Q } from "./ChallengeDetailPage/ChallengeDetailPage.js";
 import { ChallengeDataDownload as W } from "./ChallengeDataDownload/ChallengeDataDownload.js";
 import { default as _ } from "./ChallengeSubmission/AvailableEvaluationQueueList.js";
@@ -24,271 +24,273 @@ import { default as Y } from "./ChangePassword/ChangePasswordWithToken.js";
 import { ConfirmationDialog as Z } from "./ConfirmationDialog/ConfirmationDialog.js";
 import { default as $ } from "./CookiesNotification/CookiesNotification.js";
 import { default as ro } from "./CookiesNotification/CookiePreferencesDialog.js";
-import { default as to } from "./CTASectionWrapper/CTASectionWrapper.js";
-import { DownloadCartPage as fo } from "./DownloadCart/DownloadCartPage.js";
-import { DownloadIneligibleForPackagingFilesFromListButton as mo } from "./DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.js";
-import { ShowDownloadV2 as no } from "./DownloadCart/ShowDownloadV2.js";
-import { default as xo } from "./DynamicForm/DynamicForm.js";
-import { default as uo } from "./DynamicForm/DynamicFormModal.js";
-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 Do, SignInPrompt as Ro, SynapseErrorBoundary as wo, TableRowFallbackComponent as bo, YOU_ARE_NOT_AUTHORIZED_MESSAGE as ko } from "./error/ErrorBanner.js";
-import { EvaluationCard as vo } from "./Evaluation/EvaluationCard.js";
-import { EvaluationEditorPage as Ho } from "./Evaluation/EvaluationEditorPage.js";
-import { default as Bo } from "./ExperimentalMode/ExperimentalMode.js";
-import { ExternalFileHandleLink as Qo } from "./ExternalFileHandleLink/ExternalFileHandleLink.js";
-import { FileUpload as Wo } from "./FileUpload/FileUpload.js";
-import { default as _o } from "./FeaturedDataTabs/FeaturedDataTabs.js";
-import { FeaturedToolsList as jo } from "./FeaturedToolsList/FeaturedToolsList.js";
-import { DiscussionThread as zo } from "./Forum/DiscussionThread.js";
-import { ForumPage as Yo } from "./Forum/ForumPage.js";
-import { default as Zo } from "./FullWidthAlert/FullWidthAlert.js";
-import { SynapseCardLabel as $o } from "./GenericCard/SynapseCardLabel.js";
-import { GenericCard as rr } from "./GenericCard/GenericCard.js";
-import { CARD_SHORT_DESCRIPTION_CSS as tr, LongDescription as ar, ShortDescription as fr } from "./GenericCard/CollapsibleDescription.js";
-import { getFileHandleAssociation as mr, getLinkParams as lr, getValueOrMultiValue as nr } from "./GenericCard/CardUtils.js";
-import { Goals as xr } from "./Goals/Goals.js";
-import { GoalsV2 as dr } from "./GoalsV2/GoalsV2.js";
-import { default as cr } from "./GoalsV3/GoalsV3.js";
-import { GoogleAnalytics as Pr } from "./GoogleAnalytics/GoogleAnalytics.js";
-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 Dr } from "./Markdown/MarkdownCollapse.js";
-import { MarkdownEditor as wr } from "./Markdown/MarkdownEditor.js";
-import { MarkdownGithubLatestTag as kr } from "./Markdown/MarkdownGithub.js";
-import { ModalDownload as vr } from "./ModalDownload/ModalDownload.js";
-import { OAuthManagement as Hr } from "./OAuthClientManagement/OAuthManagement.js";
-import { ORIENTATION_BANNER_KEYS as Br, default as Gr } from "./OrientationBanner/OrientationBanner.js";
-import { ThemesPlot as Ur } from "./Plot/ThemesPlot.js";
-import { UpsetPlot as Nr } from "./Plot/UpsetPlot.js";
-import { SynapsePlot as Vr } from "./Plot/SynapsePlot.js";
-import { Programs as qr } from "./Programs/Programs.js";
-import { ProgrammaticTableDownload as Jr } from "./ProgrammaticTableDownload/ProgrammaticTableDownload.js";
-import { default as Kr } from "./ProvenanceGraph/ProvenanceGraph.js";
-import { ProjectDataAvailability as Xr } from "./ProjectStorage/ProjectDataAvailability.js";
-import { QueryContext as oe, QueryContextConsumer as re, QueryContextProvider as ee, useQueryContext as te } from "./QueryContext/QueryContext.js";
-import { QueryCount as fe } from "./QueryCount/QueryCount.js";
-import { generateEncodedPathAndQueryForSelectedFacetURL as me } from "./QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js";
-import { QueryWrapper as ne } from "./QueryWrapper/QueryWrapper.js";
-import { default as xe } from "./QueryWrapperPlotNav/QueryWrapperPlotNav.js";
-import { default as de } from "./QueryWrapperPlotNav/QueryWrapperSynapsePlot.js";
-import { default as ce } from "./RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.js";
-import { RenderIfInView as Pe } from "./RenderIfInView/RenderIfInView.js";
-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 De } from "./Skeleton/SkeletonButton.js";
-import { SkeletonInlineBlock as we } from "./Skeleton/SkeletonInlineBlock.js";
-import { SkeletonTable as ke } from "./Skeleton/SkeletonTable.js";
-import { SkeletonParagraph as ve } from "./Skeleton/SkeletonParagraph.js";
-import { default as He } from "./StandaloneQueryWrapper/StandaloneQueryWrapper.js";
-import { LeftRightPanel as Be, StyledInnerContainer as Ge, StyledOuterContainer as Qe } from "./styled/LeftRightPanel.js";
-import { LightTooltip as We } from "./styled/LightTooltip.js";
-import { StyledFormControl as _e } from "./styled/StyledFormControl.js";
-import { WideButton as je } from "./styled/WideButton.js";
-import { InputSizedButton as ze } from "./styled/InputSizedButton.js";
-import { HoverPopover as Ye } from "./styled/HoverPopover.js";
-import { default as Ze } from "./SubscriptionPage/SubscriptionPage.js";
-import { default as $e } from "./SubsectionRowRenderer/SubsectionRowRenderer.js";
-import { SynapseFormWrapper as rt } from "./SynapseForm/SynapseFormWrapper.js";
-import { SynapseFormSubmissionGrid as tt } from "./SynapseForm/SynapseFormSubmissionGrid.js";
-import { SynapseTable as ft } from "./SynapseTable/SynapseTable.js";
-import { SynapseChat as mt } from "./SynapseChat/SynapseChat.js";
-import { SynapsePortalChatDialog as nt } from "./SynapseChat/SynapsePortalChatDialog.js";
-import { SystemUseNotification as xt } from "./SystemUseNotification/SystemUseNotification.js";
-import { default as dt } from "./TableFeedCards/TableFeedCards.js";
-import { default as ct } from "./TermsAndConditions/TermsAndConditions.js";
-import { default as Pt } from "./TextField/TextField.js";
-import { TimelinePlot as St } from "./TimelinePlot/TimelinePlot.js";
-import { SynapseToastContainer as Ft, displayToast as Tt } from "./ToastMessage/ToastMessage.js";
-import { UserCard as Lt } from "./UserCard/UserCard.js";
-import { UserCardList as At } from "./UserCardList/UserCardList.js";
-import { UserCardListRotate as Rt } from "./UserCardList/UserCardListRotate.js";
-import { default as bt } from "./UserCardList/UserCardListGroups/UserCardListGroups.js";
-import { default as It } from "./UserOrTeamBadge/UserOrTeamBadge.js";
-import { UserProfileLinks as Mt } from "./UserProfileLinks/UserProfileLinks.js";
-import { EntityHeaderTable as Ot } from "./EntityHeaderTable/EntityHeaderTable.js";
-import { AccessRequirementRelatedProjectsList as Gt } from "./AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js";
-import { HelpPopover as Ut } from "./HelpPopover/HelpPopover.js";
-import { MuiContainer as Nt } from "./MuiContainer.js";
-import { JsonLdScript as Vt } from "./JsonLdScript.js";
-import { DatasetJsonLdScript as qt } from "./DatasetJsonLdScript.js";
-import { SageResourcesPopover as Jt } from "./SageResourcesPopover/SageResourcesPopover.js";
-import { default as Kt } from "./RecentPublicationsGrid/RecentPublicationsGrid.js";
-import { default as Xt } from "./ImageCardGridWithLinks/ImageCardGridWithLinks.js";
-import { default as oa } from "./PortalFeatureHighlights/PortalFeatureHighlights.js";
-import { default as ea } from "./FeaturedResearch/FeaturedResearch.js";
-import { default as aa } from "./PortalHomePageHeader/PortalHomePageHeader.js";
-import { default as pa } from "./PortalFeaturedPartners/PortalFeaturedPartners.js";
-import { PortalList as la } from "./PortalList/PortalList.js";
-import { PortalCard as sa } from "./PortalList/PortalCard.js";
-import { CreatePortalModal as ia } from "./PortalList/CreatePortalModal.js";
-import { PortalAclEditor as ua } from "./PortalAclEditor/PortalAclEditor.js";
-import { default as Ca } from "./PortalAclEditor/PortalAclEditorModal.js";
-import { default as ga } from "./PortalSectionHeader/PortalSectionHeader.js";
-import { visuallyHidden as ya } from "./SynapseHomepageV2/HomepageStyles.js";
-import { Project as Ta } from "../assets/themed_icons/Project.js";
+import { default as to } from "./ColoredBulletListItem/ColoredBulletListItem.js";
+import { default as fo } from "./CTASectionWrapper/CTASectionWrapper.js";
+import { DownloadCartPage as mo } from "./DownloadCart/DownloadCartPage.js";
+import { DownloadIneligibleForPackagingFilesFromListButton as no } from "./DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.js";
+import { ShowDownloadV2 as xo } from "./DownloadCart/ShowDownloadV2.js";
+import { default as uo } from "./DynamicForm/DynamicForm.js";
+import { default as Co } from "./DynamicForm/DynamicFormModal.js";
+import { EntityBadgeIcons as go } from "./EntityBadgeIcons/EntityBadgeIcons.js";
+import { EntityDownloadConfirmation as yo } from "./EntityDownloadConfirmation/EntityDownloadConfirmation.js";
+import { EntityFinder as To } from "./EntityFinder/EntityFinder.js";
+import { EntityForm as Lo } from "./EntityForm/EntityForm.js";
+import { ClientError as Ao, EmptyFallbackComponent as Do, ErrorBanner as Ro, ErrorFallbackComponent as wo, SignInPrompt as bo, SynapseErrorBoundary as ko, TableRowFallbackComponent as Io, YOU_ARE_NOT_AUTHORIZED_MESSAGE as vo } from "./error/ErrorBanner.js";
+import { EvaluationCard as Bo } from "./Evaluation/EvaluationCard.js";
+import { EvaluationEditorPage as Oo } from "./Evaluation/EvaluationEditorPage.js";
+import { default as Qo } from "./ExperimentalMode/ExperimentalMode.js";
+import { ExternalFileHandleLink as Wo } from "./ExternalFileHandleLink/ExternalFileHandleLink.js";
+import { FileUpload as _o } from "./FileUpload/FileUpload.js";
+import { default as jo } from "./FeaturedDataTabs/FeaturedDataTabs.js";
+import { FeaturedToolsList as zo } from "./FeaturedToolsList/FeaturedToolsList.js";
+import { DiscussionThread as Yo } from "./Forum/DiscussionThread.js";
+import { ForumPage as Zo } from "./Forum/ForumPage.js";
+import { default as $o } from "./FullWidthAlert/FullWidthAlert.js";
+import { SynapseCardLabel as rr } from "./GenericCard/SynapseCardLabel.js";
+import { GenericCard as tr } from "./GenericCard/GenericCard.js";
+import { CARD_SHORT_DESCRIPTION_CSS as fr, LongDescription as pr, ShortDescription as mr } from "./GenericCard/CollapsibleDescription.js";
+import { getFileHandleAssociation as nr, getLinkParams as sr, getValueOrMultiValue as xr } from "./GenericCard/CardUtils.js";
+import { Goals as dr } from "./Goals/Goals.js";
+import { GoalsV2 as cr } from "./GoalsV2/GoalsV2.js";
+import { default as Pr } from "./GoalsV3/GoalsV3.js";
+import { GoogleAnalytics as Sr } from "./GoogleAnalytics/GoogleAnalytics.js";
+import { default as Fr } from "./GoogleMap/GoogleMap.js";
+import { HasAccessV2 as Er } from "./HasAccess/HasAccessV2.js";
+import { default as hr } from "./Icon/Icon.js";
+import { default as Dr } from "./IconSvg/IconSvg.js";
+import { MarkdownCollapse as wr } from "./Markdown/MarkdownCollapse.js";
+import { MarkdownEditor as kr } from "./Markdown/MarkdownEditor.js";
+import { MarkdownGithubLatestTag as vr } from "./Markdown/MarkdownGithub.js";
+import { ModalDownload as Br } from "./ModalDownload/ModalDownload.js";
+import { OAuthManagement as Or } from "./OAuthClientManagement/OAuthManagement.js";
+import { ORIENTATION_BANNER_KEYS as Qr, default as Ur } from "./OrientationBanner/OrientationBanner.js";
+import { ThemesPlot as Nr } from "./Plot/ThemesPlot.js";
+import { UpsetPlot as Vr } from "./Plot/UpsetPlot.js";
+import { SynapsePlot as qr } from "./Plot/SynapsePlot.js";
+import { Programs as Jr } from "./Programs/Programs.js";
+import { ProgrammaticTableDownload as Kr } from "./ProgrammaticTableDownload/ProgrammaticTableDownload.js";
+import { default as Xr } from "./ProvenanceGraph/ProvenanceGraph.js";
+import { ProjectDataAvailability as oe } from "./ProjectStorage/ProjectDataAvailability.js";
+import { QueryContext as ee, QueryContextConsumer as te, QueryContextProvider as ae, useQueryContext as fe } from "./QueryContext/QueryContext.js";
+import { QueryCount as me } from "./QueryCount/QueryCount.js";
+import { generateEncodedPathAndQueryForSelectedFacetURL as ne } from "./QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js";
+import { QueryWrapper as xe } from "./QueryWrapper/QueryWrapper.js";
+import { default as de } from "./QueryWrapperPlotNav/QueryWrapperPlotNav.js";
+import { default as ce } from "./QueryWrapperPlotNav/QueryWrapperSynapsePlot.js";
+import { default as Pe } from "./RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.js";
+import { RenderIfInView as Se } from "./RenderIfInView/RenderIfInView.js";
+import { Resources as Fe } from "./Resources/Resources.js";
+import { AccessRequirementAclEditor as Ee } from "./AccessRequirementAclEditor/AccessRequirementAclEditor.js";
+import { RssFeedCards as he } from "./RssFeedCards/RssFeedCards.js";
+import { default as De } from "./ShowMore/ShowMore.js";
+import { SkeletonButton as we } from "./Skeleton/SkeletonButton.js";
+import { SkeletonInlineBlock as ke } from "./Skeleton/SkeletonInlineBlock.js";
+import { SkeletonTable as ve } from "./Skeleton/SkeletonTable.js";
+import { SkeletonParagraph as Be } from "./Skeleton/SkeletonParagraph.js";
+import { default as Oe } from "./StandaloneQueryWrapper/StandaloneQueryWrapper.js";
+import { LeftRightPanel as Qe, StyledInnerContainer as Ue, StyledOuterContainer as We } from "./styled/LeftRightPanel.js";
+import { LightTooltip as _e } from "./styled/LightTooltip.js";
+import { StyledFormControl as je } from "./styled/StyledFormControl.js";
+import { WideButton as ze } from "./styled/WideButton.js";
+import { InputSizedButton as Ye } from "./styled/InputSizedButton.js";
+import { HoverPopover as Ze } from "./styled/HoverPopover.js";
+import { default as $e } from "./SubscriptionPage/SubscriptionPage.js";
+import { default as rt } from "./SubsectionRowRenderer/SubsectionRowRenderer.js";
+import { SynapseFormWrapper as tt } from "./SynapseForm/SynapseFormWrapper.js";
+import { SynapseFormSubmissionGrid as ft } from "./SynapseForm/SynapseFormSubmissionGrid.js";
+import { SynapseTable as mt } from "./SynapseTable/SynapseTable.js";
+import { SynapseChat as nt } from "./SynapseChat/SynapseChat.js";
+import { SynapsePortalChatDialog as xt } from "./SynapseChat/SynapsePortalChatDialog.js";
+import { SystemUseNotification as dt } from "./SystemUseNotification/SystemUseNotification.js";
+import { default as ct } from "./TableFeedCards/TableFeedCards.js";
+import { default as Pt } from "./TermsAndConditions/TermsAndConditions.js";
+import { default as St } from "./TextField/TextField.js";
+import { TimelinePlot as Ft } from "./TimelinePlot/TimelinePlot.js";
+import { SynapseToastContainer as Et, displayToast as Lt } from "./ToastMessage/ToastMessage.js";
+import { UserCard as At } from "./UserCard/UserCard.js";
+import { UserCardList as Rt } from "./UserCardList/UserCardList.js";
+import { UserCardListRotate as bt } from "./UserCardList/UserCardListRotate.js";
+import { default as It } from "./UserCardList/UserCardListGroups/UserCardListGroups.js";
+import { default as Mt } from "./UserOrTeamBadge/UserOrTeamBadge.js";
+import { UserProfileLinks as Ht } from "./UserProfileLinks/UserProfileLinks.js";
+import { EntityHeaderTable as Gt } from "./EntityHeaderTable/EntityHeaderTable.js";
+import { AccessRequirementRelatedProjectsList as Ut } from "./AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js";
+import { HelpPopover as Nt } from "./HelpPopover/HelpPopover.js";
+import { MuiContainer as Vt } from "./MuiContainer.js";
+import { JsonLdScript as qt } from "./JsonLdScript.js";
+import { DatasetJsonLdScript as Jt } from "./DatasetJsonLdScript.js";
+import { SageResourcesPopover as Kt } from "./SageResourcesPopover/SageResourcesPopover.js";
+import { default as Xt } from "./RecentPublicationsGrid/RecentPublicationsGrid.js";
+import { default as oa } from "./ImageCardGridWithLinks/ImageCardGridWithLinks.js";
+import { default as ea } from "./PortalFeatureHighlights/PortalFeatureHighlights.js";
+import { default as aa } from "./FeaturedResearch/FeaturedResearch.js";
+import { default as pa } from "./PortalHomePageHeader/PortalHomePageHeader.js";
+import { default as la } from "./PortalFeaturedPartners/PortalFeaturedPartners.js";
+import { PortalList as sa } from "./PortalList/PortalList.js";
+import { PortalCard as ia } from "./PortalList/PortalCard.js";
+import { CreatePortalModal as ua } from "./PortalList/CreatePortalModal.js";
+import { PortalAclEditor as Ca } from "./PortalAclEditor/PortalAclEditor.js";
+import { default as ga } from "./PortalAclEditor/PortalAclEditorModal.js";
+import { default as ya } from "./PortalSectionHeader/PortalSectionHeader.js";
+import { visuallyHidden as Ta } from "./SynapseHomepageV2/HomepageStyles.js";
+import { Project as La } from "../assets/themed_icons/Project.js";
 export {
-  Fe as AccessRequirementAclEditor,
-  Gt as AccessRequirementRelatedProjectsList,
+  Ee as AccessRequirementAclEditor,
+  Ut as AccessRequirementRelatedProjectsList,
   m as AccessTokenPage,
   n as AccountLevelBadges,
   _ as AvailableEvaluationQueueList,
-  tr as CARD_SHORT_DESCRIPTION_CSS,
-  to as CTASectionWrapper,
+  fr as CARD_SHORT_DESCRIPTION_CSS,
+  fo as CTASectionWrapper,
   D as CardContainer,
   w as CardContainerLogic,
   k as CardGridWithLinks,
-  B as CertificationQuiz,
+  O as CertificationQuiz,
   W as ChallengeDataDownload,
   Q as ChallengeDetailPage,
   j as ChallengeSubmission,
   z as ChangePassword,
   Y as ChangePasswordWithToken,
-  Lo as ClientError,
+  Ao as ClientError,
+  to as ColoredBulletListItem,
   Z as ConfirmationDialog,
   ro as CookiePreferencesDialog,
   $ as CookiesNotification,
-  ia as CreatePortalModal,
-  qt as DatasetJsonLdScript,
-  zo as DiscussionThread,
-  fo as DownloadCartPage,
-  mo as DownloadIneligibleForPackagingFilesFromListButton,
-  xo as DynamicForm,
-  uo as DynamicFormModal,
-  ho as EmptyFallbackComponent,
-  Co as EntityBadgeIcons,
-  go as EntityDownloadConfirmation,
-  yo as EntityFinder,
-  To as EntityForm,
-  Ot as EntityHeaderTable,
-  Ao as ErrorBanner,
-  Do as ErrorFallbackComponent,
+  ua as CreatePortalModal,
+  Jt as DatasetJsonLdScript,
+  Yo as DiscussionThread,
+  mo as DownloadCartPage,
+  no as DownloadIneligibleForPackagingFilesFromListButton,
+  uo as DynamicForm,
+  Co as DynamicFormModal,
+  Do as EmptyFallbackComponent,
+  go as EntityBadgeIcons,
+  yo as EntityDownloadConfirmation,
+  To as EntityFinder,
+  Lo as EntityForm,
+  Gt as EntityHeaderTable,
+  Ro as ErrorBanner,
+  wo as ErrorFallbackComponent,
   e as ErrorPage,
-  vo as EvaluationCard,
-  Ho as EvaluationEditorPage,
-  Bo as ExperimentalMode,
-  Qo as ExternalFileHandleLink,
-  _o as FeaturedDataTabs,
-  ea as FeaturedResearch,
-  jo as FeaturedToolsList,
-  Wo as FileUpload,
-  Yo as ForumPage,
-  Zo as FullWidthAlert,
-  rr as GenericCard,
-  xr as Goals,
-  dr as GoalsV2,
-  cr as GoalsV3,
-  Pr as GoogleAnalytics,
-  Fr as HasAccess,
-  Ut as HelpPopover,
-  Ye as HoverPopover,
-  Er as Icon,
-  hr as IconSvg,
-  Xt as ImageCardGridWithLinks,
-  ze as InputSizedButton,
-  Vt as JsonLdScript,
+  Bo as EvaluationCard,
+  Oo as EvaluationEditorPage,
+  Qo as ExperimentalMode,
+  Wo as ExternalFileHandleLink,
+  jo as FeaturedDataTabs,
+  aa as FeaturedResearch,
+  zo as FeaturedToolsList,
+  _o as FileUpload,
+  Zo as ForumPage,
+  $o as FullWidthAlert,
+  tr as GenericCard,
+  dr as Goals,
+  cr as GoalsV2,
+  Pr as GoalsV3,
+  Sr as GoogleAnalytics,
+  Er as HasAccess,
+  Nt as HelpPopover,
+  Ze as HoverPopover,
+  hr as Icon,
+  Dr as IconSvg,
+  oa as ImageCardGridWithLinks,
+  Ye as InputSizedButton,
+  qt as JsonLdScript,
   x as LastLoginInfo,
-  Be as LeftRightPanel,
-  We as LightTooltip,
-  ar as LongDescription,
-  Sr as Map,
-  Dr as MarkdownCollapse,
-  wr as MarkdownEditor,
-  kr as MarkdownGithubLatestTag,
-  vr as ModalDownload,
-  Nt as MuiContainer,
+  Qe as LeftRightPanel,
+  _e as LightTooltip,
+  pr as LongDescription,
+  Fr as Map,
+  wr as MarkdownCollapse,
+  kr as MarkdownEditor,
+  vr as MarkdownGithubLatestTag,
+  Br as ModalDownload,
+  Vt as MuiContainer,
   f as NoContentAvailable,
-  Hr as OAuthClientManagement,
-  Br as ORIENTATION_BANNER_KEYS,
+  Or as OAuthClientManagement,
+  Qr as ORIENTATION_BANNER_KEYS,
   h as OneTimePasswordForm,
-  Gr as OrientationBanner,
+  Ur as OrientationBanner,
   c as PasswordField,
-  ua as PortalAclEditor,
-  Ca as PortalAclEditorModal,
-  sa as PortalCard,
-  oa as PortalFeatureHighlights,
-  pa as PortalFeaturedPartners,
-  aa as PortalHomePageHeader,
-  la as PortalList,
-  ga as PortalSectionHeader,
-  Jr as ProgrammaticTableDownload,
-  qr as Programs,
-  Xr as ProjectDataAvailability,
-  Ta as ProjectIcon,
-  Kr as ProvenanceGraph,
-  oe as QueryContext,
-  re as QueryContextConsumer,
-  ee as QueryContextProvider,
-  fe as QueryCount,
-  ne as QueryWrapper,
-  xe as QueryWrapperPlotNav,
-  de as QueryWrapperSynapsePlot,
-  Kt as RecentPublicationsGrid,
-  ce as RegisterPageLogoutPrompt,
-  Pe as RenderIfInView,
-  Se as Resources,
+  Ca as PortalAclEditor,
+  ga as PortalAclEditorModal,
+  ia as PortalCard,
+  ea as PortalFeatureHighlights,
+  la as PortalFeaturedPartners,
+  pa as PortalHomePageHeader,
+  sa as PortalList,
+  ya as PortalSectionHeader,
+  Kr as ProgrammaticTableDownload,
+  Jr as Programs,
+  oe as ProjectDataAvailability,
+  La as ProjectIcon,
+  Xr as ProvenanceGraph,
+  ee as QueryContext,
+  te as QueryContextConsumer,
+  ae as QueryContextProvider,
+  me as QueryCount,
+  xe as QueryWrapper,
+  de as QueryWrapperPlotNav,
+  ce as QueryWrapperSynapsePlot,
+  Xt as RecentPublicationsGrid,
+  Pe as RegisterPageLogoutPrompt,
+  Se as RenderIfInView,
+  Fe as Resources,
   v as RowDataTable,
-  H as RowDataTableWithQuery,
-  Ee as RssFeedCards,
-  Jt as SageResourcesPopover,
-  fr as ShortDescription,
-  no as ShowDownloadV2,
-  he as ShowMore,
-  Ro as SignInPrompt,
-  De as SkeletonButton,
-  we as SkeletonInlineBlock,
-  ve as SkeletonParagraph,
-  ke as SkeletonTable,
+  B as RowDataTableWithQuery,
+  he as RssFeedCards,
+  Kt as SageResourcesPopover,
+  mr as ShortDescription,
+  xo as ShowDownloadV2,
+  De as ShowMore,
+  bo as SignInPrompt,
+  we as SkeletonButton,
+  ke as SkeletonInlineBlock,
+  Be as SkeletonParagraph,
+  ve as SkeletonTable,
   P as StandaloneLoginForm,
-  He as StandaloneQueryWrapper,
-  _e as StyledFormControl,
-  Ge as StyledInnerContainer,
-  Qe as StyledOuterContainer,
-  Ze as SubscriptionPage,
-  $e as SubsectionRowRenderer,
-  $o as SynapseCardLabel,
-  mt as SynapseChat,
-  wo as SynapseErrorBoundary,
+  Oe as StandaloneQueryWrapper,
+  je as StyledFormControl,
+  Ue as StyledInnerContainer,
+  We as StyledOuterContainer,
+  $e as SubscriptionPage,
+  rt as SubsectionRowRenderer,
+  rr as SynapseCardLabel,
+  nt as SynapseChat,
+  ko as SynapseErrorBoundary,
   t as SynapseErrorType,
-  tt as SynapseFormSubmissionGrid,
-  rt as SynapseFormWrapper,
-  Vr as SynapsePlot,
-  nt as SynapsePortalChatDialog,
-  ft as SynapseTable,
-  Ft as SynapseToastContainer,
-  xt as SystemUseNotification,
-  dt as TableFeedCards,
-  bo as TableRowFallbackComponent,
-  ct as TermsAndConditions,
-  Pt as TextField,
-  Ur as ThemesPlot,
-  St as TimelinePlot,
+  ft as SynapseFormSubmissionGrid,
+  tt as SynapseFormWrapper,
+  qr as SynapsePlot,
+  xt as SynapsePortalChatDialog,
+  mt as SynapseTable,
+  Et as SynapseToastContainer,
+  dt as SystemUseNotification,
+  ct as TableFeedCards,
+  Io as TableRowFallbackComponent,
+  Pt as TermsAndConditions,
+  St as TextField,
+  Nr as ThemesPlot,
+  Ft as TimelinePlot,
   S as TwoFactorAuthSettingsPanel,
   E as TwoFactorBackupCodes,
   F as TwoFactorEnrollmentForm,
-  Nr as UpsetPlot,
-  Lt as UserCard,
-  At as UserCardList,
-  bt as UserCardListGroups,
-  Rt as UserCardListRotate,
-  It as UserOrTeamBadge,
-  Mt as UserProfileLinks,
-  je as WideButton,
-  ko as YOU_ARE_NOT_AUTHORIZED_MESSAGE,
-  Tt as displayToast,
-  me as generateEncodedPathAndQueryForSelectedFacetURL,
-  mr as getFileHandleAssociation,
-  lr as getLinkParams,
-  nr as getValueOrMultiValue,
+  Vr as UpsetPlot,
+  At as UserCard,
+  Rt as UserCardList,
+  It as UserCardListGroups,
+  bt as UserCardListRotate,
+  Mt as UserOrTeamBadge,
+  Ht as UserProfileLinks,
+  ze as WideButton,
+  vo as YOU_ARE_NOT_AUTHORIZED_MESSAGE,
+  Lt as displayToast,
+  ne as generateEncodedPathAndQueryForSelectedFacetURL,
+  nr as getFileHandleAssociation,
+  sr as getLinkParams,
+  xr as getValueOrMultiValue,
   i as useLastLoginInfo,
   d as useLastLoginInfoState,
-  te as useQueryContext,
-  ya as visuallyHidden
+  fe as useQueryContext,
+  Ta 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/styled/StyledFormControl.js

@@ -16,7 +16,7 @@ const s = e(
     }
   },
   [`& .${t.root}`]: {
-    marginTop: o.spacing(3)
+    marginTop: o.spacing(0.5)
   },
   "& .MuiInputBase-multiline": {
     padding: "0px"

package/dist/components/styled/StyledFormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledFormControl.js","sources":["../../../src/components/styled/StyledFormControl.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormControlProps,\n  formHelperTextClasses,\n  inputBaseClasses,\n  styled,\n} from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\n\n/* bootstrap-like label/text inputs\n usage:\n        <StyledFormControl fullWidth variant=\"standard\" margin=\"normal\">\n          <InputLabel shrink htmlFor=\"someinput\">\n            labelText\n          </InputLabel>\n          <InputBase id=\"someinput\"/>\n        </StyledFormControl>\n*/\nexport const StyledFormControl: StyledComponent<FormControlProps> = styled(\n  FormControl,\n  {\n    label: 'StyledFormControl',\n  },\n)(({ theme }) => ({\n  '& label': {\n    fontSize: '14px',\n    transform: 'none',\n  },\n  [`& .${formHelperTextClasses.root}`]: {\n    marginLeft: '0',\n    [`&.Mui-error`]: {\n      color: '#c13415',\n    },\n  },\n\n  [`& .${inputBaseClasses.root}`]: {\n    marginTop: theme.spacing(3),\n  },\n  '& .MuiInputBase-multiline': {\n    padding: '0px',\n  },\n  '& fieldset': {\n    border: 'none',\n  },\n}))\n\nexport default StyledFormControl\n"],"names":["StyledFormControl","styled","FormControl","theme","formHelperTextClasses","inputBaseClasses"],"mappings":";AAkBO,MAAMA,IAAuDC;AAAA,EAClEC;AAAA,EACA;AAAA,IACE,OAAO;AAAA,EAAA;AAEX,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EAChB,WAAW;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEb,CAAC,MAAMC,EAAsB,IAAI,EAAE,GAAG;AAAA,IACpC,YAAY;AAAA,IACX,eAAgB;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAGF,CAAC,MAAMC,EAAiB,IAAI,EAAE,GAAG;AAAA,IAC/B,WAAWF,EAAM,QAAQ,CAAC;AAAA,EAAA;AAAA,EAE5B,6BAA6B;AAAA,IAC3B,SAAS;AAAA,EAAA;AAAA,EAEX,cAAc;AAAA,IACZ,QAAQ;AAAA,EAAA;AAEZ,EAAE;"}
+{"version":3,"file":"StyledFormControl.js","sources":["../../../src/components/styled/StyledFormControl.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormControlProps,\n  formHelperTextClasses,\n  inputBaseClasses,\n  styled,\n} from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\n\n/* bootstrap-like label/text inputs\n usage:\n        <StyledFormControl fullWidth variant=\"standard\" margin=\"normal\">\n          <InputLabel shrink htmlFor=\"someinput\">\n            labelText\n          </InputLabel>\n          <InputBase id=\"someinput\"/>\n        </StyledFormControl>\n*/\nexport const StyledFormControl: StyledComponent<FormControlProps> = styled(\n  FormControl,\n  {\n    label: 'StyledFormControl',\n  },\n)(({ theme }) => ({\n  '& label': {\n    fontSize: '14px',\n    transform: 'none',\n  },\n  [`& .${formHelperTextClasses.root}`]: {\n    marginLeft: '0',\n    [`&.Mui-error`]: {\n      color: '#c13415',\n    },\n  },\n\n  [`& .${inputBaseClasses.root}`]: {\n    marginTop: theme.spacing(0.5),\n  },\n  '& .MuiInputBase-multiline': {\n    padding: '0px',\n  },\n  '& fieldset': {\n    border: 'none',\n  },\n}))\n\nexport default StyledFormControl\n"],"names":["StyledFormControl","styled","FormControl","theme","formHelperTextClasses","inputBaseClasses"],"mappings":";AAkBO,MAAMA,IAAuDC;AAAA,EAClEC;AAAA,EACA;AAAA,IACE,OAAO;AAAA,EAAA;AAEX,EAAE,CAAC,EAAE,OAAAC,SAAa;AAAA,EAChB,WAAW;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,EAAA;AAAA,EAEb,CAAC,MAAMC,EAAsB,IAAI,EAAE,GAAG;AAAA,IACpC,YAAY;AAAA,IACX,eAAgB;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAGF,CAAC,MAAMC,EAAiB,IAAI,EAAE,GAAG;AAAA,IAC/B,WAAWF,EAAM,QAAQ,GAAG;AAAA,EAAA;AAAA,EAE9B,6BAA6B;AAAA,IAC3B,SAAS;AAAA,EAAA;AAAA,EAEX,cAAc;AAAA,IACZ,QAAQ;AAAA,EAAA;AAEZ,EAAE;"}

package/dist/components/table/CsvPreview/CsvPreview.js

@@ -49,7 +49,6 @@ import "../../../assets/icons/account-validated.svg.js";
 import "../../../utils/functions/DateFormatter.js";
 import "@react-hookz/web";
 import "dayjs";
-import "../../../assets/ArcusBioIcon.svg.js";
 import "@mui/material/SvgIcon";
 import "../../../assets/icons/AccessPending.svg.js";
 import "../../../assets/icons/AccessPendingCloud.svg.js";
@@ -218,7 +217,7 @@ import b from "../../TanStackTable/ColumnHeader.js";
 import T from "../../TanStackTable/StyledTanStackTable.js";
 import { useGetCsvPreview as h } from "../../../synapse-queries/table/useGetCsvPreview.js";
 import { useReactTable as y, getCoreRowModel as P, createColumnHelper as R } from "@tanstack/react-table";
-function $i(e) {
+function Ii(e) {
   const {
     fileHandleId: a,
     csvTableDescriptor: i,
@@ -277,6 +276,6 @@ function S(e) {
   }));
 }
 export {
-  $i as default
+  Ii as default
 };
 //# sourceMappingURL=CsvPreview.js.map

package/dist/components/table/CsvPreview/CsvPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"CsvPreview.js","sources":["../../../../src/components/table/CsvPreview/CsvPreview.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useGetCsvPreview } from '@/synapse-queries/table/useGetCsvPreview'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  TableRow,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport noop from 'lodash-es/noop'\nimport { useEffect, useMemo } from 'react'\n\nexport type CsvPreviewProps = {\n  fileHandleId: string\n  csvTableDescriptor: CsvTableDescriptor\n  onCsvPreviewDataChange?: (data: UploadToTablePreviewResult) => void\n  onIsLoadingChange?: (isLoading: boolean) => void\n}\n\n/**\n * Given a file handle ID and CSV Table Descriptor, fetches and displays a preview of the CSV file as it would be parsed into a table.\n */\nexport default function CsvPreview(props: CsvPreviewProps) {\n  const {\n    fileHandleId,\n    csvTableDescriptor,\n    onCsvPreviewDataChange = noop,\n    onIsLoadingChange = noop,\n  } = props\n\n  const {\n    data: csvPreviewData,\n    isLoading,\n    error,\n  } = useGetCsvPreview({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.UploadToTablePreviewRequest',\n    uploadFileHandleId: fileHandleId,\n    csvTableDescriptor,\n  })\n\n  useEffect(() => {\n    if (csvPreviewData) {\n      onCsvPreviewDataChange(csvPreviewData)\n    }\n  }, [csvPreviewData, onCsvPreviewDataChange])\n\n  useEffect(() => {\n    onIsLoadingChange(isLoading)\n  }, [isLoading, onIsLoadingChange])\n\n  const tableData = useMemo(\n    () => csvPreviewData?.sampleRows ?? [],\n    [csvPreviewData?.sampleRows],\n  )\n\n  const columns = useMemo(\n    () => getPreviewColumns(csvPreviewData?.suggestedColumns ?? []),\n    [csvPreviewData?.suggestedColumns],\n  )\n\n  const table = useReactTable({\n    getCoreRowModel: getCoreRowModel(),\n    data: tableData,\n    columns: columns,\n  })\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  return (\n    <>\n      {isLoading && <div>Loading preview...</div>}\n      {!isLoading && csvPreviewData && table && (\n        <>\n          <Typography variant={'body1'}>\n            Scanned {csvPreviewData?.rowsScanned?.toLocaleString()} rows to\n            generate preview:\n          </Typography>\n          <StyledTanStackTable table={table} />\n        </>\n      )}\n    </>\n  )\n}\n\nfunction getPreviewColumns(columnModels: ColumnModel[]) {\n  const columnHelper = createColumnHelper<TableRow>()\n  return columnModels.map((columnModel, index) => {\n    return columnHelper.accessor(tr => tr.values![index], {\n      id: `column-${index}`,\n      header: props => (\n        <ColumnHeader\n          {...props}\n          title={`${columnModel.name} (${columnModel.columnType})`}\n        />\n      ),\n      enableColumnFilter: false,\n      enableSorting: false,\n    })\n  })\n}\n"],"names":["CsvPreview","props","fileHandleId","csvTableDescriptor","onCsvPreviewDataChange","noop","onIsLoadingChange","csvPreviewData","isLoading","error","useGetCsvPreview","useEffect","tableData","useMemo","columns","getPreviewColumns","table","useReactTable","getCoreRowModel","jsx","ErrorBanner","jsxs","Fragment","Typography","StyledTanStackTable","columnModels","columnHelper","createColumnHelper","columnModel","index","tr","ColumnHeader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAwBA,GAAWC,GAAwB;AACzD,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBD;AAAA,EAAA,IAClBJ,GAEE;AAAA,IACJ,MAAMM;AAAA,IACN,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAiB;AAAA,IACnB,cACE;AAAA,IACF,oBAAoBR;AAAA,IACpB,oBAAAC;AAAA,EAAA,CACD;AAED,EAAAQ,EAAU,MAAM;AACd,IAAIJ,KACFH,EAAuBG,CAAc;AAAA,EAEzC,GAAG,CAACA,GAAgBH,CAAsB,CAAC,GAE3CO,EAAU,MAAM;AACd,IAAAL,EAAkBE,CAAS;AAAA,EAC7B,GAAG,CAACA,GAAWF,CAAiB,CAAC;AAEjC,QAAMM,IAAYC;AAAA,IAChB,MAAMN,GAAgB,cAAc,CAAA;AAAA,IACpC,CAACA,GAAgB,UAAU;AAAA,EAAA,GAGvBO,IAAUD;AAAA,IACd,MAAME,EAAkBR,GAAgB,oBAAoB,EAAE;AAAA,IAC9D,CAACA,GAAgB,gBAAgB;AAAA,EAAA,GAG7BS,IAAQC,EAAc;AAAA,IAC1B,iBAAiBC,EAAA;AAAA,IACjB,MAAMN;AAAA,IACN,SAAAE;AAAA,EAAA,CACD;AAED,SAAIL,IACK,gBAAAU,EAACC,KAAY,OAAAX,GAAc,IAIlC,gBAAAY,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,KAAa,gBAAAW,EAAC,SAAI,UAAA,qBAAA,CAAkB;AAAA,IACpC,CAACX,KAAaD,KAAkBS,KAC/B,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,SAAS,UAAA;AAAA,QAAA;AAAA,QACnBhB,GAAgB,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAEzD;AAAA,MACA,gBAAAY,EAACK,KAAoB,OAAAR,EAAA,CAAc;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASD,EAAkBU,GAA6B;AACtD,QAAMC,IAAeC,EAAA;AACrB,SAAOF,EAAa,IAAI,CAACG,GAAaC,MAC7BH,EAAa,SAAS,CAAAI,MAAMA,EAAG,OAAQD,CAAK,GAAG;AAAA,IACpD,IAAI,UAAUA,CAAK;AAAA,IACnB,QAAQ,CAAA5B,MACN,gBAAAkB;AAAA,MAACY;AAAA,MAAA;AAAA,QACE,GAAG9B;AAAA,QACJ,OAAO,GAAG2B,EAAY,IAAI,KAAKA,EAAY,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzD,oBAAoB;AAAA,IACpB,eAAe;AAAA,EAAA,CAChB,CACF;AACH;"}
+{"version":3,"file":"CsvPreview.js","sources":["../../../../src/components/table/CsvPreview/CsvPreview.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useGetCsvPreview } from '@/synapse-queries/table/useGetCsvPreview'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  TableRow,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport noop from 'lodash-es/noop'\nimport { useEffect, useMemo } from 'react'\n\nexport type CsvPreviewProps = {\n  fileHandleId: string\n  csvTableDescriptor: CsvTableDescriptor\n  onCsvPreviewDataChange?: (data: UploadToTablePreviewResult) => void\n  onIsLoadingChange?: (isLoading: boolean) => void\n}\n\n/**\n * Given a file handle ID and CSV Table Descriptor, fetches and displays a preview of the CSV file as it would be parsed into a table.\n */\nexport default function CsvPreview(props: CsvPreviewProps) {\n  const {\n    fileHandleId,\n    csvTableDescriptor,\n    onCsvPreviewDataChange = noop,\n    onIsLoadingChange = noop,\n  } = props\n\n  const {\n    data: csvPreviewData,\n    isLoading,\n    error,\n  } = useGetCsvPreview({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.UploadToTablePreviewRequest',\n    uploadFileHandleId: fileHandleId,\n    csvTableDescriptor,\n  })\n\n  useEffect(() => {\n    if (csvPreviewData) {\n      onCsvPreviewDataChange(csvPreviewData)\n    }\n  }, [csvPreviewData, onCsvPreviewDataChange])\n\n  useEffect(() => {\n    onIsLoadingChange(isLoading)\n  }, [isLoading, onIsLoadingChange])\n\n  const tableData = useMemo(\n    () => csvPreviewData?.sampleRows ?? [],\n    [csvPreviewData?.sampleRows],\n  )\n\n  const columns = useMemo(\n    () => getPreviewColumns(csvPreviewData?.suggestedColumns ?? []),\n    [csvPreviewData?.suggestedColumns],\n  )\n\n  const table = useReactTable({\n    getCoreRowModel: getCoreRowModel(),\n    data: tableData,\n    columns: columns,\n  })\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  return (\n    <>\n      {isLoading && <div>Loading preview...</div>}\n      {!isLoading && csvPreviewData && table && (\n        <>\n          <Typography variant={'body1'}>\n            Scanned {csvPreviewData?.rowsScanned?.toLocaleString()} rows to\n            generate preview:\n          </Typography>\n          <StyledTanStackTable table={table} />\n        </>\n      )}\n    </>\n  )\n}\n\nfunction getPreviewColumns(columnModels: ColumnModel[]) {\n  const columnHelper = createColumnHelper<TableRow>()\n  return columnModels.map((columnModel, index) => {\n    return columnHelper.accessor(tr => tr.values![index], {\n      id: `column-${index}`,\n      header: props => (\n        <ColumnHeader\n          {...props}\n          title={`${columnModel.name} (${columnModel.columnType})`}\n        />\n      ),\n      enableColumnFilter: false,\n      enableSorting: false,\n    })\n  })\n}\n"],"names":["CsvPreview","props","fileHandleId","csvTableDescriptor","onCsvPreviewDataChange","noop","onIsLoadingChange","csvPreviewData","isLoading","error","useGetCsvPreview","useEffect","tableData","useMemo","columns","getPreviewColumns","table","useReactTable","getCoreRowModel","jsx","ErrorBanner","jsxs","Fragment","Typography","StyledTanStackTable","columnModels","columnHelper","createColumnHelper","columnModel","index","tr","ColumnHeader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAwBA,GAAWC,GAAwB;AACzD,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBD;AAAA,EAAA,IAClBJ,GAEE;AAAA,IACJ,MAAMM;AAAA,IACN,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAiB;AAAA,IACnB,cACE;AAAA,IACF,oBAAoBR;AAAA,IACpB,oBAAAC;AAAA,EAAA,CACD;AAED,EAAAQ,EAAU,MAAM;AACd,IAAIJ,KACFH,EAAuBG,CAAc;AAAA,EAEzC,GAAG,CAACA,GAAgBH,CAAsB,CAAC,GAE3CO,EAAU,MAAM;AACd,IAAAL,EAAkBE,CAAS;AAAA,EAC7B,GAAG,CAACA,GAAWF,CAAiB,CAAC;AAEjC,QAAMM,IAAYC;AAAA,IAChB,MAAMN,GAAgB,cAAc,CAAA;AAAA,IACpC,CAACA,GAAgB,UAAU;AAAA,EAAA,GAGvBO,IAAUD;AAAA,IACd,MAAME,EAAkBR,GAAgB,oBAAoB,EAAE;AAAA,IAC9D,CAACA,GAAgB,gBAAgB;AAAA,EAAA,GAG7BS,IAAQC,EAAc;AAAA,IAC1B,iBAAiBC,EAAA;AAAA,IACjB,MAAMN;AAAA,IACN,SAAAE;AAAA,EAAA,CACD;AAED,SAAIL,IACK,gBAAAU,EAACC,KAAY,OAAAX,GAAc,IAIlC,gBAAAY,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,KAAa,gBAAAW,EAAC,SAAI,UAAA,qBAAA,CAAkB;AAAA,IACpC,CAACX,KAAaD,KAAkBS,KAC/B,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,SAAS,UAAA;AAAA,QAAA;AAAA,QACnBhB,GAAgB,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAEzD;AAAA,MACA,gBAAAY,EAACK,KAAoB,OAAAR,EAAA,CAAc;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASD,EAAkBU,GAA6B;AACtD,QAAMC,IAAeC,EAAA;AACrB,SAAOF,EAAa,IAAI,CAACG,GAAaC,MAC7BH,EAAa,SAAS,CAAAI,MAAMA,EAAG,OAAQD,CAAK,GAAG;AAAA,IACpD,IAAI,UAAUA,CAAK;AAAA,IACnB,QAAQ,CAAA5B,MACN,gBAAAkB;AAAA,MAACY;AAAA,MAAA;AAAA,QACE,GAAG9B;AAAA,QACJ,OAAO,GAAG2B,EAAY,IAAI,KAAKA,EAAY,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzD,oBAAoB;AAAA,IACpB,eAAe;AAAA,EAAA,CAChB,CACF;AACH;"}