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

80 lines (79 loc) 3.14 kB
import { jsx as r, jsxs as d, Fragment as y } from "react/jsx-runtime"; import { useMemo as e } 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 "../../utils/SynapseConstants.js"; import "lodash-es"; import "@sage-bionetworks/synapse-client/util/synapseClientFetch"; import "../../utils/PermissionLevelToAccessType.js"; 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 '../FullWidthAlert/FullWidthAlert.css';import '../../style/components/_spinner.css';/* empty css */ import "react-router"; import "lodash-es/cloneDeep"; import "lodash-es/noop"; import "lodash-es/uniq"; import "../Plot/Plot.js"; 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"; import "../ColorGradient/ColorGradient.js"; import "react-error-boundary"; /* empty css */ import "@react-hookz/web"; import { SynapsePlot as P } from "../Plot/SynapsePlot.js"; import { useQueryContext as f } from "../QueryContext/QueryContext.js"; import { useQueryVisualizationContext as x } from "../QueryVisualizationWrapper/QueryVisualizationContext.js"; import g from "../Plot/PlotPanelHeader.js"; function dt(t) { const o = f(), { currentQueryRequest: i } = o, { title: m, onCustomPlotClick: p, onHide: s } = t, { showPlots: n } = x(), a = e(() => ({ ...t, title: void 0, // we are handling the plot title here in this component showlegend: !1, displayModebar: !1 }), [t]), l = e(() => { const { selectedFacets: u, additionalFilters: c } = i.query; return { selectedFacets: u, additionalFilters: c, onCustomPlotClick: p, queryContext: o }; }, [i.query, p, o]); return /* @__PURE__ */ r("div", { role: "figure", className: "SynapsePlot", children: n && /* @__PURE__ */ d(y, { children: [ m && /* @__PURE__ */ r(g, { title: m, onHide: s }), /* @__PURE__ */ r( P, { synapsePlotWidgetParams: a, customPlotParams: l } ) ] }) }); } export { dt as default }; //# sourceMappingURL=QueryWrapperSynapsePlot.js.map