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

82 lines (81 loc) 3.37 kB
import { jsx as t, jsxs as r } from "react/jsx-runtime"; import d from "pluralize"; import { Suspense as f } from "react"; import { SynapseErrorBoundary as y } from "./error/ErrorBanner.js"; import h from "./IconSvg/IconSvg.js"; import { useQueryContext as Q } from "./QueryContext/QueryContext.js"; import "@sage-bionetworks/synapse-types"; import "../utils/PermissionLevelToAccessType.js"; import "../utils/SynapseConstants.js"; 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 "../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 '../style/components/_spinner.css';/* empty css */ import "react-router"; import { useSuspenseGetQueryMetadata as S } from "./QueryWrapper/useGetQueryMetadata.js"; import { useQueryVisualizationContext as T } from "./QueryVisualizationWrapper/QueryVisualizationContext.js"; import { SkeletonInlineBlock as x } from "./Skeleton/SkeletonInlineBlock.js"; import "@mui/material/Skeleton"; import C from "./widgets/facet-nav/SelectionCriteriaPills.js"; function R(o) { const { style: l, frontText: s, endText: m = "", hideIfUnfiltered: p = !1 } = o, { resetQuery: a, hasResettableFilters: e } = Q(), { data: n } = S(), { unitDescription: u } = T(), i = n?.queryCount, c = e; return /* @__PURE__ */ r( "div", { className: `TotalQueryResults ${e ? "hasFilters" : ""}`, style: l, children: [ (e || !p) && /* @__PURE__ */ r("div", { className: "TotalQueryResults__topbar", children: [ /* @__PURE__ */ r("span", { className: "SRC-boldText", children: [ s, " ", i?.toLocaleString(), " ", d(u, i), " ", m ] }), c && /* @__PURE__ */ r( "a", { onClick: a, className: "TotalQueryResults__topbar__clearall", children: [ /* @__PURE__ */ t(h, { icon: "deleteSweep" }), "Clear all filters" ] } ) ] }), /* @__PURE__ */ t("div", { className: "TotalQueryResults__selections", children: /* @__PURE__ */ t(C, {}) }) ] } ); } function pt(o) { return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(f, { fallback: /* @__PURE__ */ t(x, { width: 100 }), children: /* @__PURE__ */ t(R, { ...o }) }) }); } export { pt as default }; //# sourceMappingURL=TotalQueryResults.js.map