synapse-react-client 4.0.38 → 4.0.40

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.js

@@ -1,165 +1,230 @@
 import "../../utils/SynapseConstants.js";
-import { isTable as e } from "../../utils/functions/EntityTypeUtils.js";
-import { getAdditionalFilters as t, parseEntityIdAndVersionFromSqlStatement as n } from "../../utils/functions/SqlFunctions.js";
+import { isFilterGroup as e } from "../../utils/types/IsType.js";
+import { isTable as t } from "../../utils/functions/EntityTypeUtils.js";
+import { getAdditionalFilters as n, parseEntityIdAndVersionFromSqlStatement as r } from "../../utils/functions/SqlFunctions.js";
 import "../../utils/functions/index.js";
-import { SynapseErrorBoundary as r } from "../error/ErrorBanner.js";
+import { SynapseErrorBoundary as i } from "../error/ErrorBanner.js";
 import "../../utils/index.js";
-import { useGetEntity as i } from "../../synapse-queries/entity/useEntity.js";
+import { useGetEntity as a } from "../../synapse-queries/entity/useEntity.js";
 import "../../synapse-queries/index.js";
-import a from "../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
-import { useQueryContext as o } from "../QueryContext/QueryContext.js";
+import { ConfirmationDialog as o } from "../ConfirmationDialog/ConfirmationDialog.js";
+import "../ConfirmationDialog/index.js";
+import s from "../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
+import { useQueryContext as c } from "../QueryContext/QueryContext.js";
 import "../QueryContext/index.js";
-import { NoContentPlaceholderType as s } from "../SynapseTable/NoContentPlaceholderType.js";
-import { QueryVisualizationContextConsumer as c } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
-import { QueryVisualizationWrapper as l } from "../QueryVisualizationWrapper/QueryVisualizationWrapper.js";
+import { NoContentPlaceholderType as l } from "../SynapseTable/NoContentPlaceholderType.js";
+import { QueryVisualizationContextConsumer as u } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { QueryVisualizationWrapper as d } from "../QueryVisualizationWrapper/QueryVisualizationWrapper.js";
 import "../QueryVisualizationWrapper/index.js";
-import { isRowSelectionVisibleAtom as u } from "../QueryWrapper/TableRowSelectionState.js";
-import { QueryWrapper as d } from "../QueryWrapper/QueryWrapper.js";
+import { isRowSelectionVisibleAtom as f } from "../QueryWrapper/TableRowSelectionState.js";
+import { QueryWrapper as p } from "../QueryWrapper/QueryWrapper.js";
 import "../QueryWrapper/index.js";
 import "../error/index.js";
-import f from "../TotalQueryResults.js";
-import { SqlEditor as p } from "../SynapseTable/SqlEditor.js";
-import { QueryWrapperErrorBoundary as m } from "../QueryWrapperErrorBoundary.js";
-import { ModalDownload as h } from "../ModalDownload/ModalDownload.js";
-import g from "../QueryWrapper/QueryWrapperLoadingScreen.js";
-import { RowSetView as _ } from "./RowSetView.js";
-import v from "../widgets/query-filter/FacetFilterControls.js";
-import { useGetAddToDownloadListRequestForCurrentQuery as y } from "../QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js";
-import { FullTextSearch as b } from "../FullTextSearch/FullTextSearch.js";
-import x from "../SynapseTable/SearchV2.js";
-import S from "../SynapseTable/TopLevelControls/TopLevelControls.js";
-import { CustomControls as C } from "../SynapseTable/CustomControls/CustomControls.js";
-import w from "../widgets/facet-nav/PlotsContainer.js";
-import { Suspense as T, createElement as E, useMemo as D, useState as O } from "react";
-import { Box as k } from "@mui/material";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { useQuery as N } from "@tanstack/react-query";
-import { useAtomValue as P } from "jotai";
+import m from "../TotalQueryResults.js";
+import { SqlEditor as h } from "../SynapseTable/SqlEditor.js";
+import { QueryWrapperErrorBoundary as g } from "../QueryWrapperErrorBoundary.js";
+import { ModalDownload as _ } from "../ModalDownload/ModalDownload.js";
+import v from "../QueryWrapper/QueryWrapperLoadingScreen.js";
+import { RowSetView as y } from "./RowSetView.js";
+import b from "../widgets/query-filter/FacetFilterControls.js";
+import { useGetAddToDownloadListRequestForCurrentQuery as x } from "../QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js";
+import { FullTextSearch as S } from "../FullTextSearch/FullTextSearch.js";
+import C from "../SynapseTable/SearchV2.js";
+import w from "../SynapseTable/TopLevelControls/TopLevelControls.js";
+import { CustomControls as T } from "../SynapseTable/CustomControls/CustomControls.js";
+import E from "../widgets/facet-nav/PlotsContainer.js";
+import { defaultQBGroup as D, hasCompleteCondition as O } from "../QueryBuilder/queryBuilderOperations.js";
+import { qbNodeToApiFilter as ee, selectedFacetsToQBGroup as te } from "../QueryBuilder/queryBuilderTranslation.js";
+import { QueryBuilderControls as ne } from "../QueryBuilder/QueryBuilderControls.js";
+import { Suspense as k, createElement as A, useMemo as j, useState as M } from "react";
+import { Box as re } from "@mui/material";
+import { jsx as N, jsxs as ie } from "react/jsx-runtime";
+import { useQuery as ae } from "@tanstack/react-query";
+import { useAtomValue as oe } from "jotai";
 //#region src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx
