synapse-react-client 4.0.3 → 4.0.5-b

package/dist/components/Plot/SynapsePlot.js

@@ -14,14 +14,14 @@ import "react";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import "@sage-bionetworks/synapse-types";
-import { Skeleton as N } from "@mui/material";
+import { Skeleton as Q } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
 import "../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
-import '../../style/components/_spinner.css';/* empty css                                   */
+import './SynapsePlot.css';import '../../style/components/_spinner.css';/* empty css                                   */
 import "@tanstack/query-core";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
@@ -29,39 +29,41 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetFullTableQueryResults as Q } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
-import { Plot as T } from "./Plot.js";
-const xt = (a) => {
-  const { query: p } = a.synapsePlotWidgetParams, { selectedFacets: q, additionalFilters: w, onCustomPlotClick: u, queryContext: c } = a.customPlotParams ?? {}, P = {
+import { useGetFullTableQueryResults as T } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
+import { Plot as U } from "./Plot.js";
+/* empty css                 */
+const qt = (a) => {
+  const { query: u } = a.synapsePlotWidgetParams, { selectedFacets: q, additionalFilters: P, onCustomPlotClick: c, queryContext: w } = a.customPlotParams ?? {}, R = {
     concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
     partMask: M,
-    entityId: L(p),
+    entityId: L(u),
     query: {
-      sql: p,
+      sql: u,
       selectedFacets: q,
-      additionalFilters: w
+      additionalFilters: P
     }
-  }, { data: m, isLoading: R } = Q(P);
-  if (R)
-    return /* @__PURE__ */ s(N, { width: "100%", height: "200px" });
+  }, { data: m, isLoading: S } = T(R);
+  if (S)
+    return /* @__PURE__ */ s(Q, { width: "100%", height: "200px" });
   if (!m)
     return /* @__PURE__ */ s(g, {});
   const {
-    title: S,
+    title: k,
     xtitle: y,
     ytitle: d,
-    type: k,
+    type: v,
     xaxistype: f,
-    showlegend: C,
-    barmode: F,
-    horizontal: n,
-    displayModeBar: b
+    showlegend: b,
+    barmode: C,
+    horizontal: l,
+    displayModeBar: F,
+    hoverinfo: h
   } = a.synapsePlotWidgetParams, E = {
-    displayModeBar: b
+    displayModeBar: F
   }, e = {
-    showlegend: C,
-    title: S,
-    barmode: F
+    showlegend: b,
+    title: k,
+    barmode: C
   };
   y && (e.xaxis = {
     title: y
@@ -71,45 +73,47 @@ const xt = (a) => {
   }), d && (e.yaxis = {
     title: d
   });
-  const r = [], v = n ? "h" : "v", l = m.queryResult?.queryResults.headers ?? [], h = m.queryResult?.queryResults.rows ?? [];
-  if (l.length == 0 || h.length == 0)
+  const r = [], N = l ? "h" : "v", n = m.queryResult?.queryResults.headers ?? [], x = m.queryResult?.queryResults.rows ?? [];
+  if (n.length == 0 || x.length == 0)
     return /* @__PURE__ */ s(g, {});
-  for (let t = 0; t < l.length - 1; t += 1)
+  for (let t = 0; t < n.length - 1; t += 1)
     r[t] = {
-      orientation: v,
-      name: l[t + 1].name,
-      type: k,
+      orientation: N,
+      name: n[t + 1].name,
+      type: v,
       x: [],
       y: [],
-      customdata: []
+      customdata: [],
+      ...h !== void 0 && { hoverinfo: h }
     };
-  for (const t of h)
+  for (const t of x)
     for (let o = 1; o < t.values.length; o += 1) {
       const i = t.values, A = r[o - 1].x, B = r[o - 1].y, D = r[o - 1].customdata;
-      A.push(n ? i[o] : i[0]), B.push(n ? i[0] : i[o]), D.push(JSON.stringify(t));
+      A.push(l ? i[o] : i[0]), B.push(l ? i[0] : i[o]), D.push(JSON.stringify(t));
     }
-  let x;
-  return u && c && (x = (t) => {
+  let p;
+  return c && (p = (t) => {
     const o = JSON.parse(
       t.points[0].customdata
     );
-    u({
+    c({
       row: o,
-      queryContext: c
+      queryContext: w
     });
   }), /* @__PURE__ */ s(
-    T,
+    U,
     {
       style: { width: "100%", height: "450px" },
+      className: p ? "SynapsePlot--clickable" : void 0,
       layout: e,
       data: r,
       config: E,
-      onClick: x
+      onClick: p
     }
   );
 };
 export {
-  xt as SynapsePlot,
-  xt as default
+  qt as SynapsePlot,
+  qt as default
 };
 //# sourceMappingURL=SynapsePlot.js.map

package/dist/components/Plot/SynapsePlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePlot.js","sources":["../../../src/components/Plot/SynapsePlot.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetFullTableQueryResults } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { Skeleton } from '@mui/material'\nimport {\n  FacetColumnRequest,\n  QueryBundleRequest,\n  QueryFilter,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport Plotly, { AxisType, PlotType } from 'plotly.js-basic-dist'\nimport { QueryContextType } from '../QueryContext'\nimport { QueryWrapperSynapsePlotRowClickEvent } from '../QueryWrapperPlotNav/QueryWrapperSynapsePlot'\nimport Plot from './Plot'\n\nexport type SynapsePlotWidgetParams = {\n  query: string //sql string\n  title?: string //plot title\n  xtitle?: Plotly.LayoutAxis['title'] // x-axis title\n  ytitle?: Plotly.LayoutAxis['title'] // y-axis title\n  type: PlotType\n  xaxistype?: AxisType\n  showlegend?: Plotly.Layout['showlegend'] // sets the legend visibility\n  horizontal?: boolean // sets the if a bar chart should be horizontal or vertical\n  barmode?: Plotly.Layout['barmode'] // Plotly barmode\n  displayModeBar?: Plotly.Config['displayModeBar'] // sets the modebar visibility\n}\n\n// QueryWrapperPlotNav customPlot parameters, undefined otherwise\nexport type QueryWrapperPlotNavCustomPlotParams = {\n  selectedFacets: FacetColumnRequest[]\n  additionalFilters: QueryFilter[]\n  onCustomPlotClick?: (event: QueryWrapperSynapsePlotRowClickEvent) => void\n  queryContext?: QueryContextType\n}\nexport type SynapsePlotProps = {\n  synapsePlotWidgetParams: SynapsePlotWidgetParams\n  customPlotParams?: QueryWrapperPlotNavCustomPlotParams\n}\n\nexport const SynapsePlot = (props: SynapsePlotProps): React.ReactNode => {\n  const { query } = props.synapsePlotWidgetParams\n  const { selectedFacets, additionalFilters, onCustomPlotClick, queryContext } =\n    props.customPlotParams ?? {}\n  const queryRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    entityId: parseEntityIdFromSqlStatement(query),\n    query: {\n      sql: query,\n      selectedFacets,\n      additionalFilters,\n    },\n  }\n  const { data: queryData, isLoading } =\n    useGetFullTableQueryResults(queryRequest)\n  if (isLoading) {\n    return <Skeleton width={'100%'} height={'200px'} />\n  }\n  if (!queryData) {\n    return <></>\n  }\n\n  const {\n    title,\n    xtitle,\n    ytitle,\n    type,\n    xaxistype,\n    showlegend,\n    barmode,\n    horizontal,\n    displayModeBar,\n  } = props.synapsePlotWidgetParams\n\n  const config: Partial<Plotly.Config> = {\n    displayModeBar,\n  }\n  const layout: Partial<Plotly.Layout> = {\n    showlegend: showlegend,\n    title,\n    barmode: barmode,\n  }\n  if (xtitle) {\n    layout.xaxis = {\n      title: xtitle,\n    }\n  }\n  if (xaxistype) {\n    layout.xaxis = {\n      ...layout.xaxis,\n      type: xaxistype,\n    }\n  }\n  if (ytitle) {\n    layout.yaxis = {\n      title: ytitle,\n    }\n  }\n  // init plot_data\n  const plotData: Partial<Plotly.PlotData>[] = []\n  const orientation = horizontal ? 'h' : 'v'\n  const headers = queryData.queryResult?.queryResults.headers ?? []\n  const rows = queryData.queryResult?.queryResults.rows ?? []\n  if (headers.length == 0 || rows.length == 0) {\n    return <></>\n  }\n  for (let i = 0; i < headers.length - 1; i += 1) {\n    // make an entry for each set of data points\n    plotData[i] = {\n      orientation,\n      name: headers[i + 1].name,\n      type: type,\n      x: [],\n      y: [],\n      customdata: [],\n    }\n  }\n  // grab all the data\n  for (const row of rows) {\n    for (let j = 1; j < row.values.length; j += 1) {\n      // create pairs of data\n      const rowValues = row.values\n      const xArray = plotData[j - 1].x as Plotly.Datum[]\n      const yArray = plotData[j - 1].y as Plotly.Datum[]\n      const customdata = plotData[j - 1].customdata as Plotly.Datum[]\n\n      xArray.push(horizontal ? rowValues[j] : rowValues[0])\n      yArray.push(horizontal ? rowValues[0] : rowValues[j])\n      customdata.push(JSON.stringify(row))\n    }\n  }\n  let onPlotClick:\n    | ((event: Readonly<Plotly.PlotMouseEvent>) => void)\n    | undefined\n  if (onCustomPlotClick && queryContext) {\n    onPlotClick = eventData => {\n      const selectedRow = JSON.parse(\n        eventData.points[0].customdata as string,\n      ) as Row\n      onCustomPlotClick({\n        row: selectedRow,\n        queryContext,\n      })\n    }\n  }\n\n  return (\n    <Plot\n      style={{ width: '100%', height: '450px' }}\n      layout={layout}\n      data={plotData}\n      config={config}\n      onClick={onPlotClick}\n      // TODO: if we want to change the cursor to pointer on hovering over a point,\n      // we could add a handler for onHover (if there's an onClick handler), and add/remove a class to the plot\n    />\n  )\n}\n\nexport default SynapsePlot\n"],"names":["SynapsePlot","props","query","selectedFacets","additionalFilters","onCustomPlotClick","queryContext","queryRequest","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","parseEntityIdFromSqlStatement","queryData","isLoading","useGetFullTableQueryResults","jsx","Skeleton","Fragment","title","xtitle","ytitle","type","xaxistype","showlegend","barmode","horizontal","displayModeBar","config","layout","plotData","orientation","headers","rows","i","row","j","rowValues","xArray","yArray","customdata","onPlotClick","eventData","selectedRow","Plot"],"mappings":"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"}
+{"version":3,"file":"SynapsePlot.js","sources":["../../../src/components/Plot/SynapsePlot.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetFullTableQueryResults } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { Skeleton } from '@mui/material'\nimport {\n  FacetColumnRequest,\n  QueryBundleRequest,\n  QueryFilter,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport Plotly, { AxisType, PlotType } from 'plotly.js-basic-dist'\nimport { QueryContextType } from '../QueryContext'\nimport { QueryWrapperSynapsePlotRowClickEvent } from '../QueryWrapperPlotNav/QueryWrapperSynapsePlot'\nimport Plot from './Plot'\nimport './SynapsePlot.scss'\n\nexport type SynapsePlotWidgetParams = {\n  query: string //sql string\n  title?: string //plot title\n  xtitle?: Plotly.LayoutAxis['title'] // x-axis title\n  ytitle?: Plotly.LayoutAxis['title'] // y-axis title\n  type: PlotType\n  xaxistype?: AxisType\n  showlegend?: Plotly.Layout['showlegend'] // sets the legend visibility\n  horizontal?: boolean // sets the if a bar chart should be horizontal or vertical\n  barmode?: Plotly.Layout['barmode'] // Plotly barmode\n  displayModeBar?: Plotly.Config['displayModeBar'] // sets the modebar visibility\n  hoverinfo?: Plotly.PlotData['hoverinfo'] // sets the hover info\n}\n\n// QueryWrapperPlotNav customPlot parameters, undefined otherwise\nexport type QueryWrapperPlotNavCustomPlotParams = {\n  selectedFacets: FacetColumnRequest[]\n  additionalFilters: QueryFilter[]\n  onCustomPlotClick?: (event: QueryWrapperSynapsePlotRowClickEvent) => void\n  queryContext?: QueryContextType\n}\nexport type SynapsePlotProps = {\n  synapsePlotWidgetParams: SynapsePlotWidgetParams\n  customPlotParams?: QueryWrapperPlotNavCustomPlotParams\n}\n\nexport const SynapsePlot = (props: SynapsePlotProps): React.ReactNode => {\n  const { query } = props.synapsePlotWidgetParams\n  const { selectedFacets, additionalFilters, onCustomPlotClick, queryContext } =\n    props.customPlotParams ?? {}\n  const queryRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    entityId: parseEntityIdFromSqlStatement(query),\n    query: {\n      sql: query,\n      selectedFacets,\n      additionalFilters,\n    },\n  }\n  const { data: queryData, isLoading } =\n    useGetFullTableQueryResults(queryRequest)\n  if (isLoading) {\n    return <Skeleton width={'100%'} height={'200px'} />\n  }\n  if (!queryData) {\n    return <></>\n  }\n\n  const {\n    title,\n    xtitle,\n    ytitle,\n    type,\n    xaxistype,\n    showlegend,\n    barmode,\n    horizontal,\n    displayModeBar,\n    hoverinfo,\n  } = props.synapsePlotWidgetParams\n\n  const config: Partial<Plotly.Config> = {\n    displayModeBar,\n  }\n  const layout: Partial<Plotly.Layout> = {\n    showlegend: showlegend,\n    title,\n    barmode: barmode,\n  }\n  if (xtitle) {\n    layout.xaxis = {\n      title: xtitle,\n    }\n  }\n  if (xaxistype) {\n    layout.xaxis = {\n      ...layout.xaxis,\n      type: xaxistype,\n    }\n  }\n  if (ytitle) {\n    layout.yaxis = {\n      title: ytitle,\n    }\n  }\n  // init plot_data\n  const plotData: Partial<Plotly.PlotData>[] = []\n  const orientation = horizontal ? 'h' : 'v'\n  const headers = queryData.queryResult?.queryResults.headers ?? []\n  const rows = queryData.queryResult?.queryResults.rows ?? []\n  if (headers.length == 0 || rows.length == 0) {\n    return <></>\n  }\n  for (let i = 0; i < headers.length - 1; i += 1) {\n    // make an entry for each set of data points\n    plotData[i] = {\n      orientation,\n      name: headers[i + 1].name,\n      type: type,\n      x: [],\n      y: [],\n      customdata: [],\n      ...(hoverinfo !== undefined && { hoverinfo }),\n    }\n  }\n  // grab all the data\n  for (const row of rows) {\n    for (let j = 1; j < row.values.length; j += 1) {\n      // create pairs of data\n      const rowValues = row.values\n      const xArray = plotData[j - 1].x as Plotly.Datum[]\n      const yArray = plotData[j - 1].y as Plotly.Datum[]\n      const customdata = plotData[j - 1].customdata as Plotly.Datum[]\n\n      xArray.push(horizontal ? rowValues[j] : rowValues[0])\n      yArray.push(horizontal ? rowValues[0] : rowValues[j])\n      customdata.push(JSON.stringify(row))\n    }\n  }\n  let onPlotClick:\n    | ((event: Readonly<Plotly.PlotMouseEvent>) => void)\n    | undefined\n  if (onCustomPlotClick) {\n    onPlotClick = eventData => {\n      const selectedRow = JSON.parse(\n        eventData.points[0].customdata as string,\n      ) as Row\n      onCustomPlotClick({\n        row: selectedRow,\n        queryContext,\n      })\n    }\n  }\n\n  return (\n    <Plot\n      style={{ width: '100%', height: '450px' }}\n      className={onPlotClick ? 'SynapsePlot--clickable' : undefined}\n      layout={layout}\n      data={plotData}\n      config={config}\n      onClick={onPlotClick}\n    />\n  )\n}\n\nexport default SynapsePlot\n"],"names":["SynapsePlot","props","query","selectedFacets","additionalFilters","onCustomPlotClick","queryContext","queryRequest","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","parseEntityIdFromSqlStatement","queryData","isLoading","useGetFullTableQueryResults","jsx","Skeleton","Fragment","title","xtitle","ytitle","type","xaxistype","showlegend","barmode","horizontal","displayModeBar","hoverinfo","config","layout","plotData","orientation","headers","rows","i","row","j","rowValues","xArray","yArray","customdata","onPlotClick","eventData","selectedRow","Plot"],"mappings":"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"}

package/dist/components/Plot/SynapsePlot.scss

@@ -0,0 +1,8 @@
+.SynapsePlot--clickable {
+  .main-svg {
+    overflow: visible !important;
+    .draglayer {
+      cursor: pointer !important;
+    }
+  }
+}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.js

@@ -1,7 +1,7 @@
 import { jsx as O } from "react/jsx-runtime";
 import { getDisplayValue as Z } from "../../utils/functions/getDataFromFromStorage.js";
 import { unCamelCase as ee } from "../../utils/functions/unCamelCase.js";
-import { useMutuallyExclusiveState as oe } from "../../utils/hooks/useMutuallyExclusiveState.js";
+import oe from "../../utils/hooks/useMutuallyExclusiveState.js";
 import { useQuery as te } from "@tanstack/react-query";
 import { useMemo as u, useState as t, useEffect as se, useCallback as c } from "react";
 import { useDeepCompareMemoize as le } from "use-deep-compare-effect";

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":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAiBlG,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAItE,OAAO,EAAE,mCAAmC,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAGL,8BAA8B,EAC/B,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAiB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAyB,EACvB,qBAAqB,EACrB,aAAa,EACd,MAAM,mDAAmD,CAAA;AAG1D,OAAuB,EACrB,mBAAmB,EACpB,MAAM,qCAAqC,CAAA;AAC5C,OAA4B,EAC1B,wBAAwB,EACzB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAA;AAGxE,eAAO,MAAM,0BAA0B,EAAE,MAAgC,CAAA;AACzE,eAAO,MAAM,2BAA2B,EAAE,MAA+B,CAAA;AAEzE,eAAO,MAAM,qBAAqB,EAAE,MAA0B,CAAA;AAE9D,KAAK,2BAA2B,GAAG;IACjC,2HAA2H;IAC3H,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iLAAiL;IACjL,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,2GAA2G;IAC3G,yBAAyB,CAAC,EAAE,CAAC,wBAAwB,EAAE,MAAM,KAAK,IAAI,CAAA;IACtE,2FAA2F;IAC3F,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,mBAAmB,CAAC,EAAE,IAAI,CACxB,aAAa,EACb,cAAc,GAAG,2BAA2B,CAC7C,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAA;IAC7D,4BAA4B,CAAC,EAAE,wBAAwB,CAAC,8BAA8B,CAAC,CAAA;IACvF,WAAW,CAAC,EAAE,4BAA4B,EAAE,CAAA;IAC5C,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,GAAG,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,GACzC,IAAI,CAAC,mCAAmC,EAAE,mBAAmB,CAAC,GAC9D,IAAI,CACF,iBAAiB,EACf,uBAAuB,GACvB,wBAAwB,GACxB,0BAA0B,GAC1B,kBAAkB,GAClB,oBAAoB,GACpB,uBAAuB,CAC1B,GACD,IAAI,CACF,8BAA8B,EAC5B,kBAAkB,GAClB,oBAAoB,GACpB,eAAe,GACf,UAAU,GACV,mBAAmB,GACnB,0BAA0B,GAC1B,iBAAiB,GACjB,oCAAoC,GACpC,mBAAmB,GACnB,qBAAqB,GACrB,sBAAsB,GACtB,2BAA2B,GAC3B,kCAAkC,CACrC,GACD,IAAI,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,CAAA;AAEnD,MAAM,MAAM,wBAAwB,GAAG,6BAA6B,GAClE,mBAAmB,GACnB,2BAA2B,CAAA;AAgL7B,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAiH1E"}
+{"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

@@ -1,23 +1,23 @@
-import { jsx as e, jsxs as P, Fragment as b } from "react/jsx-runtime";
-import { useMemo as M, useState as R, createElement as x } from "react";
-import B from "../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
-import { useGetAddToDownloadListRequestForCurrentQuery as v } from "../QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js";
-import { NoContentPlaceholderType as O } from "../SynapseTable/NoContentPlaceholderType.js";
+import { jsx as t, jsxs as P, Fragment as b } from "react/jsx-runtime";
+import { useMemo as M, useState as R, createElement as B, Suspense as x } from "react";
+import v from "../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
+import { useGetAddToDownloadListRequestForCurrentQuery as O } from "../QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js";
+import { NoContentPlaceholderType as I } from "../SynapseTable/NoContentPlaceholderType.js";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import { parseEntityIdAndVersionFromSqlStatement as I, getAdditionalFilters as K } from "../../utils/functions/SqlFunctions.js";
-import { isTable as W } from "../../utils/functions/EntityTypeUtils.js";
-import { DEFAULT_PAGE_SIZE as Y, BUNDLE_MASK_QUERY_RESULTS as V, BUNDLE_MASK_QUERY_COUNT as J, BUNDLE_MASK_QUERY_SELECT_COLUMNS as $, BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE as G, BUNDLE_MASK_QUERY_COLUMN_MODELS as k, BUNDLE_MASK_QUERY_FACETS as H, BUNDLE_MASK_SUM_FILES_SIZE_BYTES as j, BUNDLE_MASK_LAST_UPDATED_ON as z } from "../../utils/SynapseConstants.js";
+import { parseEntityIdAndVersionFromSqlStatement as W, getAdditionalFilters as K } from "../../utils/functions/SqlFunctions.js";
+import { isTable as Y } from "../../utils/functions/EntityTypeUtils.js";
+import { DEFAULT_PAGE_SIZE as V, BUNDLE_MASK_QUERY_RESULTS as J, BUNDLE_MASK_QUERY_COUNT as $, BUNDLE_MASK_QUERY_SELECT_COLUMNS as k, BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE as G, BUNDLE_MASK_QUERY_COLUMN_MODELS as H, BUNDLE_MASK_QUERY_FACETS as j, BUNDLE_MASK_SUM_FILES_SIZE_BYTES as z, BUNDLE_MASK_LAST_UPDATED_ON as X } from "../../utils/SynapseConstants.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
-import { useQuery as X } from "@tanstack/react-query";
+import { useQuery as Z } from "@tanstack/react-query";
 import "../../utils/PermissionLevelToAccessType.js";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import "@sage-bionetworks/synapse-types";
-import { Box as Z } from "@mui/material";
+import { Box as ee } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -32,31 +32,32 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetEntity as tt } from "../../synapse-queries/entity/useEntity.js";
-import { useAtomValue as et } from "jotai";
-import { SynapseErrorBoundary as ot } from "../error/ErrorBanner.js";
-import { FullTextSearch as rt } from "../FullTextSearch/FullTextSearch.js";
-import { ModalDownload as it } from "../ModalDownload/ModalDownload.js";
-import { useQueryContext as nt } from "../QueryContext/QueryContext.js";
-import { QueryVisualizationWrapper as at } from "../QueryVisualizationWrapper/QueryVisualizationWrapper.js";
-import { QueryVisualizationContextConsumer as st } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
-import { QueryWrapper as lt } from "../QueryWrapper/QueryWrapper.js";
-import { isRowSelectionVisibleAtom as mt } from "../QueryWrapper/TableRowSelectionState.js";
-import { QueryWrapperErrorBoundary as ut } from "../QueryWrapperErrorBoundary.js";
-import dt from "../SynapseTable/SearchV2.js";
-import { SqlEditor as ct } from "../SynapseTable/SqlEditor.js";
-import St from "../SynapseTable/TopLevelControls/TopLevelControls.js";
-import { CustomControls as ft } from "../SynapseTable/CustomControls/CustomControls.js";
-import Ct from "../TotalQueryResults.js";
-import ht from "../widgets/facet-nav/PlotsContainer.js";
-import pt from "../widgets/query-filter/FacetFilterControls.js";
-import { RowSetView as yt } from "./RowSetView.js";
-const Et = "isShowingFacetFilters", _t = "isHidingFacetFilters", Ft = "hasSelectedRows";
-function Lt(t) {
+import { useGetEntity as te } from "../../synapse-queries/entity/useEntity.js";
+import { useAtomValue as oe } from "jotai";
+import { SynapseErrorBoundary as re } from "../error/ErrorBanner.js";
+import { FullTextSearch as ie } from "../FullTextSearch/FullTextSearch.js";
+import { ModalDownload as ne } from "../ModalDownload/ModalDownload.js";
+import { useQueryContext as ae } from "../QueryContext/QueryContext.js";
+import { QueryVisualizationWrapper as se } from "../QueryVisualizationWrapper/QueryVisualizationWrapper.js";
+import { QueryVisualizationContextConsumer as le } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { QueryWrapper as me } from "../QueryWrapper/QueryWrapper.js";
+import { isRowSelectionVisibleAtom as ue } from "../QueryWrapper/TableRowSelectionState.js";
+import { QueryWrapperErrorBoundary as de } from "../QueryWrapperErrorBoundary.js";
+import ce from "../SynapseTable/SearchV2.js";
+import { SqlEditor as Se } from "../SynapseTable/SqlEditor.js";
+import fe from "../SynapseTable/TopLevelControls/TopLevelControls.js";
+import { CustomControls as Ce } from "../SynapseTable/CustomControls/CustomControls.js";
+import pe from "../TotalQueryResults.js";
+import he from "../widgets/facet-nav/PlotsContainer.js";
+import ye from "../widgets/query-filter/FacetFilterControls.js";
+import { RowSetView as Ee } from "./RowSetView.js";
+import _e from "../QueryWrapper/QueryWrapperLoadingScreen.js";
+const Fe = "isShowingFacetFilters", Le = "isHidingFacetFilters", Qe = "hasSelectedRows";
+function Te(e) {
   const {
     tableConfiguration: r,
-    name: h,
-    cardConfiguration: p,
+    name: p,
+    cardConfiguration: h,
     facetsToPlot: l,
     availableFacets: y,
     initialExpandedFacetControls: E,
@@ -70,48 +71,48 @@ function Lt(t) {
     remount: S,
     isFullTextSearchEnabled: f,
     customPlots: L,
-    initialLimit: T,
-    initialPlotType: n,
+    initialLimit: Q,
+    initialPlotTypeByFacetColumnName: n,
     hideTopLevelControls: a
-  } = t, o = nt(), [A, Q] = R(!1), { hasFacetedSelectColumn: w, queryMetadataQueryOptions: q } = o, { isLoading: g } = X(
-    q
-  ), U = et(mt), C = o.currentQueryRequest, D = C?.query.selectedFacets !== void 0 && C.query.selectedFacets.length > 0 || C?.query.additionalFilters !== void 0 && C?.query.additionalFilters.length > 0, N = v();
-  return /* @__PURE__ */ e(st, { children: (s) => {
+  } = e, o = ae(), [T, A] = R(!1), { hasFacetedSelectColumn: w, queryMetadataQueryOptions: g } = o, { isLoading: q } = Z(
+    g
+  ), U = oe(ue), C = o.currentQueryRequest, D = C?.query.selectedFacets !== void 0 && C.query.selectedFacets.length > 0 || C?.query.additionalFilters !== void 0 && C?.query.additionalFilters.length > 0, N = O();
+  return /* @__PURE__ */ t(le, { children: (s) => {
     if (s === void 0)
       throw new Error(
         "No queryVisualizationContext found when using QueryVisualizationContextConsumer"
       );
-    return /* @__PURE__ */ e(
-      Z,
+    return /* @__PURE__ */ t(
+      ee,
       {
-        className: `QueryWrapperPlotNav ${s.showFacetFilter ? Et : _t} ${U ? Ft : ""} ${a ? "isHidingTopLevelControls" : ""}`,
+        className: `QueryWrapperPlotNav ${s.showFacetFilter ? Fe : Le} ${U ? Qe : ""} ${a ? "isHidingTopLevelControls" : ""}`,
         sx: {
           "*": {
-            cursor: g ? "wait" : void 0
+            cursor: q ? "wait" : void 0
           }
         },
-        children: /* @__PURE__ */ P(ut, { children: [
-          f ? /* @__PURE__ */ e(rt, { ftsConfig: u?.ftsConfig }) : /* @__PURE__ */ e(
-            dt,
+        children: /* @__PURE__ */ P(de, { children: [
+          f ? /* @__PURE__ */ t(ie, { ftsConfig: u?.ftsConfig }) : /* @__PURE__ */ t(
+            ce,
             {
               ...u,
               queryContext: o,
               queryVisualizationContext: s
             }
           ),
-          /* @__PURE__ */ e(ct, {}),
-          s.showDownloadConfirmation && /* @__PURE__ */ e(
-            B,
+          /* @__PURE__ */ t(Se, {}),
+          s.showDownloadConfirmation && /* @__PURE__ */ t(
+            v,
             {
               addToDownloadListRequest: N,
               onClose: () => s.setShowDownloadConfirmation(!1)
             }
           ),
-          !a && /* @__PURE__ */ e(ot, { children: /* @__PURE__ */ e(
-            St,
+          !a && /* @__PURE__ */ t(re, { children: /* @__PURE__ */ t(
+            fe,
             {
               showColumnSelection: r !== void 0,
-              name: h,
+              name: p,
               hideDownload: i,
               hideQueryCount: _,
               hideFacetFilterControl: !w,
@@ -122,50 +123,50 @@ function Lt(t) {
               customControls: c
             }
           ) }),
-          w && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
-            pt,
+          w && /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(
+            ye,
             {
               availableFacets: y,
               initialExpandedFacetControls: E
             }
           ) }),
-          /* @__PURE__ */ e(
-            Ct,
+          /* @__PURE__ */ t(
+            pe,
             {
               frontText: "",
               endText: D ? "filtered by" : "",
               hideIfUnfiltered: !0
             }
           ),
-          /* @__PURE__ */ e(
-            ft,
+          /* @__PURE__ */ t(
+            Ce,
             {
               customControls: c,
               remount: S
             }
           ),
-          /* @__PURE__ */ e(
-            ht,
+          /* @__PURE__ */ t(
+            he,
             {
               facetsToPlot: l,
               customPlots: L,
-              initialPlotType: n
+              initialPlotTypeByFacetColumnName: n
             }
           ),
-          /* @__PURE__ */ e(
-            yt,
+          /* @__PURE__ */ t(
+            Ee,
             {
               tableConfiguration: r,
               hideDownload: i,
-              cardConfiguration: p,
-              initialLimit: T
+              cardConfiguration: h,
+              initialLimit: Q
             }
           ),
-          A && /* @__PURE__ */ e(
-            it,
+          T && /* @__PURE__ */ t(
+            ne,
             {
               getLastQueryRequest: o?.getCurrentQueryRequest,
-              onClose: () => Q(!1)
+              onClose: () => A(!1)
             }
           )
         ] })
@@ -173,92 +174,92 @@ function Lt(t) {
     );
   } });
 }
-function Le(t) {
+function At(e) {
   const {
     sql: r,
-    tableConfiguration: h,
-    isInfinite: p = !h,
-    limit: l = Y,
+    tableConfiguration: p,
+    isInfinite: h = !p,
+    limit: l = V,
     showLastUpdatedOn: y,
     unitDescription: E,
     additionalFiltersSessionStorageKey: i,
     helpConfiguration: _,
     customPlots: m,
     enabledExternalAnalysisPlatforms: F
-  } = t, u = t.query?.sql ?? r ?? "", { entityId: d, versionNumber: c } = I(u), S = M(() => {
-    if (t.query)
-      return t.query;
-    if (t.initQueryJson)
-      return JSON.parse(t.initQueryJson);
+  } = e, u = e.query?.sql ?? r ?? "", { entityId: d, versionNumber: c } = W(u), S = M(() => {
+    if (e.query)
+      return e.query;
+    if (e.initQueryJson)
+      return JSON.parse(e.initQueryJson);
     {
-      const Q = K(
-        t.searchParams,
-        t.sqlOperator,
+      const A = K(
+        e.searchParams,
+        e.sqlOperator,
         i
       );
       return {
         sql: r,
-        additionalFilters: Q,
+        additionalFilters: A,
         limit: l,
         offset: 0
       };
     }
   }, [
-    t.query,
-    t.initQueryJson,
-    t.searchParams,
-    t.sqlOperator,
+    e.query,
+    e.initQueryJson,
+    e.searchParams,
+    e.sqlOperator,
     i,
     r,
     l
-  ]), [f, L] = R(1), T = () => {
+  ]), [f, L] = R(1), Q = () => {
     L(f + 1);
-  }, { data: n } = tt(d, c), a = {
+  }, { data: n } = te(d, c), a = {
     entityId: d ?? "",
     concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
-    partMask: V | J | $ | G | k | H | j | z,
+    partMask: J | $ | k | G | H | j | z | X,
     query: S
-  }, o = (n && W(n) && n.isSearchEnabled) ?? !1, A = `${JSON.stringify(a)}-${f}`;
-  return /* @__PURE__ */ x(
-    lt,
+  }, o = (n && Y(n) && n.isSearchEnabled) ?? !1, T = `${JSON.stringify(a)}-${f}`;
+  return /* @__PURE__ */ B(
+    me,
     {
-      ...t,
+      ...e,
       initQueryRequest: a,
-      key: A,
-      isInfinite: p
+      key: T,
+      isInfinite: h
     },
-    /* @__PURE__ */ e(
-      at,
+    /* @__PURE__ */ t(x, { fallback: /* @__PURE__ */ t(_e, {}), children: /* @__PURE__ */ t(
+      se,
       {
         unitDescription: E,
-        rgbIndex: t.rgbIndex,
-        columnAliases: t.columnAliases,
+        rgbIndex: e.rgbIndex,
+        columnAliases: e.columnAliases,
         helpConfiguration: _,
-        visibleColumnCount: t.visibleColumnCount,
-        defaultShowPlots: t.defaultShowPlots,
-        hideCopyToClipboard: t.hideCopyToClipboard,
-        defaultShowSearchBar: (t.defaultShowSearchBox || o) && !t.hideSearchBarControl,
-        hideSearchBarControl: t.hideSearchBarControl,
+        visibleColumnCount: e.visibleColumnCount,
+        defaultShowPlots: e.defaultShowPlots,
+        hideCopyToClipboard: e.hideCopyToClipboard,
+        defaultShowSearchBar: (e.defaultShowSearchBox || o) && !e.hideSearchBarControl,
+        hideSearchBarControl: e.hideSearchBarControl,
         showLastUpdatedOn: y,
-        noContentPlaceholderType: O.INTERACTIVE,
+        noContentPlaceholderType: I.INTERACTIVE,
         hasCustomPlots: Array.isArray(m) && m.length > 0,
         enabledExternalAnalysisPlatforms: F,
-        children: /* @__PURE__ */ e(
-          Lt,
+        children: /* @__PURE__ */ t(
+          Te,
           {
-            ...t,
+            ...e,
             isFullTextSearchEnabled: o,
-            remount: T
+            remount: Q
           }
         )
       }
-    )
+    ) })
   );
 }
 export {
-  Ft as HAS_SELECTED_ROWS_CSS,
-  _t as QUERY_FILTERS_COLLAPSED_CSS,
-  Et as QUERY_FILTERS_EXPANDED_CSS,
-  Le as default
+  Qe as HAS_SELECTED_ROWS_CSS,
+  Le as QUERY_FILTERS_COLLAPSED_CSS,
+  Fe as QUERY_FILTERS_EXPANDED_CSS,
+  At as default
 };
 //# sourceMappingURL=QueryWrapperPlotNav.js.map