synapse-react-client 4.0.40 → 4.0.42

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.js

@@ -35,16 +35,15 @@ import { CustomControls as T } from "../SynapseTable/CustomControls/CustomContro
 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";
+import { Suspense as k, createElement as A, lazy as j, useMemo as M, useState as N } from "react";
+import { Box as ne } from "@mui/material";
+import { jsx as P, jsxs as re } from "react/jsx-runtime";
+import { useQuery as ie } from "@tanstack/react-query";
+import { useAtomValue as ae } from "jotai";
 //#region src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx
-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 = () => {
+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 t = W.currentQueryRequest.query.selectedFacets;
 		if (t && t.length > 0) {
 			let n = te(t, ye?.columnModels), r = ee(n);
@@ -77,81 +76,81 @@ function L(t) {
 			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) => {
+	}, 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) => {
 		if (e === void 0) throw Error("No queryVisualizationContext found when using QueryVisualizationContextConsumer");
-		return /* @__PURE__ */ N(re, {
-			className: `QueryWrapperPlotNav ${e.showFacetFilter && !G ? P : F} ${Se ? I : ""} ${U ? "isHidingTopLevelControls" : ""} ${G ? "isShowingQueryBuilder" : ""}`,
+		return /* @__PURE__ */ P(ne, {
+			className: `QueryWrapperPlotNav ${e.showFacetFilter && !G ? F : I} ${Se ? L : ""} ${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,
+			children: /* @__PURE__ */ re(g, { children: [
+				ce ? /* @__PURE__ */ P(S, { ftsConfig: B?.ftsConfig }) : /* @__PURE__ */ P(C, {
+					...B,
 					queryContext: W,
 					queryVisualizationContext: e
 				}),
-				/* @__PURE__ */ N(h, {}),
-				e.showDownloadConfirmation && /* @__PURE__ */ N(s, {
+				/* @__PURE__ */ P(h, {}),
+				e.showDownloadConfirmation && /* @__PURE__ */ P(s, {
 					addToDownloadListRequest: we,
 					onClose: () => e.setShowDownloadConfirmation(!1)
 				}),
-				!U && /* @__PURE__ */ N(i, { children: /* @__PURE__ */ N(w, {
+				!U && /* @__PURE__ */ P(i, { children: /* @__PURE__ */ P(w, {
 					showColumnSelection: n !== void 0,
 					name: r,
 					hideDownload: v,
 					hideAddToDownloadListMenuItem: A,
 					hideProgrammaticOptionsMenuItem: j,
-					hideQueryCount: L,
+					hideQueryCount: M,
 					hideFacetFilterControl: !X || G,
-					hideVisualizationsControl: !X || se,
+					hideVisualizationsControl: !X || z,
 					hideSqlEditorControl: R,
-					cavaticaConnectAccountURL: ce,
-					remount: V,
-					customControls: B,
+					cavaticaConnectAccountURL: se,
+					remount: H,
+					customControls: V,
 					showQueryBuilderControl: fe,
 					showQueryBuilder: G,
 					onToggleQueryBuilder: xe
 				}) }),
-				G ? /* @__PURE__ */ N(k, {
+				G ? /* @__PURE__ */ P(k, {
 					fallback: null,
-					children: /* @__PURE__ */ N("div", {
+					children: /* @__PURE__ */ P("div", {
 						className: "QueryBuilderControls",
-						children: /* @__PURE__ */ N(ne, {
+						children: /* @__PURE__ */ P(oe, {
 							tree: q,
 							onTreeChange: J
 						})
 					})
-				}) : X && /* @__PURE__ */ N(b, {
+				}) : X && /* @__PURE__ */ P(b, {
 					availableFacets: d,
 					initialExpandedFacetControls: p
 				}),
-				/* @__PURE__ */ N(k, {
+				/* @__PURE__ */ P(k, {
 					fallback: null,
-					children: /* @__PURE__ */ N(m, {
+					children: /* @__PURE__ */ P(m, {
 						frontText: "",
 						endText: Ce ? "filtered by" : "",
 						hideIfUnfiltered: !0
 					})
 				}),
-				/* @__PURE__ */ N(T, {
-					customControls: B,
-					remount: V
+				/* @__PURE__ */ P(T, {
+					customControls: V,
+					remount: H
 				}),
-				/* @__PURE__ */ N(E, {
+				/* @__PURE__ */ P(E, {
 					facetsToPlot: l,
-					customPlots: ue,
+					customPlots: le,
 					initialPlotTypeByFacetColumnName: de
 				}),
-				/* @__PURE__ */ N(y, {
+				/* @__PURE__ */ P(y, {
 					tableConfiguration: n,
 					hideDownload: v,
 					cardConfiguration: a,
-					initialLimit: H
+					initialLimit: ue
 				}),
-				me && /* @__PURE__ */ N(_, {
+				me && /* @__PURE__ */ P(_, {
 					getLastQueryRequest: W?.getCurrentQueryRequest,
 					onClose: () => he(!1)
 				}),
-				/* @__PURE__ */ N(o, {
+				/* @__PURE__ */ P(o, {
 					open: ge,
 					title: "Hide Query Builder?",
 					content: "Hiding the Query Builder will clear the conditions you've built. This can't be undone.",
@@ -169,8 +168,8 @@ function L(t) {
 		});
 	} });
 }
-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) : {
+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) : {
 		sql: i,
 		additionalFilters: n(e.searchParams, e.sqlOperator, m),
 		limit: c,
@@ -183,7 +182,7 @@ function R(e) {
 		m,
 		i,
 		c
-	]), [S, C] = M(1), w = () => {
+	]), [S, C] = N(1), w = () => {
 		C(S + 1);
 	}, { data: T } = a(y, b), E = {
 		entityId: y ?? "",
@@ -196,9 +195,9 @@ function R(e) {
 		initQueryRequest: E,
 		key: O,
 		isInfinite: s
-	}, /* @__PURE__ */ N(k, {
-		fallback: /* @__PURE__ */ N(v, {}),
-		children: /* @__PURE__ */ N(d, {
+	}, /* @__PURE__ */ P(k, {
+		fallback: /* @__PURE__ */ P(v, {}),
+		children: /* @__PURE__ */ P(d, {
 			unitDescription: f,
 			rgbIndex: e.rgbIndex,
 			columnAliases: e.columnAliases,
@@ -216,7 +215,7 @@ function R(e) {
 			noContentPlaceholderType: l.INTERACTIVE,
 			hasCustomPlots: Array.isArray(g) && g.length > 0,
 			enabledExternalAnalysisPlatforms: _,
-			children: /* @__PURE__ */ N(L, {
+			children: /* @__PURE__ */ P(R, {
 				...e,
 				isFullTextSearchEnabled: D,
 				remount: w
@@ -225,6 +224,6 @@ function R(e) {
 	}));
 }
 //#endregion
-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 };
+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 };
 
 //# 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 { 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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"}
+{"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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"}

package/dist/components/SynapseTable/RowSelection/RowSelectionControls.js

@@ -16,8 +16,8 @@ import { useGetAddToDownloadListRequestForCurrentQuery as u } from "../../QueryW
 import { CustomControlButton as d } from "../CustomControls/CustomControlButton.js";
 import { RowSelectionUI as f } from "./RowSelectionUI.js";
 import { useState as p } from "react";
-import { toast as m } from "react-hot-toast";
-import { Box as h, Button as g } from "@mui/material";
+import { Box as m, Button as h } from "@mui/material";
+import { toast as g } from "react-hot-toast";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { GetAppTwoTone as b } from "@mui/icons-material";
 import { useAtom as x } from "jotai";
@@ -44,7 +44,7 @@ function C(C) {
 				control: e,
 				startIcon: e.icon
 			}, e.buttonText)),
-			z && /* @__PURE__ */ v(g, {
+			z && /* @__PURE__ */ v(h, {
 				variant: "outlined",
 				onClick: () => {
 					E ? L(!0) : O(!0);
@@ -56,15 +56,15 @@ function C(C) {
 				onHide: () => O(!1),
 				content: "You must be signed in to send results to an analysis platform."
 			}),
-			V && /* @__PURE__ */ v(g, {
+			V && /* @__PURE__ */ v(h, {
 				variant: "contained",
 				onClick: () => {
-					let e = m.custom(/* @__PURE__ */ v(h, {
+					let e = g.custom(/* @__PURE__ */ v(m, {
 						sx: { width: "100%" },
 						children: /* @__PURE__ */ v(i, {
 							addToDownloadListRequest: I,
 							onClose: () => {
-								m.dismiss(e);
+								g.dismiss(e);
 							}
 						})
 					}), { duration: Infinity });

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+export declare const FLOATING_ROW_SELECTION_BAR_CLASS_NAME = "SynapseFloatingRowSelectionBar";
 export type RowSelectionUIProps = {
     show?: boolean;
     selectedRowCount: number;

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionUI.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DxD"}
+{"version":3,"file":"RowSelectionUI.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,eAAO,MAAM,qCAAqC,mCAChB,CAAA;AAIlC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAqExD"}

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.js

@@ -5,18 +5,20 @@ import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useAtomValue as l } from "jotai";
 import u from "pluralize";
 //#region src/components/SynapseTable/RowSelection/RowSelectionUI.tsx
-function d(d) {
-	let { show: f = !0, selectedRowCount: p, onClearSelection: m, customControls: h = /* @__PURE__ */ s(o, {}) } = d, g = l(e);
-	return f ? /* @__PURE__ */ c(i, {
+var d = "SynapseFloatingRowSelectionBar", f = "var(--synapse-floating-row-selection-bar-height)";
+function p(p) {
+	let { show: m = !0, selectedRowCount: h, onClearSelection: g, customControls: _ = /* @__PURE__ */ s(o, {}) } = p, v = l(e);
+	return m ? /* @__PURE__ */ c(i, {
+		className: v ? d : void 0,
 		sx: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "space-between",
-			position: g ? "fixed" : "absolute",
-			bottom: g ? 0 : -70,
+			position: v ? "fixed" : "absolute",
+			bottom: v ? 0 : `calc(-1 * ${f})`,
 			left: 0,
 			width: "100%",
-			height: "70px",
+			height: f,
 			zIndex: 1,
 			px: 2.5
 		},
@@ -24,7 +26,7 @@ function d(d) {
 			variant: "text",
 			color: "error",
 			onClick: () => {
-				m();
+				g();
 			},
 			children: "Clear Selection"
 		}), /* @__PURE__ */ c(n, {
@@ -39,18 +41,18 @@ function d(d) {
 					gap: 1.5
 				},
 				children: [/* @__PURE__ */ s(t, {
-					badgeContent: p.toLocaleString(),
+					badgeContent: h.toLocaleString(),
 					color: "primary",
 					max: Infinity
 				}), /* @__PURE__ */ c(a, {
 					variant: "body1",
-					children: [u("Row", p), " Selected"]
+					children: [u("Row", h), " Selected"]
 				})]
-			}), h]
+			}), _]
 		})]
 	}) : /* @__PURE__ */ s(o, {});
 }
 //#endregion
-export { d as RowSelectionUI };
+export { d as FLOATING_ROW_SELECTION_BAR_CLASS_NAME, p as RowSelectionUI };
 
 //# sourceMappingURL=RowSelectionUI.js.map

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionUI.js","names":[],"sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"sourcesContent":["import InlineBadge from '@/components/styled/InlineBadge'\nimport { Box, Button, Paper, Typography } from '@mui/material'\nimport { useAtomValue } from 'jotai'\nimport pluralize from 'pluralize'\nimport { ReactNode } from 'react'\nimport { isRowSelectionUIFloatingAtom } from '../../QueryWrapper/TableRowSelectionState'\n\nexport type RowSelectionUIProps = {\n  show?: boolean\n  selectedRowCount: number\n  onClearSelection: () => void\n  customControls?: ReactNode\n}\n\n/**\n * UI-only component for displaying the number of table rows selected, along with actions that can be performed on those rows\n */\nexport function RowSelectionUI(props: RowSelectionUIProps) {\n  const {\n    show = true,\n    selectedRowCount,\n    onClearSelection,\n    customControls = <></>,\n  } = props\n  const isRowSelectionUIFloating = useAtomValue(isRowSelectionUIFloatingAtom)\n  if (!show) {\n    return <></>\n  }\n\n  return (\n    <Paper\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        position: isRowSelectionUIFloating ? 'fixed' : 'absolute',\n        bottom: isRowSelectionUIFloating ? 0 : -70,\n        left: 0,\n        width: '100%',\n        height: '70px',\n        zIndex: 1,\n        px: 2.5,\n      }}\n    >\n      <Button\n        variant=\"text\"\n        color=\"error\"\n        onClick={() => {\n          onClearSelection()\n        }}\n      >\n        Clear Selection\n      </Button>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 2.5,\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1.5,\n          }}\n        >\n          <InlineBadge\n            badgeContent={selectedRowCount.toLocaleString()}\n            color=\"primary\"\n            max={Infinity}\n          />\n          <Typography variant=\"body1\">\n            {pluralize('Row', selectedRowCount)} Selected\n          </Typography>\n        </Box>\n        {customControls}\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,EAAe,GAA4B;CACzD,IAAM,EACJ,UAAO,IACP,qBACA,qBACA,oBAAiB,kBAAA,GAAA,CAAI,CAAA,MACnB,GACE,IAA2B,EAAa,CAA4B;CAK1E,OAJK,IAKH,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU,IAA2B,UAAU;GAC/C,QAAQ,IAA2B,IAAI;GACvC,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,IAAI;EACN;YAZF,CAcE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAiB;GACnB;aACD;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,YAAY;GACd;aALF,CAOE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;IACP;cAJF,CAME,kBAAC,GAAD;KACE,cAAc,EAAiB,eAAe;KAC9C,OAAM;KACN,KAAK;IACN,CAAA,GACD,kBAAC,GAAD;KAAY,SAAQ;eAApB,CACG,EAAU,OAAO,CAAgB,GAAE,WAC1B;MACT;OACJ,CACE;IACA;MAnDA,kBAAA,GAAA,CAAI,CAAA;AAqDf"}
+{"version":3,"file":"RowSelectionUI.js","names":[],"sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"sourcesContent":["import InlineBadge from '@/components/styled/InlineBadge'\nimport { Box, Button, Paper, Typography } from '@mui/material'\nimport { useAtomValue } from 'jotai'\nimport pluralize from 'pluralize'\nimport { ReactNode } from 'react'\nimport { isRowSelectionUIFloatingAtom } from '../../QueryWrapper/TableRowSelectionState'\n\nexport const FLOATING_ROW_SELECTION_BAR_CLASS_NAME =\n  'SynapseFloatingRowSelectionBar'\n\nconst HEIGHT_CSS_VARIABLE = 'var(--synapse-floating-row-selection-bar-height)'\n\nexport type RowSelectionUIProps = {\n  show?: boolean\n  selectedRowCount: number\n  onClearSelection: () => void\n  customControls?: ReactNode\n}\n\n/**\n * UI-only component for displaying the number of table rows selected, along with actions that can be performed on those rows\n */\nexport function RowSelectionUI(props: RowSelectionUIProps) {\n  const {\n    show = true,\n    selectedRowCount,\n    onClearSelection,\n    customControls = <></>,\n  } = props\n  const isRowSelectionUIFloating = useAtomValue(isRowSelectionUIFloatingAtom)\n  if (!show) {\n    return <></>\n  }\n\n  return (\n    <Paper\n      className={\n        isRowSelectionUIFloating\n          ? FLOATING_ROW_SELECTION_BAR_CLASS_NAME\n          : undefined\n      }\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        position: isRowSelectionUIFloating ? 'fixed' : 'absolute',\n        bottom: isRowSelectionUIFloating\n          ? 0\n          : `calc(-1 * ${HEIGHT_CSS_VARIABLE})`,\n        left: 0,\n        width: '100%',\n        height: HEIGHT_CSS_VARIABLE,\n        zIndex: 1,\n        px: 2.5,\n      }}\n    >\n      <Button\n        variant=\"text\"\n        color=\"error\"\n        onClick={() => {\n          onClearSelection()\n        }}\n      >\n        Clear Selection\n      </Button>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 2.5,\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1.5,\n          }}\n        >\n          <InlineBadge\n            badgeContent={selectedRowCount.toLocaleString()}\n            color=\"primary\"\n            max={Infinity}\n          />\n          <Typography variant=\"body1\">\n            {pluralize('Row', selectedRowCount)} Selected\n          </Typography>\n        </Box>\n        {customControls}\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AAOA,IAAa,IACX,kCAEI,IAAsB;AAY5B,SAAgB,EAAe,GAA4B;CACzD,IAAM,EACJ,UAAO,IACP,qBACA,qBACA,oBAAiB,kBAAA,GAAA,CAAI,CAAA,MACnB,GACE,IAA2B,EAAa,CAA4B;CAK1E,OAJK,IAKH,kBAAC,GAAD;EACE,WACE,IACI,IACA,KAAA;EAEN,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU,IAA2B,UAAU;GAC/C,QAAQ,IACJ,IACA,aAAa,EAAoB;GACrC,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,IAAI;EACN;YAnBF,CAqBE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAiB;GACnB;aACD;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,YAAY;GACd;aALF,CAOE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;IACP;cAJF,CAME,kBAAC,GAAD;KACE,cAAc,EAAiB,eAAe;KAC9C,OAAM;KACN,KAAK;IACN,CAAA,GACD,kBAAC,GAAD;KAAY,SAAQ;eAApB,CACG,EAAU,OAAO,CAAgB,GAAE,WAC1B;MACT;OACJ,CACE;IACA;MA1DA,kBAAA,GAAA,CAAI,CAAA;AA4Df"}

package/dist/components/SynapseTable/SearchV2.js

@@ -3,8 +3,8 @@ import "../../utils/index.js";
 import n from "../IconSvg/IconSvg.js";
 import { useGetQueryMetadata as r } from "../QueryWrapper/useGetQueryMetadata.js";
 import { Component as i, createRef as a } from "react";
-import { CSSTransition as o } from "react-transition-group";
-import { Collapse as s } from "@mui/material";
+import { Collapse as o } from "@mui/material";
+import { CSSTransition as s } from "react-transition-group";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { ColumnMultiValueFunction as u, ColumnSingleValueFilterOperator as d, ColumnTypeEnum as f } from "@sage-bionetworks/synapse-types";
 //#region src/components/SynapseTable/SearchV2.tsx
@@ -93,7 +93,7 @@ var p = class extends i {
 		let { searchable: e, lockedColumn: t, columnModels: r, queryVisualizationContext: { showSearchBar: i, getColumnDisplayName: a } } = this.props, { searchText: u, show: d, columnName: f } = this.state, p = [];
 		return e ? p = e.map((e) => r?.find((t) => t.name === e)).filter(this.isSupportedColumnAndInProps).map((e) => e.name) : r && (p = r?.filter(this.isSupportedColumn).map((e) => e.name)), p.length && t?.columnName && (p = p.filter((e) => e !== t?.columnName)), /* @__PURE__ */ l("div", {
 			className: "QueryWrapperSearchInput",
-			children: [/* @__PURE__ */ c(s, {
+			children: [/* @__PURE__ */ c(o, {
 				in: i,
 				children: /* @__PURE__ */ l("form", {
 					className: "QueryWrapperSearchInput__searchbar",
@@ -128,7 +128,7 @@ var p = class extends i {
 				})
 			}), /* @__PURE__ */ c("div", {
 				className: "QueryWrapperSearchInput__dropdown_pos",
-				children: /* @__PURE__ */ c(o, {
+				children: /* @__PURE__ */ c(s, {
 					nodeRef: this.radioFormRef,
 					in: d,
 					classNames: "QueryWrapperSearchInput__animate_dropdown",

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

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ToastMessage/ToastMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAGhD,OAAuB,EACrB,iBAAiB,EAClB,MAAM,kCAAkC,CAAA;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiBvC;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,SAAS,CAiBvD;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,iBAAiB,CAAA;IACvC,qBAAqB,CAAC,EAAE,iBAAiB,CAAA;IACzC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,6BAA6B,CAAC,EAAE,OAAO,CAAA;CACxC,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GACvB,SAAS,SAAS,EAClB,UAAU,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,EACnD,sBAAqB,mBAAmB,GAAG,IAAS,KACnD,CAAC,MAAM,IAAI,CAkEb,CAAA"}
+{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ToastMessage/ToastMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAIhD,OAAuB,EACrB,iBAAiB,EAClB,MAAM,kCAAkC,CAAA;AAMzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiBvC;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,SAAS,CA2BvD;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,iBAAiB,CAAA;IACvC,qBAAqB,CAAC,EAAE,iBAAiB,CAAA;IACzC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,6BAA6B,CAAC,EAAE,OAAO,CAAA;CACxC,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GACvB,SAAS,SAAS,EAClB,UAAU,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,EACnD,sBAAqB,mBAAmB,GAAG,IAAS,KACnD,CAAC,MAAM,IAAI,CAkEb,CAAA"}

package/dist/components/ToastMessage/ToastMessage.js

@@ -1,43 +1,46 @@
 import e from "../FullWidthAlert/FullWidthAlert.js";
 import { useRef as t } from "react";
 import { uniqueId as n } from "lodash-es";
-import { ToastBar as r, Toaster as i, toast as a } from "react-hot-toast";
-import { CSSTransition as o, TransitionGroup as s } from "react-transition-group";
-import { jsx as c } from "react/jsx-runtime";
+import { useMediaQuery as r } from "@mui/material";
+import { ToastBar as i, Toaster as a, toast as o } from "react-hot-toast";
+import { CSSTransition as s, TransitionGroup as c } from "react-transition-group";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/ToastMessage/ToastMessage.tsx
-function l({ text: e, show: n, autohide: r }) {
+var u = "SynapseToastContainer", d = "SynapseToastContainerTop", f = "SynapseToastContainerBottom";
+function p({ text: e, show: n, autohide: r }) {
 	let i = t(null);
-	return /* @__PURE__ */ c(s, { children: n && /* @__PURE__ */ c(o, {
+	return /* @__PURE__ */ l(c, { children: n && /* @__PURE__ */ l(s, {
 		nodeRef: i,
 		classNames: "SRC-card",
 		timeout: r ? {
 			enter: 500,
 			exit: 300
 		} : {},
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: "SRC-modal",
 			ref: i,
 			children: e
 		})
 	}) });
 }
-function u() {
-	return /* @__PURE__ */ c(i, {
-		containerClassName: "SynapseToastContainer",
-		position: "bottom-center",
-		children: (e) => /* @__PURE__ */ c(r, {
-			toast: e,
+function m() {
+	let e = r((e) => e.breakpoints.down("sm"));
+	return /* @__PURE__ */ l(a, {
+		containerClassName: `${u} ${e ? d : f}`,
+		position: e ? "top-center" : "bottom-center",
+		children: (t) => /* @__PURE__ */ l(i, {
+			toast: t,
 			style: {
-				...e.style,
-				animation: e.visible ? "fadeInUp 0.5s ease" : "fadeOutDown 1s ease"
+				...t.style,
+				animation: t.visible ? `${e ? "fadeInDown" : "fadeInUp"} 0.5s ease` : `${e ? "fadeOutUp" : "fadeOutDown"} 1s ease`
 			}
 		})
 	});
 }
-var d = (t, r, i = {}) => {
-	let o = n("synToast-"), s = () => {
-		a.dismiss(o);
-	}, { title: l = void 0, primaryButtonConfig: u = void 0, secondaryButtonConfig: d = void 0, dismissOnPrimaryButtonClick: f = !1, dismissOnSecondaryButtonClick: p = !1 } = i ?? {};
+var h = (t, r, i = {}) => {
+	let a = n("synToast-"), s = () => {
+		o.dismiss(a);
+	}, { title: c = void 0, primaryButtonConfig: u = void 0, secondaryButtonConfig: d = void 0, dismissOnPrimaryButtonClick: f = !1, dismissOnSecondaryButtonClick: p = !1 } = i ?? {};
 	if (u && "onClick" in u && f) {
 		let e = u.onClick;
 		u.onClick = (t) => {
@@ -51,22 +54,22 @@ var d = (t, r, i = {}) => {
 		};
 	}
 	let { autoCloseInMs: m = 15e3 } = i ?? {};
-	return m === 0 && (m = Infinity), a(/* @__PURE__ */ c(e, {
+	return m === 0 && (m = Infinity), o(/* @__PURE__ */ l(e, {
 		isGlobal: !1,
 		onClose: s,
 		variant: r ?? "info",
 		show: !0,
-		title: l,
+		title: c,
 		description: t,
 		primaryButtonConfig: u,
 		secondaryButtonConfig: d
 	}), {
-		id: o,
+		id: a,
 		className: "SynapseToastMessage",
 		duration: m
 	}), s;
 };
 //#endregion
-export { u as SynapseToastContainer, l as ToastMessage, d as displayToast };
+export { m as SynapseToastContainer, p as ToastMessage, h as displayToast };
 
 //# sourceMappingURL=ToastMessage.js.map

package/dist/components/ToastMessage/ToastMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.js","names":[],"sources":["../../../src/components/ToastMessage/ToastMessage.tsx"],"sourcesContent":["import { uniqueId } from 'lodash-es'\nimport React, { ReactNode, useRef } from 'react'\nimport { toast, ToastBar, Toaster } from 'react-hot-toast'\nimport { CSSTransition, TransitionGroup } from 'react-transition-group'\nimport FullWidthAlert, {\n  AlertButtonConfig,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type ToastMessageProps = {\n  text: string\n  show: boolean\n  autohide: boolean\n}\n\n/**\n *\n * Generalization of a Material-style toast message used in a couple of places. This component is simple and\n * cannot handle issuing multiple toast messages. For more sophisticated cases, see {@link displayToast}\n */\nexport function ToastMessage({\n  text,\n  show,\n  autohide,\n}: ToastMessageProps): React.JSX.Element {\n  const modalRef = useRef<HTMLDivElement>(null)\n  return (\n    <TransitionGroup>\n      {show && (\n        <CSSTransition\n          nodeRef={modalRef}\n          classNames=\"SRC-card\"\n          timeout={autohide ? { enter: 500, exit: 300 } : {}}\n        >\n          <div className=\"SRC-modal\" ref={modalRef}>\n            {text}\n          </div>\n        </CSSTransition>\n      )}\n    </TransitionGroup>\n  )\n}\n\n/**\n * Customized ToastContainer for using react-toastify.\n *\n * Note that this will collide with other notification systems, such as the BootstrapNotify notifications\n * in SWC.\n */\nexport function SynapseToastContainer(): React.ReactNode {\n  return (\n    <Toaster\n      containerClassName=\"SynapseToastContainer\"\n      position=\"bottom-center\"\n    >\n      {t => (\n        <ToastBar\n          toast={t}\n          style={{\n            ...t.style,\n            animation: t.visible ? 'fadeInUp 0.5s ease' : 'fadeOutDown 1s ease', // The exit animation needs to be long enough for the element to be removed, or else it will pop back in\n          }}\n        ></ToastBar>\n      )}\n    </Toaster>\n  )\n}\n\ntype ToastMessageOptions = {\n  title?: string\n  /* autoCloseInMs default: 15000 */\n  autoCloseInMs?: number\n  primaryButtonConfig?: AlertButtonConfig\n  secondaryButtonConfig?: AlertButtonConfig\n  dismissOnPrimaryButtonClick?: boolean\n  dismissOnSecondaryButtonClick?: boolean\n}\n\n/**\n * Displays a toast message. Requires one 'SynapseToastContainer' to be somewhere in the page.\n *\n * @param message - The description of the toast message.\n * @param variant - The type of toast message to display. Default 'info'.\n\n * In ToastMessageOptions:\n *\n * @param autoCloseInMs - The amount of time in milliseconds to wait before automatically closing the toast. To prevent autoclose, set to 0 or Infinity. Default 15000.\n *\n * The rest of the options params are undefined by default.\n */\nexport const displayToast = (\n  message: ReactNode,\n  variant?: 'info' | 'success' | 'warning' | 'danger',\n  toastMessageOptions: ToastMessageOptions | null = {},\n): (() => void) => {\n  const id = uniqueId('synToast-')\n  const onClose = () => {\n    toast.dismiss(id)\n  }\n\n  const {\n    title = undefined,\n    primaryButtonConfig = undefined,\n    secondaryButtonConfig = undefined,\n    dismissOnPrimaryButtonClick = false,\n    dismissOnSecondaryButtonClick = false,\n  } = toastMessageOptions ?? {}\n\n  // If 'dismissOnPrimaryButtonClick' is true, then we need to invoke onClose after onClick is invoked.\n  if (\n    primaryButtonConfig &&\n    'onClick' in primaryButtonConfig &&\n    dismissOnPrimaryButtonClick\n  ) {\n    const onClick = primaryButtonConfig.onClick!\n    primaryButtonConfig.onClick = e => {\n      onClick(e)\n      onClose()\n    }\n  }\n\n  // ditto for secondary\n  if (\n    secondaryButtonConfig &&\n    'onClick' in secondaryButtonConfig &&\n    dismissOnSecondaryButtonClick\n  ) {\n    const onClick = secondaryButtonConfig.onClick!\n    secondaryButtonConfig.onClick = e => {\n      onClick(e)\n      onClose()\n    }\n  }\n\n  let { autoCloseInMs = 15000 } = toastMessageOptions ?? {}\n  // Some toast libraries use 0 to prevent autoclose\n  // react-hot-toast doesn't, but we can convert it for better compatibility as we try to migrate to use just one library\n  if (autoCloseInMs === 0) {\n    autoCloseInMs = Infinity\n  }\n\n  toast(\n    <FullWidthAlert\n      isGlobal={false}\n      onClose={onClose}\n      variant={variant ?? 'info'}\n      show={true}\n      title={title}\n      description={message}\n      primaryButtonConfig={primaryButtonConfig}\n      secondaryButtonConfig={secondaryButtonConfig}\n    />,\n    {\n      id: id,\n      className: 'SynapseToastMessage',\n      duration: autoCloseInMs,\n    },\n  )\n\n  return onClose\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,EAAa,EAC3B,SACA,SACA,eACuC;CACvC,IAAM,IAAW,EAAuB,IAAI;CAC5C,OACE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;EACE,SAAS;EACT,YAAW;EACX,SAAS,IAAW;GAAE,OAAO;GAAK,MAAM;EAAI,IAAI,CAAC;YAEjD,kBAAC,OAAD;GAAK,WAAU;GAAY,KAAK;aAC7B;EACE,CAAA;CACQ,CAAA,EAEF,CAAA;AAErB;AAQA,SAAgB,IAAyC;CACvD,OACE,kBAAC,GAAD;EACE,oBAAmB;EACnB,UAAS;aAER,MACC,kBAAC,GAAD;GACE,OAAO;GACP,OAAO;IACL,GAAG,EAAE;IACL,WAAW,EAAE,UAAU,uBAAuB;GAChD;EACS,CAAA;CAEN,CAAA;AAEb;AAwBA,IAAa,KACX,GACA,GACA,IAAkD,CAAC,MAClC;CACjB,IAAM,IAAK,EAAS,WAAW,GACzB,UAAgB;EACpB,EAAM,QAAQ,CAAE;CAClB,GAEM,EACJ,WAAQ,KAAA,GACR,yBAAsB,KAAA,GACtB,2BAAwB,KAAA,GACxB,iCAA8B,IAC9B,mCAAgC,OAC9B,KAAuB,CAAC;CAG5B,IACE,KACA,aAAa,KACb,GACA;EACA,IAAM,IAAU,EAAoB;EACpC,EAAoB,WAAU,MAAK;GAEjC,AADA,EAAQ,CAAC,GACT,EAAQ;EACV;CACF;CAGA,IACE,KACA,aAAa,KACb,GACA;EACA,IAAM,IAAU,EAAsB;EACtC,EAAsB,WAAU,MAAK;GAEnC,AADA,EAAQ,CAAC,GACT,EAAQ;EACV;CACF;CAEA,IAAI,EAAE,mBAAgB,SAAU,KAAuB,CAAC;CAyBxD,OAtBI,MAAkB,MACpB,IAAgB,WAGlB,EACE,kBAAC,GAAD;EACE,UAAU;EACD;EACT,SAAS,KAAW;EACpB,MAAM;EACC;EACP,aAAa;EACQ;EACE;CACxB,CAAA,GACD;EACM;EACJ,WAAW;EACX,UAAU;CACZ,CACF,GAEO;AACT"}
+{"version":3,"file":"ToastMessage.js","names":[],"sources":["../../../src/components/ToastMessage/ToastMessage.tsx"],"sourcesContent":["import { uniqueId } from 'lodash-es'\nimport React, { ReactNode, useRef } from 'react'\nimport { useMediaQuery } from '@mui/material'\nimport { toast, ToastBar, Toaster } from 'react-hot-toast'\nimport { CSSTransition, TransitionGroup } from 'react-transition-group'\nimport FullWidthAlert, {\n  AlertButtonConfig,\n} from '../FullWidthAlert/FullWidthAlert'\n\nconst TOAST_CONTAINER_CLASS_NAME = 'SynapseToastContainer'\nconst TOAST_CONTAINER_TOP_CLASS_NAME = 'SynapseToastContainerTop'\nconst TOAST_CONTAINER_BOTTOM_CLASS_NAME = 'SynapseToastContainerBottom'\n\nexport type ToastMessageProps = {\n  text: string\n  show: boolean\n  autohide: boolean\n}\n\n/**\n *\n * Generalization of a Material-style toast message used in a couple of places. This component is simple and\n * cannot handle issuing multiple toast messages. For more sophisticated cases, see {@link displayToast}\n */\nexport function ToastMessage({\n  text,\n  show,\n  autohide,\n}: ToastMessageProps): React.JSX.Element {\n  const modalRef = useRef<HTMLDivElement>(null)\n  return (\n    <TransitionGroup>\n      {show && (\n        <CSSTransition\n          nodeRef={modalRef}\n          classNames=\"SRC-card\"\n          timeout={autohide ? { enter: 500, exit: 300 } : {}}\n        >\n          <div className=\"SRC-modal\" ref={modalRef}>\n            {text}\n          </div>\n        </CSSTransition>\n      )}\n    </TransitionGroup>\n  )\n}\n\n/**\n * Customized ToastContainer for using react-toastify.\n *\n * Note that this will collide with other notification systems, such as the BootstrapNotify notifications\n * in SWC.\n */\nexport function SynapseToastContainer(): React.ReactNode {\n  // Anchor toasts to the top on small screens, where a virtual keyboard can cover the bottom of the viewport\n  const anchorTop = useMediaQuery(theme => theme.breakpoints.down('sm'))\n\n  return (\n    <Toaster\n      containerClassName={`${TOAST_CONTAINER_CLASS_NAME} ${\n        anchorTop\n          ? TOAST_CONTAINER_TOP_CLASS_NAME\n          : TOAST_CONTAINER_BOTTOM_CLASS_NAME\n      }`}\n      position={anchorTop ? 'top-center' : 'bottom-center'}\n    >\n      {t => (\n        <ToastBar\n          toast={t}\n          style={{\n            ...t.style,\n            // The exit animation needs to be long enough for the element to be removed, or else it will pop back in\n            animation: t.visible\n              ? `${anchorTop ? 'fadeInDown' : 'fadeInUp'} 0.5s ease`\n              : `${anchorTop ? 'fadeOutUp' : 'fadeOutDown'} 1s ease`,\n          }}\n        ></ToastBar>\n      )}\n    </Toaster>\n  )\n}\n\ntype ToastMessageOptions = {\n  title?: string\n  /* autoCloseInMs default: 15000 */\n  autoCloseInMs?: number\n  primaryButtonConfig?: AlertButtonConfig\n  secondaryButtonConfig?: AlertButtonConfig\n  dismissOnPrimaryButtonClick?: boolean\n  dismissOnSecondaryButtonClick?: boolean\n}\n\n/**\n * Displays a toast message. Requires one 'SynapseToastContainer' to be somewhere in the page.\n *\n * @param message - The description of the toast message.\n * @param variant - The type of toast message to display. Default 'info'.\n\n * In ToastMessageOptions:\n *\n * @param autoCloseInMs - The amount of time in milliseconds to wait before automatically closing the toast. To prevent autoclose, set to 0 or Infinity. Default 15000.\n *\n * The rest of the options params are undefined by default.\n */\nexport const displayToast = (\n  message: ReactNode,\n  variant?: 'info' | 'success' | 'warning' | 'danger',\n  toastMessageOptions: ToastMessageOptions | null = {},\n): (() => void) => {\n  const id = uniqueId('synToast-')\n  const onClose = () => {\n    toast.dismiss(id)\n  }\n\n  const {\n    title = undefined,\n    primaryButtonConfig = undefined,\n    secondaryButtonConfig = undefined,\n    dismissOnPrimaryButtonClick = false,\n    dismissOnSecondaryButtonClick = false,\n  } = toastMessageOptions ?? {}\n\n  // If 'dismissOnPrimaryButtonClick' is true, then we need to invoke onClose after onClick is invoked.\n  if (\n    primaryButtonConfig &&\n    'onClick' in primaryButtonConfig &&\n    dismissOnPrimaryButtonClick\n  ) {\n    const onClick = primaryButtonConfig.onClick!\n    primaryButtonConfig.onClick = e => {\n      onClick(e)\n      onClose()\n    }\n  }\n\n  // ditto for secondary\n  if (\n    secondaryButtonConfig &&\n    'onClick' in secondaryButtonConfig &&\n    dismissOnSecondaryButtonClick\n  ) {\n    const onClick = secondaryButtonConfig.onClick!\n    secondaryButtonConfig.onClick = e => {\n      onClick(e)\n      onClose()\n    }\n  }\n\n  let { autoCloseInMs = 15000 } = toastMessageOptions ?? {}\n  // Some toast libraries use 0 to prevent autoclose\n  // react-hot-toast doesn't, but we can convert it for better compatibility as we try to migrate to use just one library\n  if (autoCloseInMs === 0) {\n    autoCloseInMs = Infinity\n  }\n\n  toast(\n    <FullWidthAlert\n      isGlobal={false}\n      onClose={onClose}\n      variant={variant ?? 'info'}\n      show={true}\n      title={title}\n      description={message}\n      primaryButtonConfig={primaryButtonConfig}\n      secondaryButtonConfig={secondaryButtonConfig}\n    />,\n    {\n      id: id,\n      className: 'SynapseToastMessage',\n      duration: autoCloseInMs,\n    },\n  )\n\n  return onClose\n}\n"],"mappings":";;;;;;;;AASA,IAAM,IAA6B,yBAC7B,IAAiC,4BACjC,IAAoC;AAa1C,SAAgB,EAAa,EAC3B,SACA,SACA,eACuC;CACvC,IAAM,IAAW,EAAuB,IAAI;CAC5C,OACE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;EACE,SAAS;EACT,YAAW;EACX,SAAS,IAAW;GAAE,OAAO;GAAK,MAAM;EAAI,IAAI,CAAC;YAEjD,kBAAC,OAAD;GAAK,WAAU;GAAY,KAAK;aAC7B;EACE,CAAA;CACQ,CAAA,EAEF,CAAA;AAErB;AAQA,SAAgB,IAAyC;CAEvD,IAAM,IAAY,GAAc,MAAS,EAAM,YAAY,KAAK,IAAI,CAAC;CAErE,OACE,kBAAC,GAAD;EACE,oBAAoB,GAAG,EAA2B,GAChD,IACI,IACA;EAEN,UAAU,IAAY,eAAe;aAEpC,MACC,kBAAC,GAAD;GACE,OAAO;GACP,OAAO;IACL,GAAG,EAAE;IAEL,WAAW,EAAE,UACT,GAAG,IAAY,eAAe,WAAW,cACzC,GAAG,IAAY,cAAc,cAAc;GACjD;EACS,CAAA;CAEN,CAAA;AAEb;AAwBA,IAAa,KACX,GACA,GACA,IAAkD,CAAC,MAClC;CACjB,IAAM,IAAK,EAAS,WAAW,GACzB,UAAgB;EACpB,EAAM,QAAQ,CAAE;CAClB,GAEM,EACJ,WAAQ,KAAA,GACR,yBAAsB,KAAA,GACtB,2BAAwB,KAAA,GACxB,iCAA8B,IAC9B,mCAAgC,OAC9B,KAAuB,CAAC;CAG5B,IACE,KACA,aAAa,KACb,GACA;EACA,IAAM,IAAU,EAAoB;EACpC,EAAoB,WAAU,MAAK;GAEjC,AADA,EAAQ,CAAC,GACT,EAAQ;EACV;CACF;CAGA,IACE,KACA,aAAa,KACb,GACA;EACA,IAAM,IAAU,EAAsB;EACtC,EAAsB,WAAU,MAAK;GAEnC,AADA,EAAQ,CAAC,GACT,EAAQ;EACV;CACF;CAEA,IAAI,EAAE,mBAAgB,SAAU,KAAuB,CAAC;CAyBxD,OAtBI,MAAkB,MACpB,IAAgB,WAGlB,EACE,kBAAC,GAAD;EACE,UAAU;EACD;EACT,SAAS,KAAW;EACpB,MAAM;EACC;EACP,aAAa;EACQ;EACE;CACxB,CAAA,GACD;EACM;EACJ,WAAW;EACX,UAAU;CACZ,CACF,GAEO;AACT"}