-var F = "isShowingFacetFilters", I = "isHidingFacetFilters", L = "hasSelectedRows";
-function R(e) {
-	let { tableConfiguration: t, name: n, cardConfiguration: i, facetsToPlot: s, availableFacets: l, initialExpandedFacetControls: d, hideDownload: g, hideAddToDownloadListMenuItem: E, hideProgrammaticOptionsMenuItem: D, hideQueryCount: R, hideSqlEditorControl: z, hideVisualizationsControl: B, searchConfiguration: V, cavaticaConnectAccountURL: H, customControls: U, remount: W = () => {}, isFullTextSearchEnabled: ee, customPlots: G, initialLimit: K, initialPlotTypeByFacetColumnName: q, hideTopLevelControls: J } = e, Y = o(), [X, Z] = O(!1), { hasFacetedSelectColumn: Q, queryMetadataQueryOptions: te } = Y, { isLoading: ne } = N(te), re = P(u), $ = Y.currentQueryRequest, ie = $?.query.selectedFacets !== void 0 && $.query.selectedFacets.length > 0 || $?.query.additionalFilters !== void 0 && $?.query.additionalFilters.length > 0, ae = y();
-	return /* @__PURE__ */ j(c, { children: (e) => {
+var P = "isShowingFacetFilters", F = "isHidingFacetFilters", I = "hasSelectedRows";
+function L(t) {
+	let { tableConfiguration: n, name: r, cardConfiguration: a, facetsToPlot: l, availableFacets: d, initialExpandedFacetControls: p, hideDownload: v, hideAddToDownloadListMenuItem: A, hideProgrammaticOptionsMenuItem: j, hideQueryCount: L, hideSqlEditorControl: R, hideVisualizationsControl: se, searchConfiguration: z, cavaticaConnectAccountURL: ce, customControls: B, remount: V = () => {}, isFullTextSearchEnabled: le, customPlots: ue, initialLimit: H, initialPlotTypeByFacetColumnName: de, hideTopLevelControls: U, showQueryBuilderControl: fe = !1, defaultShowQueryBuilder: pe = !1 } = t, W = c(), [me, he] = M(!1), [G, K] = M(pe), [q, J] = M(() => D()), [ge, Y] = M(!1), { hasFacetedSelectColumn: X, queryMetadataQueryOptions: _e } = W, { executeQueryRequest: Z } = W, { isLoading: ve, data: ye } = ae(_e), be = () => {
+		let t = W.currentQueryRequest.query.selectedFacets;
+		if (t && t.length > 0) {
+			let n = te(t, ye?.columnModels), r = ee(n);
+			J(n), Z((t) => ({
+				...t,
+				query: {
+					...t.query,
+					selectedFacets: void 0,
+					additionalFilters: r ? [...(t.query.additionalFilters ?? []).filter((t) => !e(t)), r] : t.query.additionalFilters
+				}
+			}));
+		}
+		K(!0);
+	}, Q = () => {
+		J(D()), Z((t) => ({
+			...t,
+			query: {
+				...t.query,
+				additionalFilters: t.query.additionalFilters?.filter((t) => !e(t))
+			}
+		})), K(!1);
+	}, xe = () => {
+		if (!G) {
+			be();
+			return;
+		}
+		let t = W.currentQueryRequest.query.additionalFilters?.some(e) ?? !1;
+		if (O(q) || t) {
+			Y(!0);
+			return;
+		}
+		Q();
+	}, Se = oe(f), $ = W.currentQueryRequest, Ce = $?.query.selectedFacets !== void 0 && $.query.selectedFacets.length > 0 || $?.query.additionalFilters !== void 0 && $?.query.additionalFilters.length > 0, we = x();
+	return /* @__PURE__ */ N(u, { children: (e) => {
 		if (e === void 0) throw Error("No queryVisualizationContext found when using QueryVisualizationContextConsumer");
-		return /* @__PURE__ */ j(k, {
-			className: `QueryWrapperPlotNav ${e.showFacetFilter ? F : I} ${re ? L : ""} ${J ? "isHidingTopLevelControls" : ""}`,
-			sx: { "*": { cursor: ne ? "wait" : void 0 } },
-			children: /* @__PURE__ */ M(m, { children: [
-				ee ? /* @__PURE__ */ j(b, { ftsConfig: V?.ftsConfig }) : /* @__PURE__ */ j(x, {
-					...V,
-					queryContext: Y,
+		return /* @__PURE__ */ N(re, {
+			className: `QueryWrapperPlotNav ${e.showFacetFilter && !G ? P : F} ${Se ? I : ""} ${U ? "isHidingTopLevelControls" : ""} ${G ? "isShowingQueryBuilder" : ""}`,
+			sx: { "*": { cursor: ve ? "wait" : void 0 } },
+			children: /* @__PURE__ */ ie(g, { children: [
+				le ? /* @__PURE__ */ N(S, { ftsConfig: z?.ftsConfig }) : /* @__PURE__ */ N(C, {
+					...z,
+					queryContext: W,
 					queryVisualizationContext: e
 				}),
-				/* @__PURE__ */ j(p, {}),
-				e.showDownloadConfirmation && /* @__PURE__ */ j(a, {
-					addToDownloadListRequest: ae,
+				/* @__PURE__ */ N(h, {}),
+				e.showDownloadConfirmation && /* @__PURE__ */ N(s, {
+					addToDownloadListRequest: we,
 					onClose: () => e.setShowDownloadConfirmation(!1)
 				}),
-				!J && /* @__PURE__ */ j(r, { children: /* @__PURE__ */ j(S, {
-					showColumnSelection: t !== void 0,
-					name: n,
-					hideDownload: g,
-					hideAddToDownloadListMenuItem: E,
-					hideProgrammaticOptionsMenuItem: D,
-					hideQueryCount: R,
-					hideFacetFilterControl: !Q,
-					hideVisualizationsControl: !Q || B,
-					hideSqlEditorControl: z,
-					cavaticaConnectAccountURL: H,
-					remount: W,
-					customControls: U
-				}) }),
-				Q && /* @__PURE__ */ j(A, { children: /* @__PURE__ */ j(v, {
-					availableFacets: l,
-					initialExpandedFacetControls: d
+				!U && /* @__PURE__ */ N(i, { children: /* @__PURE__ */ N(w, {
+					showColumnSelection: n !== void 0,
+					name: r,
+					hideDownload: v,
+					hideAddToDownloadListMenuItem: A,
+					hideProgrammaticOptionsMenuItem: j,
+					hideQueryCount: L,
+					hideFacetFilterControl: !X || G,
+					hideVisualizationsControl: !X || se,
+					hideSqlEditorControl: R,
+					cavaticaConnectAccountURL: ce,
+					remount: V,
+					customControls: B,
+					showQueryBuilderControl: fe,
+					showQueryBuilder: G,
+					onToggleQueryBuilder: xe
 				}) }),
-				/* @__PURE__ */ j(T, {
+				G ? /* @__PURE__ */ N(k, {
 					fallback: null,
-					children: /* @__PURE__ */ j(f, {
+					children: /* @__PURE__ */ N("div", {
+						className: "QueryBuilderControls",
+						children: /* @__PURE__ */ N(ne, {
+							tree: q,
+							onTreeChange: J
+						})
+					})
+				}) : X && /* @__PURE__ */ N(b, {
+					availableFacets: d,
+					initialExpandedFacetControls: p
+				}),
+				/* @__PURE__ */ N(k, {
+					fallback: null,
+					children: /* @__PURE__ */ N(m, {
 						frontText: "",
-						endText: ie ? "filtered by" : "",
+						endText: Ce ? "filtered by" : "",
 						hideIfUnfiltered: !0
 					})
 				}),
-				/* @__PURE__ */ j(C, {
-					customControls: U,
-					remount: W
+				/* @__PURE__ */ N(T, {
+					customControls: B,
+					remount: V
+				}),
+				/* @__PURE__ */ N(E, {
+					facetsToPlot: l,
+					customPlots: ue,
+					initialPlotTypeByFacetColumnName: de
 				}),
-				/* @__PURE__ */ j(w, {
-					facetsToPlot: s,
-					customPlots: G,
-					initialPlotTypeByFacetColumnName: q
+				/* @__PURE__ */ N(y, {
+					tableConfiguration: n,
+					hideDownload: v,
+					cardConfiguration: a,
+					initialLimit: H
 				}),
-				/* @__PURE__ */ j(_, {
-					tableConfiguration: t,
-					hideDownload: g,
-					cardConfiguration: i,
-					initialLimit: K
+				me && /* @__PURE__ */ N(_, {
+					getLastQueryRequest: W?.getCurrentQueryRequest,
+					onClose: () => he(!1)
 				}),
-				X && /* @__PURE__ */ j(h, {
-					getLastQueryRequest: Y?.getCurrentQueryRequest,
-					onClose: () => Z(!1)
+				/* @__PURE__ */ N(o, {
+					open: ge,
+					title: "Hide Query Builder?",
+					content: "Hiding the Query Builder will clear the conditions you've built. This can't be undone.",
+					confirmButtonProps: {
+						children: "Hide Query Builder",
+						color: "error",
+						variant: "contained"
+					},
+					onConfirm: () => {
+						Y(!1), Q();
+					},
+					onCancel: () => Y(!1)
 				})
 			] })
 		});
 	} });
 }
-function z(r) {
-	let { sql: a, tableConfiguration: o, isInfinite: c = !o, limit: u = 25, showLastUpdatedOn: f, unitDescription: p, additionalFiltersSessionStorageKey: m, helpConfiguration: h, customPlots: _, enabledExternalAnalysisPlatforms: v } = r, { entityId: y, versionNumber: b } = n(r.query?.sql ?? a ?? ""), x = D(() => r.query ? r.query : r.initQueryJson ? JSON.parse(r.initQueryJson) : {
-		sql: a,
-		additionalFilters: t(r.searchParams, r.sqlOperator, m),
-		limit: u,
+function R(e) {
+	let { sql: i, tableConfiguration: o, isInfinite: s = !o, limit: c = 25, showLastUpdatedOn: u, unitDescription: f, additionalFiltersSessionStorageKey: m, helpConfiguration: h, customPlots: g, enabledExternalAnalysisPlatforms: _ } = e, { entityId: y, versionNumber: b } = r(e.query?.sql ?? i ?? ""), x = j(() => e.query ? e.query : e.initQueryJson ? JSON.parse(e.initQueryJson) : {
+		sql: i,
+		additionalFilters: n(e.searchParams, e.sqlOperator, m),
+		limit: c,
 		offset: 0
 	}, [
-		r.query,
-		r.initQueryJson,
-		r.searchParams,
-		r.sqlOperator,
+		e.query,
+		e.initQueryJson,
+		e.searchParams,
+		e.sqlOperator,
 		m,
-		a,
-		u
-	]), [S, C] = O(1), w = () => {
+		i,
+		c
+	]), [S, C] = M(1), w = () => {
 		C(S + 1);
-	}, { data: k } = i(y, b), A = {
+	}, { data: T } = a(y, b), E = {
 		entityId: y ?? "",
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
 		partMask: 255,
 		query: x
-	}, M = (k && e(k) && k.isSearchEnabled) ?? !1, N = `${JSON.stringify(A)}-${S}`;
-	return /* @__PURE__ */ E(d, {
-		...r,
-		initQueryRequest: A,
-		key: N,
-		isInfinite: c
-	}, /* @__PURE__ */ j(T, {
-		fallback: /* @__PURE__ */ j(g, {}),
-		children: /* @__PURE__ */ j(l, {
-			unitDescription: p,
-			rgbIndex: r.rgbIndex,
-			columnAliases: r.columnAliases,
-			renderFacetValue: r.renderFacetValue,
-			dataUseModifiersColumnName: r.cardConfiguration?.genericCardSchema?.dataUseModifiersColumnName,
+	}, D = (T && t(T) && T.isSearchEnabled) ?? !1, O = `${JSON.stringify(E)}-${S}`;
+	return /* @__PURE__ */ A(p, {
+		...e,
+		initQueryRequest: E,
+		key: O,
+		isInfinite: s
+	}, /* @__PURE__ */ N(k, {
+		fallback: /* @__PURE__ */ N(v, {}),
+		children: /* @__PURE__ */ N(d, {
+			unitDescription: f,
+			rgbIndex: e.rgbIndex,
+			columnAliases: e.columnAliases,
+			renderFacetValue: e.renderFacetValue,
+			dataUseModifiersColumnName: e.cardConfiguration?.genericCardSchema?.dataUseModifiersColumnName,
 			helpConfiguration: h,
-			visibleColumnCount: r.visibleColumnCount,
-			hiddenColumns: r.hiddenColumns,
-			defaultShowPlots: r.defaultShowPlots,
-			hideCopyToClipboard: r.hideCopyToClipboard,
-			defaultShowSearchBar: (r.defaultShowSearchBox || M) && !r.hideSearchBarControl,
-			lockTextMatchesQueryFilterPill: r.lockTextMatchesQueryFilterPill,
-			hideSearchBarControl: r.hideSearchBarControl,
-			showLastUpdatedOn: f,
-			noContentPlaceholderType: s.INTERACTIVE,
-			hasCustomPlots: Array.isArray(_) && _.length > 0,
-			enabledExternalAnalysisPlatforms: v,
-			children: /* @__PURE__ */ j(R, {
-				...r,
-				isFullTextSearchEnabled: M,
+			visibleColumnCount: e.visibleColumnCount,
+			hiddenColumns: e.hiddenColumns,
+			defaultShowPlots: e.defaultShowPlots,
+			hideCopyToClipboard: e.hideCopyToClipboard,
+			defaultShowSearchBar: (e.defaultShowSearchBox || D) && !e.hideSearchBarControl,
+			lockTextMatchesQueryFilterPill: e.lockTextMatchesQueryFilterPill,
+			hideSearchBarControl: e.hideSearchBarControl,
+			showLastUpdatedOn: u,
+			noContentPlaceholderType: l.INTERACTIVE,
+			hasCustomPlots: Array.isArray(g) && g.length > 0,
+			enabledExternalAnalysisPlatforms: _,
+			children: /* @__PURE__ */ N(L, {
+				...e,
+				isFullTextSearchEnabled: D,
 				remount: w
 			})
 		})
 	}));
 }
 //#endregion
-export { L as HAS_SELECTED_ROWS_CSS, I as QUERY_FILTERS_COLLAPSED_CSS, F as QUERY_FILTERS_EXPANDED_CSS, R as QueryWrapperPlotNavContents, z as default };
+export { I as HAS_SELECTED_ROWS_CSS, F as QUERY_FILTERS_COLLAPSED_CSS, P as QUERY_FILTERS_EXPANDED_CSS, L as QueryWrapperPlotNavContents, R as default };
 
 //# sourceMappingURL=QueryWrapperPlotNav.js.map

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdAndVersionFromSqlStatement,\n} from '@/utils/functions'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useAtomValue } from 'jotai'\nimport { Suspense, useMemo, useState } from 'react'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport { SynapseErrorBoundary } from '../error'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { QueryWrapperPlotNavCustomPlotParams } from '../Plot/SynapsePlot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\nimport PlotsContainer, {\n  PlotsContainerProps,\n} from '../widgets/facet-nav/PlotsContainer'\nimport FacetFilterControls, {\n  FacetFilterControlsProps,\n} from '../widgets/query-filter/FacetFilterControls'\nimport { QueryWrapperSynapsePlotProps } from './QueryWrapperSynapsePlot'\nimport { RowSetView } from './RowSetView'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\n\nexport const QUERY_FILTERS_EXPANDED_CSS: string = 'isShowingFacetFilters'\nexport const QUERY_FILTERS_COLLAPSED_CSS: string = 'isHidingFacetFilters'\n\nexport const HAS_SELECTED_ROWS_CSS: string = 'hasSelectedRows'\n\ntype QueryWrapperPlotNavOwnProps = {\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  /** Set to true when you want the query to be saved in the URL search parameters.  If you are controlling the view (such as in PortalSearch), you'll want to set this to false */\n  shouldDeepLink?: boolean\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, the callback will be invoked when the QueryResultBundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  /** If initQueryJson is set, it will be the Query used in the initial QueryBundleRequest */\n  initQueryJson?: string\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  customPlots?: QueryWrapperSynapsePlotProps[]\n  customControls?: CustomControl[]\n  defaultColumn?: string\n  defaultShowSearchBox?: boolean\n  lockedColumn?: QueryWrapperProps['lockedColumn']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n} & Omit<TopLevelControlsProps, 'entityId'> &\n  Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> &\n  Pick<\n    QueryWrapperProps,\n    | 'isRowSelectionVisible'\n    | 'rowSelectionPrimaryKey'\n    | 'isRowSelectionUIFloating'\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n  > &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'renderFacetValue'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'additionalFiltersSessionStorageKey'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideSearchBarControl'\n    | 'hideVisualizationsControl'\n    | 'enabledExternalAnalysisPlatforms'\n    | 'lockTextMatchesQueryFilterPill'\n  > &\n  Pick<QueryContextType, 'combineRangeFacetConfig'>\n\nexport type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams &\n  PlotsContainerProps &\n  QueryWrapperPlotNavOwnProps\n\nexport type QueryWrapperPlotNavContentsProps = Pick<\n  QueryWrapperPlotNavProps,\n  | 'tableConfiguration'\n  | 'name'\n  | 'cardConfiguration'\n  | 'facetsToPlot'\n  | 'availableFacets'\n  | 'initialExpandedFacetControls'\n  | 'hideDownload'\n  | 'hideAddToDownloadListMenuItem'\n  | 'hideProgrammaticOptionsMenuItem'\n  | 'hideQueryCount'\n  | 'hideSqlEditorControl'\n  | 'hideVisualizationsControl'\n  | 'searchConfiguration'\n  | 'enabledExternalAnalysisPlatforms'\n  | 'cavaticaConnectAccountURL'\n  | 'customControls'\n  | 'customPlots'\n  | 'fileIdColumnName'\n  | 'fileNameColumnName'\n  | 'fileVersionColumnName'\n  | 'initialLimit'\n  | 'initialPlotTypeByFacetColumnName'\n  | 'hideTopLevelControls'\n> & {\n  isFullTextSearchEnabled: boolean\n  remount?: () => void\n}\n\nexport function QueryWrapperPlotNavContents(\n  props: QueryWrapperPlotNavContentsProps,\n) {\n  const {\n    tableConfiguration,\n    name,\n    cardConfiguration,\n    facetsToPlot,\n    availableFacets,\n    initialExpandedFacetControls,\n    hideDownload,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n    hideQueryCount,\n    hideSqlEditorControl,\n    hideVisualizationsControl,\n    searchConfiguration,\n    cavaticaConnectAccountURL,\n    customControls,\n    remount = () => {},\n    isFullTextSearchEnabled,\n    customPlots,\n    initialLimit,\n    initialPlotTypeByFacetColumnName,\n    hideTopLevelControls,\n  } = props\n  const queryContext = useQueryContext()\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const { hasFacetedSelectColumn: isFaceted, queryMetadataQueryOptions } =\n    queryContext\n  const { isLoading: isLoadingQueryMetadata } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const currentQueryRequest = queryContext.currentQueryRequest\n\n  const hasFacetsOrFilters =\n    (currentQueryRequest?.query.selectedFacets !== undefined &&\n      currentQueryRequest.query.selectedFacets.length > 0) ||\n    (currentQueryRequest?.query.additionalFilters !== undefined &&\n      currentQueryRequest?.query.additionalFilters.length > 0)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  return (\n    <QueryVisualizationContextConsumer>\n      {queryVisualizationContext => {\n        if (queryVisualizationContext === undefined) {\n          throw new Error(\n            'No queryVisualizationContext found when using QueryVisualizationContextConsumer',\n          )\n        }\n\n        return (\n          <Box\n            className={`QueryWrapperPlotNav ${\n              queryVisualizationContext.showFacetFilter\n                ? QUERY_FILTERS_EXPANDED_CSS\n                : QUERY_FILTERS_COLLAPSED_CSS\n            } ${isRowSelectionVisible ? HAS_SELECTED_ROWS_CSS : ''} ${\n              hideTopLevelControls ? 'isHidingTopLevelControls' : ''\n            }`}\n            sx={{\n              '*': {\n                cursor: isLoadingQueryMetadata ? 'wait' : undefined,\n              },\n            }}\n          >\n            <QueryWrapperErrorBoundary>\n              {isFullTextSearchEnabled ? (\n                <FullTextSearch ftsConfig={searchConfiguration?.ftsConfig} />\n              ) : (\n                <SearchV2\n                  {...searchConfiguration}\n                  queryContext={queryContext}\n                  queryVisualizationContext={queryVisualizationContext}\n                />\n              )}\n              <SqlEditor />\n              {queryVisualizationContext.showDownloadConfirmation && (\n                <AddToDownloadListConfirmationAlert\n                  addToDownloadListRequest={addToDownloadListRequest}\n                  onClose={() =>\n                    queryVisualizationContext.setShowDownloadConfirmation(false)\n                  }\n                />\n              )}\n              {!hideTopLevelControls && (\n                <SynapseErrorBoundary>\n                  <TopLevelControls\n                    showColumnSelection={tableConfiguration !== undefined}\n                    name={name}\n                    hideDownload={hideDownload}\n                    hideAddToDownloadListMenuItem={\n                      hideAddToDownloadListMenuItem\n                    }\n                    hideProgrammaticOptionsMenuItem={\n                      hideProgrammaticOptionsMenuItem\n                    }\n                    hideQueryCount={hideQueryCount}\n                    hideFacetFilterControl={!isFaceted}\n                    hideVisualizationsControl={\n                      !isFaceted || hideVisualizationsControl\n                    }\n                    hideSqlEditorControl={hideSqlEditorControl}\n                    cavaticaConnectAccountURL={cavaticaConnectAccountURL}\n                    remount={remount}\n                    customControls={customControls}\n                  />\n                </SynapseErrorBoundary>\n              )}\n              {isFaceted && (\n                <>\n                  <FacetFilterControls\n                    availableFacets={availableFacets}\n                    initialExpandedFacetControls={initialExpandedFacetControls}\n                  />\n                </>\n              )}\n              {/* Isolated Suspense so that metadata loading does not hide the table */}\n              <Suspense fallback={null}>\n                <TotalQueryResults\n                  frontText={''}\n                  endText={hasFacetsOrFilters ? 'filtered by' : ''}\n                  hideIfUnfiltered={true}\n                />\n              </Suspense>\n              <CustomControls\n                customControls={customControls}\n                remount={remount}\n              />\n              <PlotsContainer\n                facetsToPlot={facetsToPlot}\n                customPlots={customPlots}\n                initialPlotTypeByFacetColumnName={\n                  initialPlotTypeByFacetColumnName\n                }\n              />\n              <RowSetView\n                tableConfiguration={tableConfiguration}\n                hideDownload={hideDownload}\n                cardConfiguration={cardConfiguration}\n                initialLimit={initialLimit}\n              />\n              {showExportMetadata && (\n                <ModalDownload\n                  getLastQueryRequest={queryContext?.getCurrentQueryRequest}\n                  onClose={() => setShowExportMetadata(false)}\n                />\n              )}\n            </QueryWrapperErrorBoundary>\n          </Box>\n        )\n      }}\n    </QueryVisualizationContextConsumer>\n  )\n}\n\nexport default function QueryWrapperPlotNav(props: QueryWrapperPlotNavProps) {\n  const {\n    sql: deprecatedSql,\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    limit = DEFAULT_PAGE_SIZE,\n    showLastUpdatedOn,\n    unitDescription,\n    additionalFiltersSessionStorageKey,\n    helpConfiguration,\n    customPlots,\n    enabledExternalAnalysisPlatforms,\n  } = props\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const { entityId, versionNumber } =\n    parseEntityIdAndVersionFromSqlStatement(sql)\n\n  const query: Query = useMemo(() => {\n    if (props.query) {\n      // use query if set\n      return props.query\n    } else if (props.initQueryJson) {\n      // Otherwise use initQueryJson\n      return JSON.parse(props.initQueryJson) as Query\n    } else {\n      // use the deprecated sql, searchParams, and sqlOperator\n      const additionalFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      return {\n        sql: deprecatedSql!,\n        additionalFilters,\n        limit: limit,\n        offset: 0,\n      }\n    }\n  }, [\n    props.query,\n    props.initQueryJson,\n    props.searchParams,\n    props.sqlOperator,\n    additionalFiltersSessionStorageKey,\n    deprecatedSql,\n    limit,\n  ])\n\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n  const initQueryRequest: QueryBundleRequest = {\n    entityId: entityId ?? '',\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    query,\n  }\n  const isFullTextSearchEnabled =\n    (entity && isTable(entity) && entity.isSearchEnabled) ?? false\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = `${JSON.stringify(initQueryRequest)}-${componentKey}`\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      key={queryWrapperKey}\n      isInfinite={isInfinite}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          renderFacetValue={props.renderFacetValue}\n          dataUseModifiersColumnName={\n            props.cardConfiguration?.genericCardSchema\n              ?.dataUseModifiersColumnName\n          }\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          defaultShowSearchBar={\n            (props.defaultShowSearchBox || isFullTextSearchEnabled) &&\n            !props.hideSearchBarControl\n          }\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\n          hideSearchBarControl={props.hideSearchBarControl}\n          showLastUpdatedOn={showLastUpdatedOn}\n          noContentPlaceholderType={NoContentPlaceholderType.INTERACTIVE}\n          hasCustomPlots={Array.isArray(customPlots) && customPlots.length > 0}\n          enabledExternalAnalysisPlatforms={enabledExternalAnalysisPlatforms}\n        >\n          <QueryWrapperPlotNavContents\n            {...props}\n            isFullTextSearchEnabled={isFullTextSearchEnabled}\n            remount={remount}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </QueryWrapper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"QueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdAndVersionFromSqlStatement,\n} from '@/utils/functions'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useAtomValue } from 'jotai'\nimport { Suspense, useMemo, useState } from 'react'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport { SynapseErrorBoundary } from '../error'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { QueryWrapperPlotNavCustomPlotParams } from '../Plot/SynapsePlot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\nimport PlotsContainer, {\n  PlotsContainerProps,\n} from '../widgets/facet-nav/PlotsContainer'\nimport FacetFilterControls, {\n  FacetFilterControlsProps,\n} from '../widgets/query-filter/FacetFilterControls'\nimport { QueryBuilderControls } from '../QueryBuilder/QueryBuilderControls'\nimport {\n  defaultQBGroup,\n  hasCompleteCondition,\n} from '../QueryBuilder/queryBuilderOperations'\nimport {\n  qbNodeToApiFilter,\n  selectedFacetsToQBGroup,\n} from '../QueryBuilder/queryBuilderTranslation'\nimport { QBGroup } from '../QueryBuilder/QueryBuilderTypes'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { isFilterGroup } from '../../utils/types/IsType'\nimport { QueryWrapperSynapsePlotProps } from './QueryWrapperSynapsePlot'\nimport { RowSetView } from './RowSetView'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\n\nexport const QUERY_FILTERS_EXPANDED_CSS: string = 'isShowingFacetFilters'\nexport const QUERY_FILTERS_COLLAPSED_CSS: string = 'isHidingFacetFilters'\n\nexport const HAS_SELECTED_ROWS_CSS: string = 'hasSelectedRows'\n\ntype QueryWrapperPlotNavOwnProps = {\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  /** Set to true when you want the query to be saved in the URL search parameters.  If you are controlling the view (such as in PortalSearch), you'll want to set this to false */\n  shouldDeepLink?: boolean\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, the callback will be invoked when the QueryResultBundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  /** If initQueryJson is set, it will be the Query used in the initial QueryBundleRequest */\n  initQueryJson?: string\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  customPlots?: QueryWrapperSynapsePlotProps[]\n  customControls?: CustomControl[]\n  defaultColumn?: string\n  defaultShowSearchBox?: boolean\n  lockedColumn?: QueryWrapperProps['lockedColumn']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n  /**\n   * When true, shows a `Show / Hide Query Builder` toggle in `TopLevelControls`.\n   * The QB and the facet nav are mutually exclusive — turning the QB on hides\n   * the facet nav entirely.\n   */\n  showQueryBuilderControl?: boolean\n  /**\n   * When true, the QB is shown by default. When `showQueryBuilderControl` is\n   * also true, the user can toggle it back off from `TopLevelControls`. When\n   * `showQueryBuilderControl` is false the QB is permanently displayed with\n   * no toggle button.\n   */\n  defaultShowQueryBuilder?: boolean\n} & Omit<TopLevelControlsProps, 'entityId'> &\n  Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> &\n  Pick<\n    QueryWrapperProps,\n    | 'isRowSelectionVisible'\n    | 'rowSelectionPrimaryKey'\n    | 'isRowSelectionUIFloating'\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n  > &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'renderFacetValue'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'additionalFiltersSessionStorageKey'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideSearchBarControl'\n    | 'hideVisualizationsControl'\n    | 'enabledExternalAnalysisPlatforms'\n    | 'lockTextMatchesQueryFilterPill'\n  > &\n  Pick<QueryContextType, 'combineRangeFacetConfig'>\n\nexport type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams &\n  PlotsContainerProps &\n  QueryWrapperPlotNavOwnProps\n\nexport type QueryWrapperPlotNavContentsProps = Pick<\n  QueryWrapperPlotNavProps,\n  | 'tableConfiguration'\n  | 'name'\n  | 'cardConfiguration'\n  | 'facetsToPlot'\n  | 'availableFacets'\n  | 'initialExpandedFacetControls'\n  | 'hideDownload'\n  | 'hideAddToDownloadListMenuItem'\n  | 'hideProgrammaticOptionsMenuItem'\n  | 'hideQueryCount'\n  | 'hideSqlEditorControl'\n  | 'hideVisualizationsControl'\n  | 'searchConfiguration'\n  | 'enabledExternalAnalysisPlatforms'\n  | 'cavaticaConnectAccountURL'\n  | 'customControls'\n  | 'customPlots'\n  | 'fileIdColumnName'\n  | 'fileNameColumnName'\n  | 'fileVersionColumnName'\n  | 'initialLimit'\n  | 'initialPlotTypeByFacetColumnName'\n  | 'hideTopLevelControls'\n  | 'showQueryBuilderControl'\n  | 'defaultShowQueryBuilder'\n> & {\n  isFullTextSearchEnabled: boolean\n  remount?: () => void\n}\n\nexport function QueryWrapperPlotNavContents(\n  props: QueryWrapperPlotNavContentsProps,\n) {\n  const {\n    tableConfiguration,\n    name,\n    cardConfiguration,\n    facetsToPlot,\n    availableFacets,\n    initialExpandedFacetControls,\n    hideDownload,\n    hideAddToDownloadListMenuItem,\n    hideProgrammaticOptionsMenuItem,\n    hideQueryCount,\n    hideSqlEditorControl,\n    hideVisualizationsControl,\n    searchConfiguration,\n    cavaticaConnectAccountURL,\n    customControls,\n    remount = () => {},\n    isFullTextSearchEnabled,\n    customPlots,\n    initialLimit,\n    initialPlotTypeByFacetColumnName,\n    hideTopLevelControls,\n    showQueryBuilderControl = false,\n    defaultShowQueryBuilder = false,\n  } = props\n  const queryContext = useQueryContext()\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const [showQueryBuilder, setShowQueryBuilder] = useState(\n    defaultShowQueryBuilder,\n  )\n  const [qbTree, setQbTree] = useState<QBGroup>(() => defaultQBGroup())\n  const [isConfirmingHideQb, setIsConfirmingHideQb] = useState(false)\n  const { hasFacetedSelectColumn: isFaceted, queryMetadataQueryOptions } =\n    queryContext\n  const { executeQueryRequest } = queryContext\n  const { isLoading: isLoadingQueryMetadata, data: queryMetadata } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  // Facets ↔ QB transitions: switching FF → QB silently translates\n  // selectedFacets into the QB tree and swaps them for a FilterGroup in\n  // additionalFilters so results stay stable. Switching QB → FF prompts if\n  // the QB has meaningful state (a completed condition or an applied filter),\n  // since we can't losslessly reverse the translation.\n  const enterQueryBuilder = () => {\n    const selectedFacets = queryContext.currentQueryRequest.query.selectedFacets\n    if (selectedFacets && selectedFacets.length > 0) {\n      const translated = selectedFacetsToQBGroup(\n        selectedFacets,\n        queryMetadata?.columnModels,\n      )\n      const asFilter = qbNodeToApiFilter(translated)\n      setQbTree(translated)\n      executeQueryRequest(prev => ({\n        ...prev,\n        query: {\n          ...prev.query,\n          selectedFacets: undefined,\n          additionalFilters: asFilter\n            ? [\n                ...(prev.query.additionalFilters ?? []).filter(\n                  f => !isFilterGroup(f),\n                ),\n                asFilter,\n              ]\n            : prev.query.additionalFilters,\n        },\n      }))\n    }\n    setShowQueryBuilder(true)\n  }\n\n  const exitQueryBuilder = () => {\n    setQbTree(defaultQBGroup())\n    executeQueryRequest(prev => ({\n      ...prev,\n      query: {\n        ...prev.query,\n        additionalFilters: prev.query.additionalFilters?.filter(\n          f => !isFilterGroup(f),\n        ),\n      },\n    }))\n    setShowQueryBuilder(false)\n  }\n\n  const handleToggleQueryBuilder = () => {\n    if (!showQueryBuilder) {\n      enterQueryBuilder()\n      return\n    }\n    const hasFilterGroupApplied =\n      queryContext.currentQueryRequest.query.additionalFilters?.some(\n        isFilterGroup,\n      ) ?? false\n    if (hasCompleteCondition(qbTree) || hasFilterGroupApplied) {\n      setIsConfirmingHideQb(true)\n      return\n    }\n    exitQueryBuilder()\n  }\n\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const currentQueryRequest = queryContext.currentQueryRequest\n\n  const hasFacetsOrFilters =\n    (currentQueryRequest?.query.selectedFacets !== undefined &&\n      currentQueryRequest.query.selectedFacets.length > 0) ||\n    (currentQueryRequest?.query.additionalFilters !== undefined &&\n      currentQueryRequest?.query.additionalFilters.length > 0)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  return (\n    <QueryVisualizationContextConsumer>\n      {queryVisualizationContext => {\n        if (queryVisualizationContext === undefined) {\n          throw new Error(\n            'No queryVisualizationContext found when using QueryVisualizationContextConsumer',\n          )\n        }\n\n        return (\n          <Box\n            className={`QueryWrapperPlotNav ${\n              queryVisualizationContext.showFacetFilter && !showQueryBuilder\n                ? QUERY_FILTERS_EXPANDED_CSS\n                : QUERY_FILTERS_COLLAPSED_CSS\n            } ${isRowSelectionVisible ? HAS_SELECTED_ROWS_CSS : ''} ${\n              hideTopLevelControls ? 'isHidingTopLevelControls' : ''\n            } ${showQueryBuilder ? 'isShowingQueryBuilder' : ''}`}\n            sx={{\n              '*': {\n                cursor: isLoadingQueryMetadata ? 'wait' : undefined,\n              },\n            }}\n          >\n            <QueryWrapperErrorBoundary>\n              {isFullTextSearchEnabled ? (\n                <FullTextSearch ftsConfig={searchConfiguration?.ftsConfig} />\n              ) : (\n                <SearchV2\n                  {...searchConfiguration}\n                  queryContext={queryContext}\n                  queryVisualizationContext={queryVisualizationContext}\n                />\n              )}\n              <SqlEditor />\n              {queryVisualizationContext.showDownloadConfirmation && (\n                <AddToDownloadListConfirmationAlert\n                  addToDownloadListRequest={addToDownloadListRequest}\n                  onClose={() =>\n                    queryVisualizationContext.setShowDownloadConfirmation(false)\n                  }\n                />\n              )}\n              {!hideTopLevelControls && (\n                <SynapseErrorBoundary>\n                  <TopLevelControls\n                    showColumnSelection={tableConfiguration !== undefined}\n                    name={name}\n                    hideDownload={hideDownload}\n                    hideAddToDownloadListMenuItem={\n                      hideAddToDownloadListMenuItem\n                    }\n                    hideProgrammaticOptionsMenuItem={\n                      hideProgrammaticOptionsMenuItem\n                    }\n                    hideQueryCount={hideQueryCount}\n                    hideFacetFilterControl={!isFaceted || showQueryBuilder}\n                    hideVisualizationsControl={\n                      !isFaceted || hideVisualizationsControl\n                    }\n                    hideSqlEditorControl={hideSqlEditorControl}\n                    cavaticaConnectAccountURL={cavaticaConnectAccountURL}\n                    remount={remount}\n                    customControls={customControls}\n                    showQueryBuilderControl={showQueryBuilderControl}\n                    showQueryBuilder={showQueryBuilder}\n                    onToggleQueryBuilder={handleToggleQueryBuilder}\n                  />\n                </SynapseErrorBoundary>\n              )}\n              {showQueryBuilder ? (\n                <Suspense fallback={null}>\n                  <div className=\"QueryBuilderControls\">\n                    <QueryBuilderControls\n                      tree={qbTree}\n                      onTreeChange={setQbTree}\n                    />\n                  </div>\n                </Suspense>\n              ) : (\n                isFaceted && (\n                  <FacetFilterControls\n                    availableFacets={availableFacets}\n                    initialExpandedFacetControls={initialExpandedFacetControls}\n                  />\n                )\n              )}\n              {/* Isolated Suspense so that metadata loading does not hide the table */}\n              <Suspense fallback={null}>\n                <TotalQueryResults\n                  frontText={''}\n                  endText={hasFacetsOrFilters ? 'filtered by' : ''}\n                  hideIfUnfiltered={true}\n                />\n              </Suspense>\n              <CustomControls\n                customControls={customControls}\n                remount={remount}\n              />\n              <PlotsContainer\n                facetsToPlot={facetsToPlot}\n                customPlots={customPlots}\n                initialPlotTypeByFacetColumnName={\n                  initialPlotTypeByFacetColumnName\n                }\n              />\n              <RowSetView\n                tableConfiguration={tableConfiguration}\n                hideDownload={hideDownload}\n                cardConfiguration={cardConfiguration}\n                initialLimit={initialLimit}\n              />\n              {showExportMetadata && (\n                <ModalDownload\n                  getLastQueryRequest={queryContext?.getCurrentQueryRequest}\n                  onClose={() => setShowExportMetadata(false)}\n                />\n              )}\n              <ConfirmationDialog\n                open={isConfirmingHideQb}\n                title=\"Hide Query Builder?\"\n                content=\"Hiding the Query Builder will clear the conditions you've built. This can't be undone.\"\n                confirmButtonProps={{\n                  children: 'Hide Query Builder',\n                  color: 'error',\n                  variant: 'contained',\n                }}\n                onConfirm={() => {\n                  setIsConfirmingHideQb(false)\n                  exitQueryBuilder()\n                }}\n                onCancel={() => setIsConfirmingHideQb(false)}\n              />\n            </QueryWrapperErrorBoundary>\n          </Box>\n        )\n      }}\n    </QueryVisualizationContextConsumer>\n  )\n}\n\nexport default function QueryWrapperPlotNav(props: QueryWrapperPlotNavProps) {\n  const {\n    sql: deprecatedSql,\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    limit = DEFAULT_PAGE_SIZE,\n    showLastUpdatedOn,\n    unitDescription,\n    additionalFiltersSessionStorageKey,\n    helpConfiguration,\n    customPlots,\n    enabledExternalAnalysisPlatforms,\n  } = props\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const { entityId, versionNumber } =\n    parseEntityIdAndVersionFromSqlStatement(sql)\n\n  const query: Query = useMemo(() => {\n    if (props.query) {\n      // use query if set\n      return props.query\n    } else if (props.initQueryJson) {\n      // Otherwise use initQueryJson\n      return JSON.parse(props.initQueryJson) as Query\n    } else {\n      // use the deprecated sql, searchParams, and sqlOperator\n      const additionalFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      return {\n        sql: deprecatedSql!,\n        additionalFilters,\n        limit: limit,\n        offset: 0,\n      }\n    }\n  }, [\n    props.query,\n    props.initQueryJson,\n    props.searchParams,\n    props.sqlOperator,\n    additionalFiltersSessionStorageKey,\n    deprecatedSql,\n    limit,\n  ])\n\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n  const initQueryRequest: QueryBundleRequest = {\n    entityId: entityId ?? '',\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    query,\n  }\n  const isFullTextSearchEnabled =\n    (entity && isTable(entity) && entity.isSearchEnabled) ?? false\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = `${JSON.stringify(initQueryRequest)}-${componentKey}`\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      key={queryWrapperKey}\n      isInfinite={isInfinite}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          renderFacetValue={props.renderFacetValue}\n          dataUseModifiersColumnName={\n            props.cardConfiguration?.genericCardSchema\n              ?.dataUseModifiersColumnName\n          }\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          defaultShowSearchBar={\n            (props.defaultShowSearchBox || isFullTextSearchEnabled) &&\n            !props.hideSearchBarControl\n          }\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\n          hideSearchBarControl={props.hideSearchBarControl}\n          showLastUpdatedOn={showLastUpdatedOn}\n          noContentPlaceholderType={NoContentPlaceholderType.INTERACTIVE}\n          hasCustomPlots={Array.isArray(customPlots) && customPlots.length > 0}\n          enabledExternalAnalysisPlatforms={enabledExternalAnalysisPlatforms}\n        >\n          <QueryWrapperPlotNavContents\n            {...props}\n            isFullTextSearchEnabled={isFullTextSearchEnabled}\n            remount={remount}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </QueryWrapper>\n  )\n}\n"],"mappings":"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"}

package/dist/components/RssFeedCards/RssFeedCards.d.ts

@@ -11,6 +11,7 @@ export type RssFeedCardsProps = {
     mailChimpListName?: string;
     mailChimpUrl?: string;
     viewAllNewsButtonText?: string;
+    hideDate?: boolean;
 };
 export declare function RssFeedCards(props: RssFeedCardsProps): import("react/jsx-runtime").JSX.Element;
 export default RssFeedCards;

package/dist/components/RssFeedCards/RssFeedCards.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RssFeedCards.d.ts","sourceRoot":"","sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAA0B,MAAM,uBAAuB,CAAA;AAK3E,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAA;AAuBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA6IpD;AAED,eAAe,YAAY,CAAA;AAE3B;;;GAGG;AACH,wBAAsB,eAAe,CACnC,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,SAAS,GACjB,OAAO,CAAC,IAAI,CAAC,CAGf"}
+{"version":3,"file":"RssFeedCards.d.ts","sourceRoot":"","sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAA0B,MAAM,uBAAuB,CAAA;AAK3E,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAuBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAgJpD;AAED,eAAe,YAAY,CAAA;AAE3B;;;GAGG;AACH,wBAAsB,eAAe,CACnC,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,MAAM,EACX,MAAM,CAAC,EAAE,SAAS,GACjB,OAAO,CAAC,IAAI,CAAC,CAGf"}

package/dist/components/RssFeedCards/RssFeedCards.js

@@ -23,8 +23,8 @@ function m(e) {
 	});
 }
 function h(s) {
-	let { url: d, filter: f, itemsToShow: h, allowCategories: g, mailChimpListName: _, mailChimpUrl: v, viewAllNewsButtonText: y } = s, { allItemsUrl: b, feedUrl: x } = p(d, f), { data: S, isError: C } = c(m(x)), [w, T] = r(!1);
-	return S?.items?.length === 0 ? /* @__PURE__ */ o("div", {
+	let { url: d, filter: f, itemsToShow: h, allowCategories: g, mailChimpListName: _, mailChimpUrl: v, viewAllNewsButtonText: y, hideDate: b } = s, { allItemsUrl: x, feedUrl: S } = p(d, f), { data: C, isError: w } = c(m(S)), [T, E] = r(!1);
+	return C?.items?.length === 0 ? /* @__PURE__ */ o("div", {
 		className: "text-center SRCBorderedPanel SRCBorderedPanel--padded2x",
 		children: [e, /* @__PURE__ */ a("div", {
 			style: {
@@ -35,11 +35,11 @@ function h(s) {
 		})]
 	}) : /* @__PURE__ */ o(i, { children: [v && /* @__PURE__ */ o("div", {
 		className: "FeedSubscribe",
-		children: [!w && /* @__PURE__ */ o("a", {
+		children: [!T && /* @__PURE__ */ o("a", {
 			className: "FeedSubscribeToNewsLink SRC-no-border-bottom-imp",
-			onClick: () => T(!0),
+			onClick: () => E(!0),
 			children: [/* @__PURE__ */ a(n, { title: "Subscribe to News" }), "Subscribe to News"]
-		}), w && /* @__PURE__ */ o("div", {
+		}), T && /* @__PURE__ */ o("div", {
 			className: "MailchimpSubscribeContainer",
 			children: [
 				/* @__PURE__ */ a(n, { title: "Subscribe to News" }),
@@ -59,7 +59,7 @@ function h(s) {
 		children: [
 			/* @__PURE__ */ a("div", {
 				className: "FeedItems",
-				children: S?.items && S.items.map((e, t) => {
+				children: C?.items && C.items.map((e, t) => {
 					if (!(t >= h)) return /* @__PURE__ */ a("div", {
 						className: "FeedItem",
 						children: /* @__PURE__ */ o("div", { children: [
@@ -68,7 +68,7 @@ function h(s) {
 								children: e.categories?.map((t) => {
 									let n = t.toLowerCase();
 									return g?.findIndex((e) => n === e.toLowerCase()) === -1 ? null : /* @__PURE__ */ a("a", {
-										href: `${S.link}/tag/${t.replace(" ", "-")}`,
+										href: `${C.link}/tag/${t.replace(" ", "-")}`,
 										className: "SRC-no-border-bottom-imp",
 										target: "_blank",
 										rel: "noopener noreferrer",
@@ -79,7 +79,7 @@ function h(s) {
 									}, `${e.guid}_${t}`);
 								})
 							}),
-							/* @__PURE__ */ a("p", {
+							!b && /* @__PURE__ */ a("p", {
 								className: "FeedItemDate",
 								children: l(e.isoDate).format("MMMM YYYY")
 							}),
@@ -102,17 +102,17 @@ function h(s) {
 					}, e.guid);
 				})
 			}),
-			S?.items && S.items.length > h && b && /* @__PURE__ */ a("div", {
+			C?.items && C.items.length > h && x && /* @__PURE__ */ a("div", {
 				className: "FeedViewAllNewsButtonContainer",
 				children: /* @__PURE__ */ a(t, {
 					color: "secondary",
 					variant: "contained",
-					onClick: () => window.open(b, "_blank", "noopener"),
+					onClick: () => window.open(x, "_blank", "noopener"),
 					target: "_blank",
 					children: y ?? "View All News"
 				})
 			}),
-			C && /* @__PURE__ */ o("div", { children: ["Unable to load feed: ", d] })
+			w && /* @__PURE__ */ o("div", { children: ["Unable to load feed: ", d] })
 		]
 	})] });
 }

package/dist/components/RssFeedCards/RssFeedCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"RssFeedCards.js","names":[],"sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\nimport { ReactComponent as SubscribePlus } from '@/assets/icons/subscribe_plus.svg'\nimport LargeButton from '@/components/styled/LargeButton'\nimport dayjs from 'dayjs'\nimport MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\nimport { QueryClient, queryOptions, useQuery } from '@tanstack/react-query'\nimport { useState } from 'react'\n\nconst rssParser = new Parser()\n\nexport type RssFilter = {\n  type?: 'tag' | 'category'\n  value: string\n}\n\nexport type RssFeedCardsProps = {\n  url: string\n  filter?: RssFilter // optional tag or category to use as a filter\n  itemsToShow: number\n  allowCategories?: string[]\n  mailChimpListName?: string\n  mailChimpUrl?: string\n  viewAllNewsButtonText?: string\n}\n\nfunction buildRssFeedUrl(url: string, filter?: RssFilter) {\n  const filterValue = filter?.value\n  const filterType = filter?.type\n  const tagPath = filterValue\n    ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n    : ''\n  const allItemsUrl = `${url}${tagPath}`\n  const feedUrl = `${allItemsUrl}/?feed=rss2`\n  return { allItemsUrl, feedUrl }\n}\n\nfunction getRssFeedQueryOptions(feedUrl: string) {\n  return queryOptions({\n    queryKey: ['rssFeed', feedUrl],\n    queryFn: () =>\n      fetch(feedUrl)\n        .then(response => response.text())\n        .then(responseData => rssParser.parseString(responseData)),\n  })\n}\n\nexport function RssFeedCards(props: RssFeedCardsProps) {\n  const {\n    url,\n    filter,\n    itemsToShow,\n    allowCategories,\n    mailChimpListName,\n    mailChimpUrl,\n    viewAllNewsButtonText,\n  } = props\n\n  const { allItemsUrl, feedUrl } = buildRssFeedUrl(url, filter)\n\n  const { data: rssFeed, isError } = useQuery(getRssFeedQueryOptions(feedUrl))\n\n  const [isShowingSubscribeUI, setIsShowingSubscribeUI] = useState(false)\n\n  if (rssFeed?.items?.length === 0) {\n    return (\n      <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n        {NoData}\n        <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n          There are no items currently available\n        </div>\n      </div>\n    )\n  }\n  return (\n    <>\n      {mailChimpUrl && (\n        <div className=\"FeedSubscribe\">\n          {!isShowingSubscribeUI && (\n            <a\n              className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n              onClick={() => setIsShowingSubscribeUI(true)}\n            >\n              <SubscribePlus title=\"Subscribe to News\" />\n              Subscribe to News\n            </a>\n          )}\n          {isShowingSubscribeUI && (\n            <div className=\"MailchimpSubscribeContainer\">\n              <SubscribePlus title=\"Subscribe to News\" />\n              <p>\n                Subscribe to receive the {mailChimpListName} by e-mail, which\n                provides information and updates related to the Portal. You can\n                opt out at any time by using the unsubscribe link within the\n                e-mail. We will not share your information with any third\n                parties or use it for any other purposes.\n              </p>\n              <div className=\"SRC-marginBottomTop\">\n                <MailchimpSubscribe url={mailChimpUrl} />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      <div className=\"Feed\">\n        <div className=\"FeedItems\">\n          {rssFeed?.items &&\n            rssFeed.items.map((item, index) => {\n              // The other is to hide the large number of items in a particular feed (usually a max of 10 are returned).  See state.isShowingMoreItems\n              if (index >= itemsToShow) {\n                return\n              }\n\n              return (\n                <div key={item.guid} className={`FeedItem`}>\n                  <div>\n                    {allowCategories && allowCategories.length > 0 && (\n                      <div className=\"FeedItemCategories\">\n                        {item.categories?.map((categoryName: string) => {\n                          // are we allowed to show this category/tag?\n                          const categoryNameLowerCase =\n                            categoryName.toLowerCase()\n                          if (\n                            allowCategories?.findIndex(\n                              item =>\n                                categoryNameLowerCase === item.toLowerCase(),\n                            ) === -1\n                          )\n                            return null\n                          // else\n                          return (\n                            <a\n                              href={`${rssFeed.link}/tag/${categoryName.replace(\n                                ' ',\n                                '-',\n                              )}`}\n                              className=\"SRC-no-border-bottom-imp\"\n                              key={`${item.guid}_${categoryName}`}\n                              target=\"_blank\"\n                              rel=\"noopener noreferrer\"\n                            >\n                              <div className=\"FeedItemCategory\">\n                                {categoryName}\n                              </div>\n                            </a>\n                          )\n                        })}\n                      </div>\n                    )}\n                    <p className=\"FeedItemDate\">\n                      {dayjs(item.isoDate).format('MMMM YYYY')}\n                    </p>\n                    <p className=\"FeedItemTitle\">{item.title}</p>\n                    <div className=\"FeedItemDescription\">\n                      {item.contentSnippet?.replace(/\\[...\\]|\\[…\\]/gm, '…')}\n                    </div>\n                    <a\n                      className=\"FeedItemLink\"\n                      href={item.link}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    >\n                      Continue reading\n                    </a>\n                  </div>\n                </div>\n              )\n            })}\n        </div>\n        {rssFeed?.items &&\n          rssFeed.items.length > itemsToShow &&\n          allItemsUrl && (\n            <div className=\"FeedViewAllNewsButtonContainer\">\n              <LargeButton\n                color=\"secondary\"\n                variant=\"contained\"\n                onClick={() => window.open(allItemsUrl, '_blank', 'noopener')}\n                // @ts-expect-error - target prop exists, but TS doesn't recognize on styled component\n                target=\"_blank\"\n              >\n                {viewAllNewsButtonText ?? 'View All News'}\n              </LargeButton>\n            </div>\n          )}\n        {isError && <div>Unable to load feed: {url}</div>}\n      </div>\n    </>\n  )\n}\n\nexport default RssFeedCards\n\n/**\n * Prefetches the RSS feed into a QueryClient for use with HydrationBoundary.\n * Uses the same query key as the RssFeedCards component.\n */\nexport async function prefetchRssFeed(\n  queryClient: QueryClient,\n  url: string,\n  filter?: RssFilter,\n): Promise<void> {\n  const { feedUrl } = buildRssFeedUrl(url, filter)\n  await queryClient.prefetchQuery(getRssFeedQueryOptions(feedUrl))\n}\n"],"mappings":"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"}
+{"version":3,"file":"RssFeedCards.js","names":[],"sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\nimport { ReactComponent as SubscribePlus } from '@/assets/icons/subscribe_plus.svg'\nimport LargeButton from '@/components/styled/LargeButton'\nimport dayjs from 'dayjs'\nimport MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\nimport { QueryClient, queryOptions, useQuery } from '@tanstack/react-query'\nimport { useState } from 'react'\n\nconst rssParser = new Parser()\n\nexport type RssFilter = {\n  type?: 'tag' | 'category'\n  value: string\n}\n\nexport type RssFeedCardsProps = {\n  url: string\n  filter?: RssFilter // optional tag or category to use as a filter\n  itemsToShow: number\n  allowCategories?: string[]\n  mailChimpListName?: string\n  mailChimpUrl?: string\n  viewAllNewsButtonText?: string\n  hideDate?: boolean\n}\n\nfunction buildRssFeedUrl(url: string, filter?: RssFilter) {\n  const filterValue = filter?.value\n  const filterType = filter?.type\n  const tagPath = filterValue\n    ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n    : ''\n  const allItemsUrl = `${url}${tagPath}`\n  const feedUrl = `${allItemsUrl}/?feed=rss2`\n  return { allItemsUrl, feedUrl }\n}\n\nfunction getRssFeedQueryOptions(feedUrl: string) {\n  return queryOptions({\n    queryKey: ['rssFeed', feedUrl],\n    queryFn: () =>\n      fetch(feedUrl)\n        .then(response => response.text())\n        .then(responseData => rssParser.parseString(responseData)),\n  })\n}\n\nexport function RssFeedCards(props: RssFeedCardsProps) {\n  const {\n    url,\n    filter,\n    itemsToShow,\n    allowCategories,\n    mailChimpListName,\n    mailChimpUrl,\n    viewAllNewsButtonText,\n    hideDate,\n  } = props\n\n  const { allItemsUrl, feedUrl } = buildRssFeedUrl(url, filter)\n\n  const { data: rssFeed, isError } = useQuery(getRssFeedQueryOptions(feedUrl))\n\n  const [isShowingSubscribeUI, setIsShowingSubscribeUI] = useState(false)\n\n  if (rssFeed?.items?.length === 0) {\n    return (\n      <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n        {NoData}\n        <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n          There are no items currently available\n        </div>\n      </div>\n    )\n  }\n  return (\n    <>\n      {mailChimpUrl && (\n        <div className=\"FeedSubscribe\">\n          {!isShowingSubscribeUI && (\n            <a\n              className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n              onClick={() => setIsShowingSubscribeUI(true)}\n            >\n              <SubscribePlus title=\"Subscribe to News\" />\n              Subscribe to News\n            </a>\n          )}\n          {isShowingSubscribeUI && (\n            <div className=\"MailchimpSubscribeContainer\">\n              <SubscribePlus title=\"Subscribe to News\" />\n              <p>\n                Subscribe to receive the {mailChimpListName} by e-mail, which\n                provides information and updates related to the Portal. You can\n                opt out at any time by using the unsubscribe link within the\n                e-mail. We will not share your information with any third\n                parties or use it for any other purposes.\n              </p>\n              <div className=\"SRC-marginBottomTop\">\n                <MailchimpSubscribe url={mailChimpUrl} />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      <div className=\"Feed\">\n        <div className=\"FeedItems\">\n          {rssFeed?.items &&\n            rssFeed.items.map((item, index) => {\n              // The other is to hide the large number of items in a particular feed (usually a max of 10 are returned).  See state.isShowingMoreItems\n              if (index >= itemsToShow) {\n                return\n              }\n\n              return (\n                <div key={item.guid} className={`FeedItem`}>\n                  <div>\n                    {allowCategories && allowCategories.length > 0 && (\n                      <div className=\"FeedItemCategories\">\n                        {item.categories?.map((categoryName: string) => {\n                          // are we allowed to show this category/tag?\n                          const categoryNameLowerCase =\n                            categoryName.toLowerCase()\n                          if (\n                            allowCategories?.findIndex(\n                              item =>\n                                categoryNameLowerCase === item.toLowerCase(),\n                            ) === -1\n                          )\n                            return null\n                          // else\n                          return (\n                            <a\n                              href={`${rssFeed.link}/tag/${categoryName.replace(\n                                ' ',\n                                '-',\n                              )}`}\n                              className=\"SRC-no-border-bottom-imp\"\n                              key={`${item.guid}_${categoryName}`}\n                              target=\"_blank\"\n                              rel=\"noopener noreferrer\"\n                            >\n                              <div className=\"FeedItemCategory\">\n                                {categoryName}\n                              </div>\n                            </a>\n                          )\n                        })}\n                      </div>\n                    )}\n                    {!hideDate && (\n                      <p className=\"FeedItemDate\">\n                        {dayjs(item.isoDate).format('MMMM YYYY')}\n                      </p>\n                    )}\n                    <p className=\"FeedItemTitle\">{item.title}</p>\n                    <div className=\"FeedItemDescription\">\n                      {item.contentSnippet?.replace(/\\[...\\]|\\[…\\]/gm, '…')}\n                    </div>\n                    <a\n                      className=\"FeedItemLink\"\n                      href={item.link}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                    >\n                      Continue reading\n                    </a>\n                  </div>\n                </div>\n              )\n            })}\n        </div>\n        {rssFeed?.items &&\n          rssFeed.items.length > itemsToShow &&\n          allItemsUrl && (\n            <div className=\"FeedViewAllNewsButtonContainer\">\n              <LargeButton\n                color=\"secondary\"\n                variant=\"contained\"\n                onClick={() => window.open(allItemsUrl, '_blank', 'noopener')}\n                // @ts-expect-error - target prop exists, but TS doesn't recognize on styled component\n                target=\"_blank\"\n              >\n                {viewAllNewsButtonText ?? 'View All News'}\n              </LargeButton>\n            </div>\n          )}\n        {isError && <div>Unable to load feed: {url}</div>}\n      </div>\n    </>\n  )\n}\n\nexport default RssFeedCards\n\n/**\n * Prefetches the RSS feed into a QueryClient for use with HydrationBoundary.\n * Uses the same query key as the RssFeedCards component.\n */\nexport async function prefetchRssFeed(\n  queryClient: QueryClient,\n  url: string,\n  filter?: RssFilter,\n): Promise<void> {\n  const { feedUrl } = buildRssFeedUrl(url, filter)\n  await queryClient.prefetchQuery(getRssFeedQueryOptions(feedUrl))\n}\n"],"mappings":"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"}