synapse-react-client 4.0.46 → 4.0.48

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.d.ts

@@ -51,8 +51,8 @@ type QueryWrapperPlotNavOwnProps = {
      */
     defaultShowQueryBuilder?: boolean;
 } & Omit<TopLevelControlsProps, 'entityId'> & Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> & Pick<QueryWrapperProps, 'isRowSelectionVisible' | 'rowSelectionPrimaryKey' | 'isRowSelectionUIFloating' | 'fileIdColumnName' | 'fileNameColumnName' | 'fileVersionColumnName'> & Pick<QueryVisualizationWrapperProps, 'defaultShowPlots' | 'visibleColumnCount' | 'hiddenColumns' | 'columnAliases' | 'renderFacetValue' | 'rgbIndex' | 'showLastUpdatedOn' | 'noContentPlaceholderType' | 'unitDescription' | 'additionalFiltersSessionStorageKey' | 'helpConfiguration' | 'hideCopyToClipboard' | 'hideSearchBarControl' | 'hideVisualizationsControl' | 'enabledExternalAnalysisPlatforms' | 'lockTextMatchesQueryFilterPill'> & Pick<QueryContextType, 'combineRangeFacetConfig'>;
-export type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams & PlotsContainerProps & QueryWrapperPlotNavOwnProps;
-export type QueryWrapperPlotNavContentsProps = Pick<QueryWrapperPlotNavProps, 'tableConfiguration' | 'name' | 'cardConfiguration' | 'facetsToPlot' | 'availableFacets' | 'initialExpandedFacetControls' | 'hideDownload' | 'hideAddToDownloadListMenuItem' | 'hideProgrammaticOptionsMenuItem' | 'hideQueryCount' | 'hideSqlEditorControl' | 'hideVisualizationsControl' | 'searchConfiguration' | 'enabledExternalAnalysisPlatforms' | 'cavaticaConnectAccountURL' | 'customControls' | 'customPlots' | 'fileIdColumnName' | 'fileNameColumnName' | 'fileVersionColumnName' | 'initialLimit' | 'initialPlotTypeByFacetColumnName' | 'hideTopLevelControls' | 'showQueryBuilderControl' | 'defaultShowQueryBuilder'> & {
+export type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams & Omit<PlotsContainerProps, 'disableFiltering'> & QueryWrapperPlotNavOwnProps;
+export type QueryWrapperPlotNavContentsProps = Pick<QueryWrapperPlotNavProps, 'tableConfiguration' | 'name' | 'cardConfiguration' | 'facetsToPlot' | 'availableFacets' | 'initialExpandedFacetControls' | 'hideDownload' | 'hideAddToDownloadListMenuItem' | 'hideProgrammaticOptionsMenuItem' | 'hideQueryCount' | 'hideSqlEditorControl' | 'hideVisualizationsControl' | 'searchConfiguration' | 'enabledExternalAnalysisPlatforms' | 'cavaticaConnectAccountURL' | 'customControls' | 'customPlots' | 'fileIdColumnName' | 'fileNameColumnName' | 'fileVersionColumnName' | 'initialLimit' | 'initialPlotTypeByFacetColumnName' | 'defaultPlotType' | 'hideTopLevelControls' | 'showQueryBuilderControl' | 'defaultShowQueryBuilder'> & {
     isFullTextSearchEnabled: boolean;
     remount?: () => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperPlotNav.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"QueryWrapperPlotNav.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"names":[],"mappings":"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"}

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.js

@@ -3,17 +3,17 @@ 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 i } from "../error/ErrorBanner.js";
+import { QueryVisualizationContextConsumer as i } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { SynapseErrorBoundary as a } from "../error/ErrorBanner.js";
 import "../../utils/index.js";
-import { useGetEntity as a } from "../../synapse-queries/entity/useEntity.js";
+import { useGetEntity as o } from "../../synapse-queries/entity/useEntity.js";
 import "../../synapse-queries/index.js";
-import { ConfirmationDialog as o } from "../ConfirmationDialog/ConfirmationDialog.js";
+import { ConfirmationDialog as s } 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 c from "../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
+import { useQueryContext as l } from "../QueryContext/QueryContext.js";
 import "../QueryContext/index.js";
-import { NoContentPlaceholderType as l } from "../SynapseTable/NoContentPlaceholderType.js";
-import { QueryVisualizationContextConsumer as u } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { NoContentPlaceholderType as u } from "../SynapseTable/NoContentPlaceholderType.js";
 import { QueryVisualizationWrapper as d } from "../QueryVisualizationWrapper/QueryVisualizationWrapper.js";
 import "../QueryVisualizationWrapper/index.js";
 import { isRowSelectionVisibleAtom as f } from "../QueryWrapper/TableRowSelectionState.js";
@@ -43,10 +43,10 @@ import { useAtomValue as ae } from "jotai";
 //#region src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx
 var oe = j(() => import("../QueryBuilder/QueryBuilderControls.js").then((e) => ({ default: e.QueryBuilderControls }))), F = "isShowingFacetFilters", I = "isHidingFacetFilters", L = "hasSelectedRows";
 function R(t) {
-	let { tableConfiguration: n, name: r, cardConfiguration: a, facetsToPlot: l, availableFacets: d, initialExpandedFacetControls: p, hideDownload: v, hideAddToDownloadListMenuItem: A, hideProgrammaticOptionsMenuItem: j, hideQueryCount: M, hideSqlEditorControl: R, hideVisualizationsControl: z, searchConfiguration: B, cavaticaConnectAccountURL: se, customControls: V, remount: H = () => {}, isFullTextSearchEnabled: ce, customPlots: le, initialLimit: ue, initialPlotTypeByFacetColumnName: de, hideTopLevelControls: U, showQueryBuilderControl: fe = !1, defaultShowQueryBuilder: pe = !1 } = t, W = c(), [me, he] = N(!1), [G, K] = N(pe), [q, J] = N(() => D()), [ge, Y] = N(!1), { hasFacetedSelectColumn: X, queryMetadataQueryOptions: _e } = W, { executeQueryRequest: Z } = W, { isLoading: ve, data: ye } = ie(_e), be = () => {
+	let { tableConfiguration: n, name: r, cardConfiguration: o, facetsToPlot: u, availableFacets: d, initialExpandedFacetControls: p, hideDownload: v, hideAddToDownloadListMenuItem: A, hideProgrammaticOptionsMenuItem: j, hideQueryCount: M, hideSqlEditorControl: R, hideVisualizationsControl: z, searchConfiguration: B, cavaticaConnectAccountURL: se, customControls: V, remount: H = () => {}, isFullTextSearchEnabled: ce, customPlots: le, initialLimit: ue, initialPlotTypeByFacetColumnName: de, defaultPlotType: fe, hideTopLevelControls: U, showQueryBuilderControl: pe = !1, defaultShowQueryBuilder: me = !1 } = t, W = l(), [he, ge] = N(!1), [G, K] = N(me), [q, J] = N(() => D()), [_e, Y] = N(!1), { hasFacetedSelectColumn: X, queryMetadataQueryOptions: ve } = W, { executeQueryRequest: Z } = W, { isLoading: ye, data: be } = ie(ve), xe = () => {
 		let t = W.currentQueryRequest.query.selectedFacets;
 		if (t && t.length > 0) {
-			let n = te(t, ye?.columnModels), r = ee(n);
+			let n = te(t, be?.columnModels), r = ee(n);
 			J(n), Z((t) => ({
 				...t,
 				query: {
@@ -65,9 +65,9 @@ function R(t) {
 				additionalFilters: t.query.additionalFilters?.filter((t) => !e(t))
 			}
 		})), K(!1);
-	}, xe = () => {
+	}, Se = () => {
 		if (!G) {
-			be();
+			xe();
 			return;
 		}
 		let t = W.currentQueryRequest.query.additionalFilters?.some(e) ?? !1;
@@ -76,12 +76,12 @@ function R(t) {
 			return;
 		}
 		Q();
-	}, Se = ae(f), $ = W.currentQueryRequest, Ce = $?.query.selectedFacets !== void 0 && $.query.selectedFacets.length > 0 || $?.query.additionalFilters !== void 0 && $?.query.additionalFilters.length > 0, we = x();
-	return /* @__PURE__ */ P(u, { children: (e) => {
+	}, Ce = ae(f), $ = W.currentQueryRequest, we = $?.query.selectedFacets !== void 0 && $.query.selectedFacets.length > 0 || $?.query.additionalFilters !== void 0 && $?.query.additionalFilters.length > 0, Te = x();
+	return /* @__PURE__ */ P(i, { children: (e) => {
 		if (e === void 0) throw Error("No queryVisualizationContext found when using QueryVisualizationContextConsumer");
 		return /* @__PURE__ */ P(ne, {
-			className: `QueryWrapperPlotNav ${e.showFacetFilter && !G ? F : I} ${Se ? L : ""} ${U ? "isHidingTopLevelControls" : ""} ${G ? "isShowingQueryBuilder" : ""}`,
-			sx: { "*": { cursor: ve ? "wait" : void 0 } },
+			className: `QueryWrapperPlotNav ${e.showFacetFilter && !G ? F : I} ${Ce ? L : ""} ${U ? "isHidingTopLevelControls" : ""} ${G ? "isShowingQueryBuilder" : ""}`,
+			sx: { "*": { cursor: ye ? "wait" : void 0 } },
 			children: /* @__PURE__ */ re(g, { children: [
 				ce ? /* @__PURE__ */ P(S, { ftsConfig: B?.ftsConfig }) : /* @__PURE__ */ P(C, {
 					...B,
@@ -89,11 +89,11 @@ function R(t) {
 					queryVisualizationContext: e
 				}),
 				/* @__PURE__ */ P(h, {}),
-				e.showDownloadConfirmation && /* @__PURE__ */ P(s, {
-					addToDownloadListRequest: we,
+				e.showDownloadConfirmation && /* @__PURE__ */ P(c, {
+					addToDownloadListRequest: Te,
 					onClose: () => e.setShowDownloadConfirmation(!1)
 				}),
-				!U && /* @__PURE__ */ P(i, { children: /* @__PURE__ */ P(w, {
+				!U && /* @__PURE__ */ P(a, { children: /* @__PURE__ */ P(w, {
 					showColumnSelection: n !== void 0,
 					name: r,
 					hideDownload: v,
@@ -106,9 +106,9 @@ function R(t) {
 					cavaticaConnectAccountURL: se,
 					remount: H,
 					customControls: V,
-					showQueryBuilderControl: fe,
+					showQueryBuilderControl: pe,
 					showQueryBuilder: G,
-					onToggleQueryBuilder: xe
+					onToggleQueryBuilder: Se
 				}) }),
 				G ? /* @__PURE__ */ P(k, {
 					fallback: null,
@@ -127,7 +127,7 @@ function R(t) {
 					fallback: null,
 					children: /* @__PURE__ */ P(m, {
 						frontText: "",
-						endText: Ce ? "filtered by" : "",
+						endText: we ? "filtered by" : "",
 						hideIfUnfiltered: !0
 					})
 				}),
@@ -136,22 +136,24 @@ function R(t) {
 					remount: H
 				}),
 				/* @__PURE__ */ P(E, {
-					facetsToPlot: l,
+					facetsToPlot: u,
 					customPlots: le,
-					initialPlotTypeByFacetColumnName: de
+					initialPlotTypeByFacetColumnName: de,
+					defaultPlotType: fe,
+					disableFiltering: G
 				}),
 				/* @__PURE__ */ P(y, {
 					tableConfiguration: n,
 					hideDownload: v,
-					cardConfiguration: a,
+					cardConfiguration: o,
 					initialLimit: ue
 				}),
-				me && /* @__PURE__ */ P(_, {
+				he && /* @__PURE__ */ P(_, {
 					getLastQueryRequest: W?.getCurrentQueryRequest,
-					onClose: () => he(!1)
+					onClose: () => ge(!1)
 				}),
-				/* @__PURE__ */ P(o, {
-					open: ge,
+				/* @__PURE__ */ P(s, {
+					open: _e,
 					title: "Hide Query Builder?",
 					content: "Hiding the Query Builder will clear the conditions you've built. This can't be undone.",
 					confirmButtonProps: {
@@ -169,7 +171,7 @@ function R(t) {
 	} });
 }
 function z(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 = M(() => e.query ? e.query : e.initQueryJson ? JSON.parse(e.initQueryJson) : {
+	let { sql: i, tableConfiguration: a, isInfinite: s = !a, limit: c = 25, showLastUpdatedOn: l, unitDescription: f, additionalFiltersSessionStorageKey: m, helpConfiguration: h, customPlots: g, enabledExternalAnalysisPlatforms: _ } = e, { entityId: y, versionNumber: b } = r(e.query?.sql ?? i ?? ""), x = M(() => e.query ? e.query : e.initQueryJson ? JSON.parse(e.initQueryJson) : {
 		sql: i,
 		additionalFilters: n(e.searchParams, e.sqlOperator, m),
 		limit: c,
@@ -184,7 +186,7 @@ function z(e) {
 		c
 	]), [S, C] = N(1), w = () => {
 		C(S + 1);
-	}, { data: T } = a(y, b), E = {
+	}, { data: T } = o(y, b), E = {
 		entityId: y ?? "",
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
 		partMask: 255,
@@ -211,8 +213,8 @@ function z(e) {
 			defaultShowSearchBar: (e.defaultShowSearchBox || D) && !e.hideSearchBarControl,
 			lockTextMatchesQueryFilterPill: e.lockTextMatchesQueryFilterPill,
 			hideSearchBarControl: e.hideSearchBarControl,
-			showLastUpdatedOn: u,
-			noContentPlaceholderType: l.INTERACTIVE,
+			showLastUpdatedOn: l,
+			noContentPlaceholderType: u.INTERACTIVE,
 			hasCustomPlots: Array.isArray(g) && g.length > 0,
 			enabledExternalAnalysisPlatforms: _,
 			children: /* @__PURE__ */ P(R, {

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 { lazy, 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 {\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\n/**\n * The Query Builder is hidden on every tab that renders this nav until the\n * user opens it, and it pulls in a drag-and-drop library alongside its own\n * panel. Loading it on demand keeps all of that off the critical path for the\n * table and card views. It already renders inside a `Suspense` boundary, so\n * there is nothing else to coordinate.\n *\n * The QB tree helpers imported above stay eager — they are pure functions this\n * component calls from its own handlers, and none of them reach dnd-kit.\n */\nconst QueryBuilderControls = lazy(() =>\n  import('../QueryBuilder/QueryBuilderControls').then(module => ({\n    default: module.QueryBuilderControls,\n  })),\n)\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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"}
+{"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 { lazy, 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 {\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\n/**\n * The Query Builder is hidden on every tab that renders this nav until the\n * user opens it, and it pulls in a drag-and-drop library alongside its own\n * panel. Loading it on demand keeps all of that off the critical path for the\n * table and card views. It already renders inside a `Suspense` boundary, so\n * there is nothing else to coordinate.\n *\n * The QB tree helpers imported above stay eager — they are pure functions this\n * component calls from its own handlers, and none of them reach dnd-kit.\n */\nconst QueryBuilderControls = lazy(() =>\n  import('../QueryBuilder/QueryBuilderControls').then(module => ({\n    default: module.QueryBuilderControls,\n  })),\n)\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  Omit<PlotsContainerProps, 'disableFiltering'> &\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  | 'defaultPlotType'\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    defaultPlotType,\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                defaultPlotType={defaultPlotType}\n                disableFiltering={showQueryBuilder}\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/QueryWrapperPlotNav/QueryWrapperSynapsePlot.js

@@ -1,8 +1,8 @@
-import { ConfirmationDialog as e } from "../ConfirmationDialog/ConfirmationDialog.js";
-import { StyledFormControl as t } from "../styled/StyledFormControl.js";
-import { useQueryContext as n } from "../QueryContext/QueryContext.js";
+import { useQueryVisualizationContext as e } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { ConfirmationDialog as t } from "../ConfirmationDialog/ConfirmationDialog.js";
+import { StyledFormControl as n } from "../styled/StyledFormControl.js";
+import { useQueryContext as r } from "../QueryContext/QueryContext.js";
 import "../QueryContext/index.js";
-import { useQueryVisualizationContext as r } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
 import "../QueryVisualizationWrapper/index.js";
 import i from "../Plot/PlotPanelHeader.js";
 import { SynapsePlot as a } from "../Plot/SynapsePlot.js";
@@ -12,7 +12,7 @@ import { InputLabel as l, MenuItem as u, Select as d, Stack as f, Typography as
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.tsx
 function _(_) {
-	let v = n(), { currentQueryRequest: y } = v, { title: b, footnote: x, onCustomPlotClick: S, onHide: C } = _, { showPlots: w } = r(), [T, E] = c(!1), [D, O] = c(_.xaxistype), k = _.xaxistype === "log", A = o(), j = /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(a, {
+	let v = r(), { currentQueryRequest: y } = v, { title: b, footnote: x, onCustomPlotClick: S, onHide: C } = _, { showPlots: w } = e(), [T, E] = c(!1), [D, O] = c(_.xaxistype), k = _.xaxistype === "log", A = o(), j = /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(a, {
 		synapsePlotWidgetParams: s(() => ({
 			..._,
 			xaxistype: D,
@@ -45,13 +45,13 @@ function _(_) {
 	return /* @__PURE__ */ g("div", {
 		role: "figure",
 		className: "SynapsePlot",
-		children: [/* @__PURE__ */ h(e, {
+		children: [/* @__PURE__ */ h(t, {
 			open: T,
 			onCancel: () => E(!1),
 			title: b ?? "",
 			content: /* @__PURE__ */ g(f, {
 				sx: { gap: 2 },
-				children: [k && /* @__PURE__ */ g(t, {
+				children: [k && /* @__PURE__ */ g(n, {
 					fullWidth: !0,
 					children: [/* @__PURE__ */ h(l, {
 						id: A,

package/dist/components/QueryWrapperPlotNav/UseRowSet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseRowSet.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/UseRowSet.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AA2ExD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM;;;;;;;EAyC9C"}
+{"version":3,"file":"UseRowSet.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/UseRowSet.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AA6ExD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM;;;;;;;EAyC9C"}

package/dist/components/QueryWrapperPlotNav/UseRowSet.js

@@ -6,29 +6,29 @@ import { cloneDeep as r } from "lodash-es";
 import { useInfiniteQuery as i, useQuery as a } from "@tanstack/react-query";
 //#region src/components/QueryWrapperPlotNav/UseRowSet.ts
 function o() {
-	let { isInfinite: e, rowDataInfiniteQueryOptions: a } = t(), o = i({
+	let { isInfinite: e, rowDataInfiniteQueryOptions: a } = t(), o = e && a.enabled !== !1, s = i({
 		...a,
-		enabled: e
-	}), s = i({
+		enabled: o
+	}), c = i({
 		...a,
 		select: (e) => e.pages[0].progressMessage,
-		enabled: e
+		enabled: o
 	});
 	return {
-		infiniteQuery: o,
+		infiniteQuery: s,
 		infiniteQueryRowSet: n(() => {
-			let e = r(o.data?.pages[0]?.responseBody?.queryResult?.queryResults);
-			return e && (e.rows = o.data?.pages.flatMap((e) => e.responseBody?.queryResult?.queryResults.rows || []) || []), e;
-		}, [o.data?.pages]),
-		infiniteQueryProgressMessage: s
+			let e = r(s.data?.pages[0]?.responseBody?.queryResult?.queryResults);
+			return e && (e.rows = s.data?.pages.flatMap((e) => e.responseBody?.queryResult?.queryResults.rows || []) || []), e;
+		}, [s.data?.pages]),
+		infiniteQueryProgressMessage: c
 	};
 }
 function s() {
-	let { isInfinite: n, rowDataQueryOptions: r, getCurrentQueryRequest: i } = t();
+	let { isInfinite: n, rowDataQueryOptions: r, getCurrentQueryRequest: i } = t(), o = !n && r.enabled !== !1;
 	return {
 		paginatedQuery: a({
 			...r,
-			enabled: !n,
+			enabled: o,
 			placeholderData: (t) => {
 				if (t) {
 					let n = t.requestBody?.query;
@@ -39,7 +39,7 @@ function s() {
 		paginatedQueryProgressMessage: a({
 			...r,
 			select: (e) => e.progressMessage,
-			enabled: !n,
+			enabled: o,
 			placeholderData: (e) => e
 		})
 	};

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

@@ -1 +1 @@
-{"version":3,"file":"UseRowSet.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/UseRowSet.ts"],"sourcesContent":["import { queryRequestsHaveSameTotalResults } from '@/utils/functions/queryUtils'\nimport { RowSet } from '@sage-bionetworks/synapse-types'\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query'\nimport { cloneDeep } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { useQueryContext } from '../QueryContext'\n\nfunction useGetInfiniteRowSet() {\n  const { isInfinite, rowDataInfiniteQueryOptions } = useQueryContext()\n  const infiniteQuery = useInfiniteQuery({\n    ...rowDataInfiniteQueryOptions,\n    enabled: isInfinite,\n  })\n\n  const infiniteQueryProgressMessage = useInfiniteQuery({\n    ...rowDataInfiniteQueryOptions,\n    select: asyncJob => asyncJob.pages[0].progressMessage,\n    enabled: isInfinite,\n  })\n\n  const infiniteQueryRowSet: RowSet | undefined = useMemo(() => {\n    const rowSet = cloneDeep(\n      infiniteQuery.data?.pages[0]?.responseBody?.queryResult?.queryResults,\n    )\n    if (rowSet) {\n      rowSet.rows =\n        infiniteQuery.data?.pages.flatMap(\n          page => page.responseBody?.queryResult?.queryResults.rows || [],\n        ) || []\n    }\n    return rowSet\n  }, [infiniteQuery.data?.pages])\n\n  return {\n    infiniteQuery,\n    infiniteQueryRowSet,\n    infiniteQueryProgressMessage,\n  }\n}\n\nfunction useGetPaginatedRowSet() {\n  const { isInfinite, rowDataQueryOptions, getCurrentQueryRequest } =\n    useQueryContext()\n  const paginatedQuery = useQuery({\n    ...rowDataQueryOptions,\n    enabled: !isInfinite,\n    // Keep the previous data when fetching a new page. We will use `UseQueryResult.isPlaceholderData` to trigger a showing placeholder UI\n    placeholderData: prevData => {\n      if (prevData) {\n        const prevQuery = prevData.requestBody?.query\n        // Check that only the page/sort changed; if the filters/sql changed, then don't hold on to the old data\n        // prevQuery may be undefined when the requestBody is not a QueryBundleRequest (e.g. SearchQueryWrapper)\n        if (\n          prevQuery &&\n          queryRequestsHaveSameTotalResults(\n            prevQuery,\n            getCurrentQueryRequest().query,\n          )\n        ) {\n          return prevData\n        }\n      }\n      return undefined\n    },\n  })\n  const paginatedQueryProgressMessage = useQuery({\n    ...rowDataQueryOptions,\n    select: asyncJob => asyncJob.progressMessage,\n    enabled: !isInfinite,\n    // Keep the previous data when fetching a new page. We will use `isPlaceholderData` to trigger a showing placeholder UI\n    placeholderData: prevData => prevData,\n  })\n\n  return { paginatedQuery, paginatedQueryProgressMessage }\n}\n\n/**\n * Fetches the row data for a query and returns a RowSet that can be rendered as cards or a table. Respects the value of\n * QueryContext.isInfinite.\n * @param initialLimit\n */\nexport function useRowSet(initialLimit?: number) {\n  const { isInfinite } = useQueryContext()\n\n  const { paginatedQuery, paginatedQueryProgressMessage } =\n    useGetPaginatedRowSet()\n  const { infiniteQuery, infiniteQueryRowSet, infiniteQueryProgressMessage } =\n    useGetInfiniteRowSet()\n\n  const rowSet = useMemo(() => {\n    let rowSet: RowSet | undefined\n    if (isInfinite) {\n      rowSet = infiniteQueryRowSet\n    } else {\n      rowSet = paginatedQuery.data\n    }\n    if (rowSet && initialLimit != null) {\n      rowSet = { ...rowSet, rows: rowSet.rows.slice(0, initialLimit) }\n    }\n    return rowSet\n  }, [infiniteQueryRowSet, initialLimit, isInfinite, paginatedQuery.data])\n\n  const progressMessage: string | undefined = isInfinite\n    ? infiniteQueryProgressMessage.data\n    : paginatedQueryProgressMessage.data\n\n  const isLoading = isInfinite\n    ? infiniteQuery.isLoading\n    : paginatedQuery.isLoading\n\n  const isLoadingNewPage = isInfinite\n    ? infiniteQuery.isFetchingNextPage\n    : paginatedQuery.isPlaceholderData\n\n  return {\n    rowSet,\n    progressMessage,\n    isLoading,\n    isLoadingNewPage,\n    fetchNextPageOfInfiniteData: infiniteQuery.fetchNextPage,\n    hasNextPageOfInfiniteData: infiniteQuery.hasNextPage,\n  }\n}\n"],"mappings":";;;;;;;AAOA,SAAS,IAAuB;CAC9B,IAAM,EAAE,eAAY,mCAAgC,EAAgB,GAC9D,IAAgB,EAAiB;EACrC,GAAG;EACH,SAAS;CACX,CAAC,GAEK,IAA+B,EAAiB;EACpD,GAAG;EACH,SAAQ,MAAY,EAAS,MAAM,GAAG;EACtC,SAAS;CACX,CAAC;CAeD,OAAO;EACL;EACA,qBAf8C,QAAc;GAC5D,IAAM,IAAS,EACb,EAAc,MAAM,MAAM,IAAI,cAAc,aAAa,YAC3D;GAOA,OANI,MACF,EAAO,OACL,EAAc,MAAM,MAAM,SACxB,MAAQ,EAAK,cAAc,aAAa,aAAa,QAAQ,CAAC,CAChE,KAAK,CAAC,IAEH;EACT,GAAG,CAAC,EAAc,MAAM,KAAK,CAI3B;EACA;CACF;AACF;AAEA,SAAS,IAAwB;CAC/B,IAAM,EAAE,eAAY,wBAAqB,8BACvC,EAAgB;CA+BlB,OAAO;EAAE,gBA9Bc,EAAS;GAC9B,GAAG;GACH,SAAS,CAAC;GAEV,kBAAiB,MAAY;IAC3B,IAAI,GAAU;KACZ,IAAM,IAAY,EAAS,aAAa;KAGxC,IACE,KACA,EACE,GACA,EAAuB,EAAE,KAC3B,GAEA,OAAO;IAEX;GAEF;EACF,CASS;EAAgB,+BARa,EAAS;GAC7C,GAAG;GACH,SAAQ,MAAY,EAAS;GAC7B,SAAS,CAAC;GAEV,kBAAiB,MAAY;EAC/B,CAEyB;CAA8B;AACzD;AAOA,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,kBAAe,EAAgB,GAEjC,EAAE,mBAAgB,qCACtB,EAAsB,GAClB,EAAE,kBAAe,wBAAqB,oCAC1C,EAAqB;CA2BvB,OAAO;EACL,QA1Ba,QAAc;GAC3B,IAAI;GASJ,OARA,AAGE,IAHE,IACO,IAEA,EAAe,MAEtB,KAAU,KAAgB,SAC5B,IAAS;IAAE,GAAG;IAAQ,MAAM,EAAO,KAAK,MAAM,GAAG,CAAY;GAAE,IAE1D;EACT,GAAG;GAAC;GAAqB;GAAc;GAAY,EAAe;EAAI,CAepE;EACA,iBAd0C,IACxC,EAA6B,OAC7B,EAA8B;EAahC,WAXgB,IACd,EAAc,YACd,EAAe;EAUjB,kBARuB,IACrB,EAAc,qBACd,EAAe;EAOjB,6BAA6B,EAAc;EAC3C,2BAA2B,EAAc;CAC3C;AACF"}
+{"version":3,"file":"UseRowSet.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/UseRowSet.ts"],"sourcesContent":["import { queryRequestsHaveSameTotalResults } from '@/utils/functions/queryUtils'\nimport { RowSet } from '@sage-bionetworks/synapse-types'\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query'\nimport { cloneDeep } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { useQueryContext } from '../QueryContext'\n\nfunction useGetInfiniteRowSet() {\n  const { isInfinite, rowDataInfiniteQueryOptions } = useQueryContext()\n  const enabled = isInfinite && rowDataInfiniteQueryOptions.enabled !== false\n  const infiniteQuery = useInfiniteQuery({\n    ...rowDataInfiniteQueryOptions,\n    enabled,\n  })\n\n  const infiniteQueryProgressMessage = useInfiniteQuery({\n    ...rowDataInfiniteQueryOptions,\n    select: asyncJob => asyncJob.pages[0].progressMessage,\n    enabled,\n  })\n\n  const infiniteQueryRowSet: RowSet | undefined = useMemo(() => {\n    const rowSet = cloneDeep(\n      infiniteQuery.data?.pages[0]?.responseBody?.queryResult?.queryResults,\n    )\n    if (rowSet) {\n      rowSet.rows =\n        infiniteQuery.data?.pages.flatMap(\n          page => page.responseBody?.queryResult?.queryResults.rows || [],\n        ) || []\n    }\n    return rowSet\n  }, [infiniteQuery.data?.pages])\n\n  return {\n    infiniteQuery,\n    infiniteQueryRowSet,\n    infiniteQueryProgressMessage,\n  }\n}\n\nfunction useGetPaginatedRowSet() {\n  const { isInfinite, rowDataQueryOptions, getCurrentQueryRequest } =\n    useQueryContext()\n  const enabled = !isInfinite && rowDataQueryOptions.enabled !== false\n  const paginatedQuery = useQuery({\n    ...rowDataQueryOptions,\n    enabled,\n    // Keep the previous data when fetching a new page. We will use `UseQueryResult.isPlaceholderData` to trigger a showing placeholder UI\n    placeholderData: prevData => {\n      if (prevData) {\n        const prevQuery = prevData.requestBody?.query\n        // Check that only the page/sort changed; if the filters/sql changed, then don't hold on to the old data\n        // prevQuery may be undefined when the requestBody is not a QueryBundleRequest (e.g. SearchQueryWrapper)\n        if (\n          prevQuery &&\n          queryRequestsHaveSameTotalResults(\n            prevQuery,\n            getCurrentQueryRequest().query,\n          )\n        ) {\n          return prevData\n        }\n      }\n      return undefined\n    },\n  })\n  const paginatedQueryProgressMessage = useQuery({\n    ...rowDataQueryOptions,\n    select: asyncJob => asyncJob.progressMessage,\n    enabled,\n    // Keep the previous data when fetching a new page. We will use `isPlaceholderData` to trigger a showing placeholder UI\n    placeholderData: prevData => prevData,\n  })\n\n  return { paginatedQuery, paginatedQueryProgressMessage }\n}\n\n/**\n * Fetches the row data for a query and returns a RowSet that can be rendered as cards or a table. Respects the value of\n * QueryContext.isInfinite.\n * @param initialLimit\n */\nexport function useRowSet(initialLimit?: number) {\n  const { isInfinite } = useQueryContext()\n\n  const { paginatedQuery, paginatedQueryProgressMessage } =\n    useGetPaginatedRowSet()\n  const { infiniteQuery, infiniteQueryRowSet, infiniteQueryProgressMessage } =\n    useGetInfiniteRowSet()\n\n  const rowSet = useMemo(() => {\n    let rowSet: RowSet | undefined\n    if (isInfinite) {\n      rowSet = infiniteQueryRowSet\n    } else {\n      rowSet = paginatedQuery.data\n    }\n    if (rowSet && initialLimit != null) {\n      rowSet = { ...rowSet, rows: rowSet.rows.slice(0, initialLimit) }\n    }\n    return rowSet\n  }, [infiniteQueryRowSet, initialLimit, isInfinite, paginatedQuery.data])\n\n  const progressMessage: string | undefined = isInfinite\n    ? infiniteQueryProgressMessage.data\n    : paginatedQueryProgressMessage.data\n\n  const isLoading = isInfinite\n    ? infiniteQuery.isLoading\n    : paginatedQuery.isLoading\n\n  const isLoadingNewPage = isInfinite\n    ? infiniteQuery.isFetchingNextPage\n    : paginatedQuery.isPlaceholderData\n\n  return {\n    rowSet,\n    progressMessage,\n    isLoading,\n    isLoadingNewPage,\n    fetchNextPageOfInfiniteData: infiniteQuery.fetchNextPage,\n    hasNextPageOfInfiniteData: infiniteQuery.hasNextPage,\n  }\n}\n"],"mappings":";;;;;;;AAOA,SAAS,IAAuB;CAC9B,IAAM,EAAE,eAAY,mCAAgC,EAAgB,GAC9D,IAAU,KAAc,EAA4B,YAAY,IAChE,IAAgB,EAAiB;EACrC,GAAG;EACH;CACF,CAAC,GAEK,IAA+B,EAAiB;EACpD,GAAG;EACH,SAAQ,MAAY,EAAS,MAAM,GAAG;EACtC;CACF,CAAC;CAeD,OAAO;EACL;EACA,qBAf8C,QAAc;GAC5D,IAAM,IAAS,EACb,EAAc,MAAM,MAAM,IAAI,cAAc,aAAa,YAC3D;GAOA,OANI,MACF,EAAO,OACL,EAAc,MAAM,MAAM,SACxB,MAAQ,EAAK,cAAc,aAAa,aAAa,QAAQ,CAAC,CAChE,KAAK,CAAC,IAEH;EACT,GAAG,CAAC,EAAc,MAAM,KAAK,CAI3B;EACA;CACF;AACF;AAEA,SAAS,IAAwB;CAC/B,IAAM,EAAE,eAAY,wBAAqB,8BACvC,EAAgB,GACZ,IAAU,CAAC,KAAc,EAAoB,YAAY;CA+B/D,OAAO;EAAE,gBA9Bc,EAAS;GAC9B,GAAG;GACH;GAEA,kBAAiB,MAAY;IAC3B,IAAI,GAAU;KACZ,IAAM,IAAY,EAAS,aAAa;KAGxC,IACE,KACA,EACE,GACA,EAAuB,EAAE,KAC3B,GAEA,OAAO;IAEX;GAEF;EACF,CASS;EAAgB,+BARa,EAAS;GAC7C,GAAG;GACH,SAAQ,MAAY,EAAS;GAC7B;GAEA,kBAAiB,MAAY;EAC/B,CAEyB;CAA8B;AACzD;AAOA,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,kBAAe,EAAgB,GAEjC,EAAE,mBAAgB,qCACtB,EAAsB,GAClB,EAAE,kBAAe,wBAAqB,oCAC1C,EAAqB;CA2BvB,OAAO;EACL,QA1Ba,QAAc;GAC3B,IAAI;GASJ,OARA,AAGE,IAHE,IACO,IAEA,EAAe,MAEtB,KAAU,KAAgB,SAC5B,IAAS;IAAE,GAAG;IAAQ,MAAM,EAAO,KAAK,MAAM,GAAG,CAAY;GAAE,IAE1D;EACT,GAAG;GAAC;GAAqB;GAAc;GAAY,EAAe;EAAI,CAepE;EACA,iBAd0C,IACxC,EAA6B,OAC7B,EAA8B;EAahC,WAXgB,IACd,EAAc,YACd,EAAe;EAUjB,kBARuB,IACrB,EAAc,qBACd,EAAe;EAOjB,6BAA6B,EAAc;EAC3C,2BAA2B,EAAc;CAC3C;AACF"}

package/dist/components/RowDataTable/CategorizedRowDataTable.css

@@ -0,0 +1 @@
+._section_1hncl_1+._section_1hncl_1{margin-top:32px}._section_1hncl_1 table tr:nth-of-type(odd){background-color:var(--synapse-gray-100)}._section_1hncl_1 table tr:nth-of-type(2n){background-color:var(--synapse-white)}._categoryTitle_1hncl_13.MuiTypography-root{color:var(--synapse-gray-900);border-bottom:1px solid var(--synapse-gray-300);padding-bottom:8px}

package/dist/components/RowDataTable/CategorizedRowDataTable.d.ts

@@ -0,0 +1,33 @@
+import { Query, SelectColumn } from '@sage-bionetworks/synapse-types';
+import { LabelLinkConfig } from '../CardContainerLogic';
+export declare const COLUMN_CATEGORY_TABLE_COLUMN_NAME = "columnName";
+export declare const COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME = "columnDisplayName";
+export declare const COLUMN_CATEGORY_TABLE_CATEGORY = "category";
+export declare const COLUMN_CATEGORY_TABLE_ORDER = "order";
+export type CategorizedRowDataTableProps = {
+    /** Array of string values corresponding to the data for a row */
+    rowData: Array<string | null>;
+    /** The headers for the columns in the row */
+    headers: SelectColumn[];
+    /**
+     * Synapse ID of the table that defines which columns are displayed, their display names, and their categories.
+     * The table must contain the columns `columnName` (String), `columnDisplayName` (String), `category` (String), and `order` (Integer).
+     * Columns are displayed in ascending `order`; a new category section begins whenever `category` differs from the previous row,
+     * so all rows of a category must have contiguous `order` values.
+     */
+    columnCategoryTableId: string;
+    /** Optional configuration for linking columns */
+    columnLinks?: LabelLinkConfig;
+};
+/**
+ * The query used to read a column category table, sorted so that rows of the same category are adjacent
+ */
+export declare function getColumnCategoryTableQuery(tableId: string): Query;
+/**
+ * Displays a Synapse Table row as key/value pairs, grouped into titled category sections.
+ * The displayed columns, their display names, order, and categories are read from a separate Synapse Table.
+ * Categories without any values in the row are not shown.
+ */
+declare function CategorizedRowDataTable(props: CategorizedRowDataTableProps): import("react/jsx-runtime").JSX.Element | null;
+export default CategorizedRowDataTable;
+//# sourceMappingURL=CategorizedRowDataTable.d.ts.map

package/dist/components/RowDataTable/CategorizedRowDataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorizedRowDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/RowDataTable/CategorizedRowDataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,EAGL,YAAY,EACb,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAMvD,eAAO,MAAM,iCAAiC,eAAe,CAAA;AAC7D,eAAO,MAAM,yCAAyC,sBAAsB,CAAA;AAC5E,eAAO,MAAM,8BAA8B,aAAa,CAAA;AACxD,eAAO,MAAM,2BAA2B,UAAU,CAAA;AAElD,MAAM,MAAM,4BAA4B,GAAG;IACzC,iEAAiE;IACjE,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC7B,6CAA6C;IAC7C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB;;;;;OAKG;IACH,qBAAqB,EAAE,MAAM,CAAA;IAC7B,iDAAiD;IACjD,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,CAAA;AA+CD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAIlE;AAED;;;;GAIG;AACH,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,kDAyDnE;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/RowDataTable/CategorizedRowDataTable.js

@@ -0,0 +1,64 @@
+import "../../utils/SynapseConstants.js";
+import { ErrorBanner as e } from "../error/ErrorBanner.js";
+import { useGetFullTableQueryResults as t } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
+import { SkeletonTable as n } from "../Skeleton/SkeletonTable.js";
+import { RowDataEntriesTable as r, getDisplayedRowDataEntries as i } from "./RowDataTable.js";
+import a from "./CategorizedRowDataTable.module.js";
+import { useMemo as o } from "react";
+import { Typography as s } from "@mui/material";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/RowDataTable/CategorizedRowDataTable.tsx
+var d = "columnName", f = "columnDisplayName", p = "category", m = "order";
+function h(e) {
+	let { headers: t, rows: n } = e.queryResult.queryResults, r = (e) => t.findIndex((t) => t.name === e), i = r(d), a = r(f), o = r(p), s = [], c = {};
+	for (let { values: e } of n) {
+		let t = e[i];
+		if (!t) continue;
+		let n = e[a];
+		n && (c[t] = n);
+		let r = e[o] ?? null, l = s.at(-1);
+		l?.category === r ? l.columns.push(t) : s.push({
+			category: r,
+			columns: [t]
+		});
+	}
+	return {
+		sections: s,
+		columnAliases: c
+	};
+}
+function g(e) {
+	return { sql: `SELECT * FROM ${e} ORDER BY "${m}" ASC` };
+}
+function _(d) {
+	let { rowData: f, headers: p, columnCategoryTableId: m, columnLinks: _ } = d, { data: v, isLoading: y, error: b } = t(o(() => ({
+		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
+		entityId: m,
+		partMask: 1,
+		query: g(m)
+	}), [m]), { select: h });
+	return y ? /* @__PURE__ */ l(n, {
+		numRows: 6,
+		numCols: 1
+	}) : b ? /* @__PURE__ */ l(e, { error: b }) : v ? /* @__PURE__ */ l(c, { children: v.sections.map(({ category: e, columns: t }, n) => {
+		let o = i(t, p, f);
+		return o.length === 0 ? null : /* @__PURE__ */ u("section", {
+			className: a.section,
+			children: [e && /* @__PURE__ */ l(s, {
+				variant: "headline3",
+				className: a.categoryTitle,
+				children: e
+			}), /* @__PURE__ */ l(r, {
+				entries: o,
+				headers: p,
+				rowData: f,
+				columnLinks: _,
+				columnAliases: v.columnAliases
+			})]
+		}, `${n}-${e}`);
+	}) }) : null;
+}
+//#endregion
+export { p as COLUMN_CATEGORY_TABLE_CATEGORY, d as COLUMN_CATEGORY_TABLE_COLUMN_NAME, f as COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME, m as COLUMN_CATEGORY_TABLE_ORDER, _ as default, g as getColumnCategoryTableQuery };
+
+//# sourceMappingURL=CategorizedRowDataTable.js.map

package/dist/components/RowDataTable/CategorizedRowDataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorizedRowDataTable.js","names":[],"sources":["../../../src/components/RowDataTable/CategorizedRowDataTable.tsx"],"sourcesContent":["import { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Typography } from '@mui/material'\nimport {\n  Query,\n  QueryBundleRequest,\n  QueryResultBundle,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport styles from './CategorizedRowDataTable.module.scss'\nimport { getDisplayedRowDataEntries, RowDataEntriesTable } from './RowDataTable'\n\nexport const COLUMN_CATEGORY_TABLE_COLUMN_NAME = 'columnName'\nexport const COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME = 'columnDisplayName'\nexport const COLUMN_CATEGORY_TABLE_CATEGORY = 'category'\nexport const COLUMN_CATEGORY_TABLE_ORDER = 'order'\n\nexport type CategorizedRowDataTableProps = {\n  /** Array of string values corresponding to the data for a row */\n  rowData: Array<string | null>\n  /** The headers for the columns in the row */\n  headers: SelectColumn[]\n  /**\n   * Synapse ID of the table that defines which columns are displayed, their display names, and their categories.\n   * The table must contain the columns `columnName` (String), `columnDisplayName` (String), `category` (String), and `order` (Integer).\n   * Columns are displayed in ascending `order`; a new category section begins whenever `category` differs from the previous row,\n   * so all rows of a category must have contiguous `order` values.\n   */\n  columnCategoryTableId: string\n  /** Optional configuration for linking columns */\n  columnLinks?: LabelLinkConfig\n}\n\ntype ColumnCategorySection = {\n  category: string | null\n  columns: string[]\n}\n\ntype ColumnCategoryConfig = {\n  sections: ColumnCategorySection[]\n  columnAliases: Record<string, string>\n}\n\nfunction parseColumnCategoryConfig(\n  bundle: QueryResultBundle,\n): ColumnCategoryConfig {\n  const { headers, rows } = bundle.queryResult!.queryResults\n  const getIndex = (name: string) =>\n    headers.findIndex(header => header.name === name)\n  const columnNameIndex = getIndex(COLUMN_CATEGORY_TABLE_COLUMN_NAME)\n  const displayColumnNameIndex = getIndex(\n    COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME,\n  )\n  const categoryIndex = getIndex(COLUMN_CATEGORY_TABLE_CATEGORY)\n\n  const sections: ColumnCategorySection[] = []\n  const columnAliases: Record<string, string> = {}\n  for (const { values } of rows) {\n    const columnName = values[columnNameIndex]\n    if (!columnName) {\n      continue\n    }\n    const displayColumnName = values[displayColumnNameIndex]\n    if (displayColumnName) {\n      columnAliases[columnName] = displayColumnName\n    }\n    // Rows arrive sorted by order; a category change starts a new section, even if that category appeared earlier\n    const category = values[categoryIndex] ?? null\n    const currentSection = sections.at(-1)\n    if (currentSection?.category === category) {\n      currentSection.columns.push(columnName)\n    } else {\n      sections.push({ category, columns: [columnName] })\n    }\n  }\n  return { sections, columnAliases }\n}\n\n/**\n * The query used to read a column category table, sorted so that rows of the same category are adjacent\n */\nexport function getColumnCategoryTableQuery(tableId: string): Query {\n  return {\n    sql: `SELECT * FROM ${tableId} ORDER BY \"${COLUMN_CATEGORY_TABLE_ORDER}\" ASC`,\n  }\n}\n\n/**\n * Displays a Synapse Table row as key/value pairs, grouped into titled category sections.\n * The displayed columns, their display names, order, and categories are read from a separate Synapse Table.\n * Categories without any values in the row are not shown.\n */\nfunction CategorizedRowDataTable(props: CategorizedRowDataTableProps) {\n  const { rowData, headers, columnCategoryTableId, columnLinks } = props\n\n  const queryBundleRequest: QueryBundleRequest = useMemo(\n    () => ({\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n      entityId: columnCategoryTableId,\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      query: getColumnCategoryTableQuery(columnCategoryTableId),\n    }),\n    [columnCategoryTableId],\n  )\n\n  const {\n    data: config,\n    isLoading,\n    error,\n  } = useGetFullTableQueryResults(queryBundleRequest, {\n    select: parseColumnCategoryConfig,\n  })\n\n  if (isLoading) {\n    return <SkeletonTable numRows={6} numCols={1} />\n  }\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n  if (!config) {\n    return null\n  }\n\n  return (\n    <>\n      {config.sections.map(({ category, columns }, index) => {\n        const entries = getDisplayedRowDataEntries(columns, headers, rowData)\n        if (entries.length === 0) {\n          return null\n        }\n        return (\n          <section key={`${index}-${category}`} className={styles.section}>\n            {category && (\n              <Typography variant=\"headline3\" className={styles.categoryTitle}>\n                {category}\n              </Typography>\n            )}\n            <RowDataEntriesTable\n              entries={entries}\n              headers={headers}\n              rowData={rowData}\n              columnLinks={columnLinks}\n              columnAliases={config.columnAliases}\n            />\n          </section>\n        )\n      })}\n    </>\n  )\n}\n\nexport default CategorizedRowDataTable\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,IAAoC,cACpC,IAA4C,qBAC5C,IAAiC,YACjC,IAA8B;AA4B3C,SAAS,EACP,GACsB;CACtB,IAAM,EAAE,YAAS,YAAS,EAAO,YAAa,cACxC,KAAY,MAChB,EAAQ,WAAU,MAAU,EAAO,SAAS,CAAI,GAC5C,IAAkB,EAAS,CAAiC,GAC5D,IAAyB,EAC7B,CACF,GACM,IAAgB,EAAS,CAA8B,GAEvD,IAAoC,CAAC,GACrC,IAAwC,CAAC;CAC/C,KAAK,IAAM,EAAE,eAAY,GAAM;EAC7B,IAAM,IAAa,EAAO;EAC1B,IAAI,CAAC,GACH;EAEF,IAAM,IAAoB,EAAO;EACjC,AAAI,MACF,EAAc,KAAc;EAG9B,IAAM,IAAW,EAAO,MAAkB,MACpC,IAAiB,EAAS,GAAG,EAAE;EACrC,AAAI,GAAgB,aAAa,IAC/B,EAAe,QAAQ,KAAK,CAAU,IAEtC,EAAS,KAAK;GAAE;GAAU,SAAS,CAAC,CAAU;EAAE,CAAC;CAErD;CACA,OAAO;EAAE;EAAU;CAAc;AACnC;AAKA,SAAgB,EAA4B,GAAwB;CAClE,OAAO,EACL,KAAK,iBAAiB,EAAQ,aAAa,EAA4B,OACzE;AACF;AAOA,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,YAAS,YAAS,0BAAuB,mBAAgB,GAY3D,EACJ,MAAM,GACN,cACA,aACE,EAd2C,SACtC;EACL,cAAc;EACd,UAAU;EACV,UAAA;EACA,OAAO,EAA4B,CAAqB;CAC1D,IACA,CAAC,CAAqB,CAOQ,GAAoB,EAClD,QAAQ,EACV,CAAC;CAYD,OAVI,IACK,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;CAAI,CAAA,IAE7C,IACK,kBAAC,GAAD,EAAoB,SAAQ,CAAA,IAEhC,IAKH,kBAAA,GAAA,EAAA,UACG,EAAO,SAAS,KAAK,EAAE,aAAU,cAAW,MAAU;EACrD,IAAM,IAAU,EAA2B,GAAS,GAAS,CAAO;EAIpE,OAHI,EAAQ,WAAW,IACd,OAGP,kBAAC,WAAD;GAAsC,WAAW,EAAO;aAAxD,CACG,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAY,WAAW,EAAO;cAC/C;GACS,CAAA,GAEd,kBAAC,GAAD;IACW;IACA;IACA;IACI;IACb,eAAe,EAAO;GACvB,CAAA,CACM;KAbK,GAAG,EAAM,GAAG,GAajB;CAEb,CAAC,EACD,CAAA,IA3BK;AA6BX"}

package/dist/components/RowDataTable/CategorizedRowDataTable.module.js

@@ -0,0 +1,8 @@
+import './CategorizedRowDataTable.css';var e = {
+	section: "_section_1hncl_1",
+	categoryTitle: "_categoryTitle_1hncl_13"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=CategorizedRowDataTable.module.js.map

package/dist/components/RowDataTable/CategorizedRowDataTable.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorizedRowDataTable.module.js","names":[],"sources":["../../../src/components/RowDataTable/CategorizedRowDataTable.module.scss"],"sourcesContent":[".section + .section {\n  margin-top: 32px;\n}\n\n// Each category starts with a shaded row; the extra `table` raises specificity above StyledTableContainer's striping\n.section table tr:nth-of-type(odd) {\n  background-color: var(--synapse-gray-100);\n}\n\n.section table tr:nth-of-type(even) {\n  background-color: var(--synapse-white);\n}\n\n.categoryTitle:global(.MuiTypography-root) {\n  color: var(--synapse-gray-900);\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--synapse-gray-300);\n}\n"],"mappings":""}

package/dist/components/RowDataTable/CategorizedRowDataTable.module.scss

@@ -0,0 +1,18 @@
+.section + .section {
+  margin-top: 32px;
+}
+
+// Each category starts with a shaded row; the extra `table` raises specificity above StyledTableContainer's striping
+.section table tr:nth-of-type(odd) {
+  background-color: var(--synapse-gray-100);
+}
+
+.section table tr:nth-of-type(even) {
+  background-color: var(--synapse-white);
+}
+
+.categoryTitle:global(.MuiTypography-root) {
+  color: var(--synapse-gray-900);
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--synapse-gray-300);
+}