UNPKG

synapse-react-client

Version:

[![npm version](https://badge.fury.io/js/synapse-react-client.svg)](https://badge.fury.io/js/synapse-react-client) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettie

283 lines (282 loc) 12.1 kB
import { jsx as p, jsxs as n, Fragment as c } from "react/jsx-runtime"; import "../../../assets/icons/error_page/maintenance.svg.js"; import "../../../assets/icons/error_page/no-access.svg.js"; import "../../../assets/icons/error_page/unavailable.svg.js"; import "../../../utils/PermissionLevelToAccessType.js"; import "../../../utils/SynapseConstants.js"; import { useEffect as d, useMemo as u } from "react"; import "../../../synapse-client/SynapseClient.js"; import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode"; import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse"; import "@sage-bionetworks/synapse-client/util/SynapseClientError"; import "@sage-bionetworks/synapse-types"; import "../../../utils/functions/EntityTypeUtils.js"; import "lodash-es"; import "@sage-bionetworks/synapse-client/util/synapseClientFetch"; import "../../../utils/context/SynapseContext.js"; import "use-deep-compare-effect"; import "@tanstack/react-query"; import "@tanstack/query-core"; import "lodash-es/isEmpty"; import "lodash-es/isEqual"; import "lodash-es/xorWith"; import "@mui/material"; import "@sage-bionetworks/synapse-client"; import "../../../utils/types/IsType.js"; import "../../../utils/hooks/useCookiePreferences.js"; import "../../../utils/hooks/useSourceAppConfigs.js"; import "universal-cookie"; import "../../../utils/AppUtils/session/ApplicationSessionContext.js"; import "../../../utils/context/FullContextProvider.js"; import "../../../utils/context/DocumentMetadataContext.js"; import '../../Plot/SynapsePlot.css';import '../../FullWidthAlert/FullWidthAlert.css';import '../../../style/components/_spinner.css';/* empty css */ import "react-router"; import "@mui/icons-material/Close"; import "../../styled/StyledPopover.js"; import "../../Markdown/MarkdownSynapse.js"; import "@mui/icons-material"; import "react-hot-toast"; import "react-transition-group"; /* empty css */ import "@sage-bionetworks/synapse-client/generated/models/DoiObjectType"; import { ErrorBanner as w } from "../../error/ErrorBanner.js"; import "../../AccessTokenPage/AccessTokenCard/AccessTokenCard.js"; import "@mui/icons-material/ContentCopy"; import "../../styled/StyledFormControl.js"; import "../../../assets/icons/account-certified.svg.js"; import "../../../assets/icons/account-enabled-mfa.svg.js"; 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"; import "../../../assets/icons/FileWithShield.svg.js"; import "../../../assets/icons/MultiFile.svg.js"; import "../../../assets/icons/UnpackagableFile.svg.js"; import "../../../assets/icons/bioChemicalPhysical.svg.js"; import "../../../assets/icons/computationalTool.svg.js"; import "../../../assets/icons/dataReuse.svg.js"; import "../../../assets/icons/inSilicoModel.svg.js"; import "../../../assets/icons/modelSystem.svg.js"; import "../../../assets/mui_components/PackagableFile.svg.js"; import "../../../assets/icons/spatialProfiling.svg.js"; import "../../Authentication/AuthenticationMethodSelection.js"; import "mui-one-time-password-input"; import "../../Authentication/TwoFactorEnrollmentForm.js"; import "../../styled/LeftRightPanel.js"; import "../../Authentication/RecoveryCodeGrid.js"; import "../../GenericCard/GenericCardActionButton.js"; import "@mui/material/Link"; import "@mui/material/Skeleton"; import "@mui/material/Tooltip"; import C from "@mui/material/Typography"; import "../../../assets/icons/chart2.svg.js"; import "../../../assets/icons/Data2.svg.js"; import "../../../assets/icons/DNA_Two.svg.js"; import "../../../assets/icons/file.svg.js"; import "../../../assets/icons/institution.svg.js"; import "../../../assets/icons/mouse.svg.js"; import "../../../assets/icons/organizations.svg.js"; import "../../../assets/icons/person.svg.js"; import "../../../assets/icons/study-active.svg.js"; import "../../../assets/icons/study-complete.svg.js"; import "../../../assets/icons/translational.svg.js"; import "../../../assets/icons/tree_horizontal.svg.js"; import "../../../assets/icons/standardDataModel.svg.js"; import "../../../assets/icons/Challenge.svg.js"; import "react-intersection-observer"; import "@rjsf/utils"; import "../../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js"; import "@mui/material/TextField"; import "jsonpath-plus"; import "@mui/material/ListItem"; import "@mui/material/FormHelperText"; import "@mui/material/List"; import "../../DateTimePicker/DateTimePicker.js"; import "../../JsonSchemaForm/widgets/SelectWidget.js"; import "@rjsf/mui"; import "@rjsf/validator-ajv8"; import "../../../utils/context/GlobalIsEditingContext.js"; import "../../../assets/icons/DoubleQuotes.svg.js"; import "../../EntityDownloadConfirmation/EntityDownloadConfirmation.js"; import "../../QueryContext/QueryContext.js"; import "../../QueryVisualizationWrapper/QueryVisualizationContext.js"; import "react-share"; import "../../GenericCard/GenericCard.js"; import "@mui/system"; import "../../GenericCard/Linkify.js"; import "jotai"; import f from "lodash-es/noop"; import "../../QueryWrapper/TableRowSelectionState.js"; import "../../styled/WideButton.js"; import "pluralize"; import "react-select"; import "react-error-boundary"; import "../../AccessRequirementList/AccessRequirementList.js"; import "../../DownloadCart/ActionRequiredCard/ActionRequiredCard.js"; import "../../EntityAclEditor/EntityAclEditor.js"; import "../../SynapseTable/SynapseTable.js"; import "../../styled/StyledTableContainer.js"; import "@mui/icons-material/ExitToApp"; import "../../ChallengeTeamWizard/CreateChallengeTeam.js"; import "../../ChallengeTeamWizard/MembershipRequestForm.js"; import "@mui/x-data-grid"; import "@mui/material/InputBase"; import "@mui/icons-material/Search"; import "@mui/icons-material/AddCircleTwoTone"; import "../../EntityFinder/details/configurations/EntityChildrenDetails.js"; import "../../EntityFinder/details/view/DetailsView.js"; import "immutable"; import "../../styled/LightTooltip.js"; import "../../../assets/illustrations/challenges_illustration.svg.js"; import "../../../assets/illustrations/cohort_builder_illustration.svg.js"; import "../../../assets/illustrations/data_access_management_illustration.svg.js"; import "../../../assets/illustrations/datasets_illustration.svg.js"; import "../../../assets/illustrations/discussions_illustration.svg.js"; import "../../../assets/illustrations/docker_illustration.svg.js"; import "../../../assets/illustrations/favorites_illustration.svg.js"; import "../../../assets/illustrations/files_illustration.svg.js"; import "../../../assets/illustrations/following_illustration.svg.js"; import "../../../assets/illustrations/projects_illustration.svg.js"; import "../../../assets/illustrations/tables_illustration.svg.js"; import "../../../assets/illustrations/teams_illustration.svg.js"; import "../../../assets/illustrations/trash_can_illustration.svg.js"; import "../../../assets/illustrations/wikis_illustration.svg.js"; import "../../../assets/illustrations/donation_illustration.svg.js"; import "../../../assets/illustrations/left_dot_blob_illustration.svg.js"; import "../../../assets/illustrations/right_dot_blob_illustration.svg.js"; import "../../../assets/illustrations/left_dot_blob_dark_illustration.svg.js"; import "../../../assets/illustrations/right_dot_blob_dark_illustration.svg.js"; import "../../../assets/illustrations/underconstruction_illustration.svg.js"; import "../../DownloadCart/DownloadListTable.js"; import "@hyperjump/json-schema"; import "@hyperjump/json-schema/draft-07"; import "@hyperjump/json-schema/annotated-instance/experimental"; import "@hyperjump/json-schema/annotations/experimental"; import "@rjsf/core"; import "../../EntityFinder/EntityFinder.js"; import "shortid"; import "../../Evaluation/EvaluationRoundEditor.js"; import "react-switch"; import "../../Plot/Plot.js"; import "../../ColorGradient/ColorGradient.js"; import "@mui/x-date-pickers"; import "@mui/x-date-pickers/AdapterDayjs"; import "@mui/x-date-pickers/LocalizationProvider"; import "../../FeaturedDataTabs/FacetPlotsCardGrid.js"; import "../../Forum/ForumTable.js"; import "@mui/icons-material/NavigateNext"; import "@react-google-maps/api"; import "../../Markdown/MarkdownUtils.js"; import "../../OAuthClientManagement/OAuthManagement.js"; import "../../OrientationBanner/OrientationBanner.js"; import "lodash-es/cloneDeep"; import "lodash-es/uniq"; import "lodash-es/countBy"; import "lodash-es/first"; import "lodash-es/orderBy"; import "../../styled/LargeButton.js"; import "../../../assets/illustrations/diagonalLinePattern.svg.js"; import "@upsetjs/react"; /* empty css */ import "reactflow"; import "../../ProvenanceGraph/ProvenanceUtils.js"; import "reactflow/dist/style.css"; import "../../download_list/DownloadDetails.js"; import "../../WizardChoiceButton/WizardChoiceButton.js"; import "../../SynapseTable/export/ExternalAnalysisPlatformsConstants.js"; import "../../styled/InlineBadge.js"; import "../../AccessRequirementAclEditor/AccessRequirementAclEditor.js"; import "../../RssFeedCards/RssFeedCards.js"; import "../../styled/InputSizedButton.js"; import "../../SubsectionRowRenderer/SubsectionRowRenderer.js"; import "@apidevtools/json-schema-ref-parser"; import "json-rules-engine"; import "lodash-es/find"; import "lodash-es/findIndex"; import "lodash-es/get"; import "lodash-es/isUndefined"; import "lodash-es/keys"; import "lodash-es/pick"; import "lodash-es/remove"; import "lodash-es/set"; import "lodash-es/trimStart"; import "../../SynapseForm/SynapseFormSubmissionGrid.js"; import "../../SynapseChat/AccessLevelMenu.js"; import "react-draggable"; import "../../TimelinePlot/phasesQueryResponseData.js"; import "../../EntityHeaderTable/EntityHeaderTable.js"; import "../../MuiContainer.js"; import "@mui/material/Grid"; import "@mui/icons-material/ArrowForwardIos"; import "../../PortalAclEditor/PortalAclEditor.js"; import "../../SynapseHomepageV2/HomepageStyles.js"; 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) { const { fileHandleId: a, csvTableDescriptor: i, onCsvPreviewDataChange: t = f, onIsLoadingChange: r = f } = e, { data: o, isLoading: m, error: s } = h({ concreteType: "org.sagebionetworks.repo.model.table.UploadToTablePreviewRequest", uploadFileHandleId: a, csvTableDescriptor: i }); d(() => { o && t(o); }, [o, t]), d(() => { r(m); }, [m, r]); const g = u( () => o?.sampleRows ?? [], [o?.sampleRows] ), v = u( () => S(o?.suggestedColumns ?? []), [o?.suggestedColumns] ), l = y({ getCoreRowModel: P(), data: g, columns: v }); return s ? /* @__PURE__ */ p(w, { error: s }) : /* @__PURE__ */ n(c, { children: [ m && /* @__PURE__ */ p("div", { children: "Loading preview..." }), !m && o && l && /* @__PURE__ */ n(c, { children: [ /* @__PURE__ */ n(C, { variant: "body1", children: [ "Scanned ", o?.rowsScanned?.toLocaleString(), " rows to generate preview:" ] }), /* @__PURE__ */ p(T, { table: l }) ] }) ] }); } function S(e) { const a = R(); return e.map((i, t) => a.accessor((r) => r.values[t], { id: `column-${t}`, header: (r) => /* @__PURE__ */ p( b, { ...r, title: `${i.name} (${i.columnType})` } ), enableColumnFilter: !1, enableSorting: !1 })); } export { $i as default }; //# sourceMappingURL=CsvPreview.js.map