synapse-react-client 4.0.22 → 4.0.24

package/dist/components/Plot/SynapsePlot.js

@@ -3,71 +3,84 @@ import { parseEntityIdFromSqlStatement as e } from "../../utils/functions/SqlFun
 import "../../utils/index.js";
 import { useGetFullTableQueryResults as t } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
 import "../../synapse-queries/index.js";
-import { Plot as n } from "./Plot.js";
+import { unCamelCase as n } from "../../utils/functions/unCamelCase.js";
+import { Plot as r } from "./Plot.js";
 import './SynapsePlot.css';/* empty css             */
 import "react";
-import { Skeleton as r } from "@mui/material";
-import { Fragment as i, jsx as a } from "react/jsx-runtime";
+import { Skeleton as i } from "@mui/material";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
 //#region src/components/Plot/SynapsePlot.tsx
-var o = (o) => {
-	let { query: s } = o.synapsePlotWidgetParams, { selectedFacets: c, additionalFilters: l, onCustomPlotClick: u, queryContext: d } = o.customPlotParams ?? {}, { data: f, isLoading: p } = t({
+var s = (s) => {
+	let { query: c } = s.synapsePlotWidgetParams, { selectedFacets: l, additionalFilters: u, onCustomPlotClick: d, queryContext: f } = s.customPlotParams ?? {}, { data: p, isLoading: m } = t({
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
 		partMask: 1,
-		entityId: e(s),
+		entityId: e(c),
 		query: {
-			sql: s,
-			selectedFacets: c,
-			additionalFilters: l
+			sql: c,
+			selectedFacets: l,
+			additionalFilters: u
 		}
 	});
-	if (p) return /* @__PURE__ */ a(r, {
+	if (m) return /* @__PURE__ */ o(i, {
 		width: "100%",
 		height: "200px"
 	});
-	if (!f) return /* @__PURE__ */ a(i, {});
-	let { title: m, xtitle: h, ytitle: g, type: _, xaxistype: v, showlegend: y, barmode: b, horizontal: x, displayModeBar: S, hoverinfo: C } = o.synapsePlotWidgetParams, w = { displayModeBar: S }, T = {
-		showlegend: y,
-		title: m,
-		barmode: b
+	if (!p) return /* @__PURE__ */ o(a, {});
+	let { title: h, xtitle: g, ytitle: _, type: v, xaxistype: y, showlegend: b, barmode: x, horizontal: S, displayModeBar: C, hoverinfo: w, hideYAxisTickLabels: T, hideXAxisTickLabels: E, footnote: D } = s.synapsePlotWidgetParams, O = { displayModeBar: C }, k = {
+		showlegend: b,
+		title: h,
+		barmode: x,
+		...D && { margin: { b: 40 } }
 	};
-	h && (T.xaxis = { title: h }), v && (T.xaxis = {
-		...T.xaxis,
-		type: v
-	}), g && (T.yaxis = { title: g });
-	let E = [], D = x ? "h" : "v", O = f.queryResult?.queryResults.headers ?? [], k = f.queryResult?.queryResults.rows ?? [];
-	if (O.length == 0 || k.length == 0) return /* @__PURE__ */ a(i, {});
-	for (let e = 0; e < O.length - 1; e += 1) E[e] = {
-		orientation: D,
-		name: O[e + 1].name,
-		type: _,
-		x: [],
-		y: [],
-		customdata: [],
-		...C !== void 0 && { hoverinfo: C }
-	};
-	for (let e of k) for (let t = 1; t < e.values.length; t += 1) {
-		let n = e.values, r = E[t - 1].x, i = E[t - 1].y, a = E[t - 1].customdata;
-		r.push(x ? n[t] : n[0]), i.push(x ? n[0] : n[t]), a.push(JSON.stringify(e));
+	(g || E) && (k.xaxis = {
+		...g && { title: g },
+		...E && { showticklabels: !1 }
+	}), y && (k.xaxis = {
+		...k.xaxis,
+		type: y
+	}), (_ || T) && (k.yaxis = {
+		..._ && { title: _ },
+		...T && { showticklabels: !1 }
+	});
+	let A = [], j = S ? "h" : "v", M = p.queryResult?.queryResults.headers ?? [], N = p.queryResult?.queryResults.rows ?? [];
+	if (M.length == 0 || N.length == 0) return /* @__PURE__ */ o(a, {});
+	for (let e = 0; e < M.length - 1; e += 1) {
+		let t = M[e + 1].name, r = n(t.replace(/_/g, " ")), i = v === "bar" ? S ? `<b>%{y}</b><br>${r}: %{x:,}<extra></extra>` : `<b>%{x}</b><br>${r}: %{y:,}<extra></extra>` : void 0;
+		A[e] = {
+			orientation: j,
+			name: t,
+			type: v,
+			x: [],
+			y: [],
+			customdata: [],
+			...i !== void 0 && { hovertemplate: i },
+			...w !== void 0 && { hoverinfo: w }
+		};
+	}
+	for (let e of N) for (let t = 1; t < e.values.length; t += 1) {
+		let n = e.values, r = A[t - 1].x, i = A[t - 1].y, a = A[t - 1].customdata;
+		r.push(S ? n[t] : n[0]), i.push(S ? n[0] : n[t]), a.push(JSON.stringify(e));
 	}
-	let A;
-	return u && (A = (e) => {
-		u({
+	let P;
+	return d && (P = (e) => {
+		d({
 			row: JSON.parse(e.points[0].customdata),
-			queryContext: d
+			queryContext: f
 		});
-	}), /* @__PURE__ */ a(n, {
+	}), /* @__PURE__ */ o(r, {
 		style: {
 			width: "100%",
 			height: "450px"
 		},
-		className: A ? "SynapsePlot--clickable" : void 0,
-		layout: T,
-		data: E,
-		config: w,
-		onClick: A
+		className: P ? "SynapsePlot--clickable" : void 0,
+		layout: k,
+		data: A,
+		config: O,
+		onClick: P,
+		useResizeHandler: !0
 	});
 };
 //#endregion
-export { o as SynapsePlot, o as default };
+export { s as SynapsePlot, s as default };
 
 //# sourceMappingURL=SynapsePlot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SynapsePlot.js","names":[],"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"],"mappings":";;;;;;;;;;;AA2CA,IAAa,KAAe,MAA6C;CACvE,IAAM,EAAE,aAAU,EAAM,yBAClB,EAAE,mBAAgB,sBAAmB,sBAAmB,oBAC5D,EAAM,oBAAoB,CAAC,GAWvB,EAAE,MAAM,GAAW,iBACvB,EAA4B;EAV5B,cAAc;EACd,UAAU;EACV,UAAU,EAA8B,CAAK;EAC7C,OAAO;GACL,KAAK;GACL;GACA;EACF;CAG4B,CAAY;CAC1C,IAAI,GACF,OAAO,kBAAC,GAAD;EAAU,OAAO;EAAQ,QAAQ;CAAU,CAAA;CAEpD,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;CAGb,IAAM,EACJ,UACA,WACA,WACA,SACA,cACA,eACA,YACA,eACA,mBACA,iBACE,EAAM,yBAEJ,IAAiC,EACrC,kBACF,GACM,IAAiC;EACzB;EACZ;EACS;CACX;CAYA,AAXI,MACF,EAAO,QAAQ,EACb,OAAO,EACT,IAEE,MACF,EAAO,QAAQ;EACb,GAAG,EAAO;EACV,MAAM;CACR,IAEE,MACF,EAAO,QAAQ,EACb,OAAO,EACT;CAGF,IAAM,IAAuC,CAAC,GACxC,IAAc,IAAa,MAAM,KACjC,IAAU,EAAU,aAAa,aAAa,WAAW,CAAC,GAC1D,IAAO,EAAU,aAAa,aAAa,QAAQ,CAAC;CAC1D,IAAI,EAAQ,UAAU,KAAK,EAAK,UAAU,GACxC,OAAO,kBAAA,GAAA,CAAI,CAAA;CAEb,KAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,SAAS,GAAG,KAAK,GAE3C,EAAS,KAAK;EACZ;EACA,MAAM,EAAQ,IAAI,GAAG;EACf;EACN,GAAG,CAAC;EACJ,GAAG,CAAC;EACJ,YAAY,CAAC;EACb,GAAI,MAAc,KAAA,KAAa,EAAE,aAAU;CAC7C;CAGF,KAAK,IAAM,KAAO,GAChB,KAAK,IAAI,IAAI,GAAG,IAAI,EAAI,OAAO,QAAQ,KAAK,GAAG;EAE7C,IAAM,IAAY,EAAI,QAChB,IAAS,EAAS,IAAI,GAAG,GACzB,IAAS,EAAS,IAAI,GAAG,GACzB,IAAa,EAAS,IAAI,GAAG;EAInC,AAFA,EAAO,KAAK,IAAa,EAAU,KAAK,EAAU,EAAE,GACpD,EAAO,KAAK,IAAa,EAAU,KAAK,EAAU,EAAE,GACpD,EAAW,KAAK,KAAK,UAAU,CAAG,CAAC;CACrC;CAEF,IAAI;CAeJ,OAZI,MACF,KAAc,MAAa;EAIzB,EAAkB;GAChB,KAJkB,KAAK,MACvB,EAAU,OAAO,GAAG,UAGf;GACL;EACF,CAAC;CACH,IAIA,kBAAC,GAAD;EACE,OAAO;GAAE,OAAO;GAAQ,QAAQ;EAAQ;EACxC,WAAW,IAAc,2BAA2B,KAAA;EAC5C;EACR,MAAM;EACE;EACR,SAAS;CACV,CAAA;AAEL"}
+{"version":3,"file":"SynapsePlot.js","names":[],"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 { unCamelCase } from '@/utils/functions/unCamelCase'\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  hideYAxisTickLabels?: boolean // hides the y-axis tick labels\n  hideXAxisTickLabels?: boolean // hides the x-axis tick labels\n  footnote?: string // optional text displayed below the plot\n  fullWidth?: boolean // forces the plot to take up the full container width\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\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    hideYAxisTickLabels,\n    hideXAxisTickLabels,\n    footnote,\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    ...(footnote && { margin: { b: 40 } }),\n  }\n  if (xtitle || hideXAxisTickLabels) {\n    layout.xaxis = {\n      ...(xtitle && { title: xtitle }),\n      ...(hideXAxisTickLabels && { showticklabels: false }),\n    }\n  }\n  if (xaxistype) {\n    layout.xaxis = {\n      ...layout.xaxis,\n      type: xaxistype,\n    }\n  }\n  if (ytitle || hideYAxisTickLabels) {\n    layout.yaxis = {\n      ...(ytitle && { title: ytitle }),\n      ...(hideYAxisTickLabels && { showticklabels: false }),\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    const valueColumnName = headers[i + 1].name\n    const friendlyColumnName = unCamelCase(valueColumnName.replace(/_/g, ' '))\n    const hovertemplate =\n      type === 'bar'\n        ? horizontal\n          ? `<b>%{y}</b><br>${friendlyColumnName}: %{x:,}<extra></extra>`\n          : `<b>%{x}</b><br>${friendlyColumnName}: %{y:,}<extra></extra>`\n        : undefined\n    plotData[i] = {\n      orientation,\n      name: valueColumnName,\n      type: type,\n      x: [],\n      y: [],\n      customdata: [],\n      ...(hovertemplate !== undefined && { hovertemplate }),\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      useResizeHandler={true}\n    />\n  )\n}\n\nexport default SynapsePlot\n"],"mappings":";;;;;;;;;;;;AAgDA,IAAa,KAAe,MAA6C;CACvE,IAAM,EAAE,aAAU,EAAM,yBAClB,EAAE,mBAAgB,sBAAmB,sBAAmB,oBAC5D,EAAM,oBAAoB,CAAC,GAWvB,EAAE,MAAM,GAAW,iBACvB,EAA4B;EAV5B,cAAc;EACd,UAAU;EACV,UAAU,EAA8B,CAAK;EAC7C,OAAO;GACL,KAAK;GACL;GACA;EACF;CAG4B,CAAY;CAE1C,IAAI,GACF,OAAO,kBAAC,GAAD;EAAU,OAAO;EAAQ,QAAQ;CAAU,CAAA;CAEpD,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;CAGb,IAAM,EACJ,UACA,WACA,WACA,SACA,cACA,eACA,YACA,eACA,mBACA,cACA,wBACA,wBACA,gBACE,EAAM,yBAEJ,IAAiC,EACrC,kBACF,GACM,IAAiC;EACzB;EACZ;EACS;EACT,GAAI,KAAY,EAAE,QAAQ,EAAE,GAAG,GAAG,EAAE;CACtC;CAaA,CAZI,KAAU,OACZ,EAAO,QAAQ;EACb,GAAI,KAAU,EAAE,OAAO,EAAO;EAC9B,GAAI,KAAuB,EAAE,gBAAgB,GAAM;CACrD,IAEE,MACF,EAAO,QAAQ;EACb,GAAG,EAAO;EACV,MAAM;CACR,KAEE,KAAU,OACZ,EAAO,QAAQ;EACb,GAAI,KAAU,EAAE,OAAO,EAAO;EAC9B,GAAI,KAAuB,EAAE,gBAAgB,GAAM;CACrD;CAGF,IAAM,IAAuC,CAAC,GACxC,IAAc,IAAa,MAAM,KACjC,IAAU,EAAU,aAAa,aAAa,WAAW,CAAC,GAC1D,IAAO,EAAU,aAAa,aAAa,QAAQ,CAAC;CAC1D,IAAI,EAAQ,UAAU,KAAK,EAAK,UAAU,GACxC,OAAO,kBAAA,GAAA,CAAI,CAAA;CAEb,KAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,SAAS,GAAG,KAAK,GAAG;EAE9C,IAAM,IAAkB,EAAQ,IAAI,GAAG,MACjC,IAAqB,EAAY,EAAgB,QAAQ,MAAM,GAAG,CAAC,GACnE,IACJ,MAAS,QACL,IACE,kBAAkB,EAAmB,2BACrC,kBAAkB,EAAmB,2BACvC,KAAA;EACN,EAAS,KAAK;GACZ;GACA,MAAM;GACA;GACN,GAAG,CAAC;GACJ,GAAG,CAAC;GACJ,YAAY,CAAC;GACb,GAAI,MAAkB,KAAA,KAAa,EAAE,iBAAc;GACnD,GAAI,MAAc,KAAA,KAAa,EAAE,aAAU;EAC7C;CACF;CAEA,KAAK,IAAM,KAAO,GAChB,KAAK,IAAI,IAAI,GAAG,IAAI,EAAI,OAAO,QAAQ,KAAK,GAAG;EAE7C,IAAM,IAAY,EAAI,QAChB,IAAS,EAAS,IAAI,GAAG,GACzB,IAAS,EAAS,IAAI,GAAG,GACzB,IAAa,EAAS,IAAI,GAAG;EAInC,AAFA,EAAO,KAAK,IAAa,EAAU,KAAK,EAAU,EAAE,GACpD,EAAO,KAAK,IAAa,EAAU,KAAK,EAAU,EAAE,GACpD,EAAW,KAAK,KAAK,UAAU,CAAG,CAAC;CACrC;CAEF,IAAI;CAeJ,OAZI,MACF,KAAc,MAAa;EAIzB,EAAkB;GAChB,KAJkB,KAAK,MACvB,EAAU,OAAO,GAAG,UAGf;GACL;EACF,CAAC;CACH,IAIA,kBAAC,GAAD;EACE,OAAO;GAAE,OAAO;GAAQ,QAAQ;EAAQ;EACxC,WAAW,IAAc,2BAA2B,KAAA;EAC5C;EACR,MAAM;EACE;EACR,SAAS;EACT,kBAAkB;CACnB,CAAA;AAEL"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationContext.d.ts

@@ -2,6 +2,20 @@ import React from 'react';
 import { ColumnType } from '@sage-bionetworks/synapse-types';
 import { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
 import { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants';
+/**
+ * Structured rendering for a single facet value, returned by `renderFacetValue`.
+ * Consumers (the facet sidebar, active-filter pills) render this through the
+ * shared `FacetValueChip`, so styling, tooltip, and the remove affordance stay
+ * consistent and live in one place rather than in each renderer.
+ */
+export type RenderedFacetValueChip = {
+    /** The chip label. */
+    label: ReactNode;
+    /** Optional tooltip content. */
+    tooltipTitle?: ReactNode;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+};
 export type QueryVisualizationContextType = {
     columnsToShowInTable: string[];
     setColumnsToShowInTable: (newState: string[]) => void;
@@ -15,6 +29,13 @@ export type QueryVisualizationContextType = {
     getHelpText: (columnName: string, jsonPath?: string) => string | undefined;
     /** Given a cell value and a column type, returns the displayed value for the data */
     getDisplayValue: (value: string, columnType: ColumnType) => string;
+    /**
+     * Optional custom renderer for enumeration facet values, keyed by column. When
+     * it returns structured content for a (columnName, value), that content is
+     * rendered as a chip in the facet filter and the active-filter ("selected
+     * criteria") pills. Returning undefined falls back to the plain text label.
+     */
+    renderFacetValue?: (columnName: string, value: string) => RenderedFacetValueChip | undefined;
     /** React node to display in place of cards/table when there are no results. */
     NoContentPlaceholder: () => ReactNode;
     /** The set of external analysis platforms where this component allows users to export data. If this list is empty, then

package/dist/components/QueryVisualizationWrapper/QueryVisualizationContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationContext.d.ts","sourceRoot":"","sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EAEL,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAA;AAEpG,MAAM,MAAM,6BAA6B,GAAG;IAC1C,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAC9B,uBAAuB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kEAAkE;IAClE,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACvE,yEAAyE;IACzE,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;IAC1E,qFAAqF;IACrF,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,KAAK,MAAM,CAAA;IAClE,+EAA+E;IAC/E,oBAAoB,EAAE,MAAM,SAAS,CAAA;IACrC;qCACiC;IACjC,gCAAgC,EAAE,wBAAwB,EAAE,CAAA;IAC5D;qEACiE;IACjE,sCAAsC,EAAE,OAAO,CAAA;IAC/C,6DAA6D;IAC7D,yCAAyC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC5E,eAAe,EAAE,OAAO,CAAA;IACxB,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACrD,oBAAoB,EAAE,OAAO,CAAA;IAC7B,gGAAgG;IAChG,8BAA8B,EAAE,OAAO,CAAA;IACvC,aAAa,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACnD,wBAAwB,EAAE,OAAO,CAAA;IACjC,2BAA2B,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9D,aAAa,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACnD,mBAAmB,EAAE,OAAO,CAAA;IAC5B,sBAAsB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACzD,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAChD,CAAA;AACD;;GAEG;AACH,eAAO,MAAM,yBAAyB,0DAE1B,CAAA;AACZ,MAAM,MAAM,sCAAsC,GAAG,iBAAiB,CAAC;IACrE,yBAAyB,EAAE,6BAA6B,CAAA;CACzD,CAAC,CAAA;AACF;;GAEG;AACH,eAAO,MAAM,iCAAiC,GAAI,0CAG/C,sCAAsC,KAAG,KAAK,CAAC,SAMjD,CAAA;AAED,wBAAgB,4BAA4B,IAAI,6BAA6B,CAQ5E;AAED,eAAO,MAAM,iCAAiC,2DACV,CAAA"}
+{"version":3,"file":"QueryVisualizationContext.d.ts","sourceRoot":"","sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationContext.tsx"],"names":[],"mappings":"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"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationContext.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationContext.tsx"],"sourcesContent":["import React from 'react'\nimport { ColumnType } from '@sage-bionetworks/synapse-types'\nimport {\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  ReactNode,\n  SetStateAction,\n  useContext,\n} from 'react'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\n\nexport type QueryVisualizationContextType = {\n  columnsToShowInTable: string[]\n  setColumnsToShowInTable: (newState: string[]) => void\n  rgbIndex?: number\n  unitDescription: string\n  /** Whether to show when the table or view was last updated. */\n  showLastUpdatedOn?: boolean\n  /** Given a column name, return the display name for the column */\n  getColumnDisplayName: (columnName: string, jsonPath?: string) => string\n  /** Given a column name or JSON facet, return the configured help text */\n  getHelpText: (columnName: string, jsonPath?: string) => string | undefined\n  /** Given a cell value and a column type, returns the displayed value for the data */\n  getDisplayValue: (value: string, columnType: ColumnType) => string\n  /** React node to display in place of cards/table when there are no results. */\n  NoContentPlaceholder: () => ReactNode\n  /** The set of external analysis platforms where this component allows users to export data. If this list is empty, then\n   * controls will not be shown. */\n  enabledExternalAnalysisPlatforms: ExternalAnalysisPlatform[]\n  /** If true, a dialog guiding the user through exporting table query data to an external platform is shown. If this\n   * is true, enabledExternalAnalysisPlatforms must be non-empty */\n  isShowingExportToAnalysisPlatformModal: boolean\n  /** Allows toggling isShowingExportToAnalysisPlatformModal */\n  setIsShowingExportToAnalysisPlatformModal: Dispatch<SetStateAction<boolean>>\n  showFacetFilter: boolean\n  setShowFacetFilter: Dispatch<SetStateAction<boolean>>\n  hideSearchBarControl: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill: boolean\n  showSearchBar: boolean\n  setShowSearchBar: Dispatch<SetStateAction<boolean>>\n  showDownloadConfirmation: boolean\n  setShowDownloadConfirmation: Dispatch<SetStateAction<boolean>>\n  showSqlEditor: boolean\n  setShowSqlEditor: Dispatch<SetStateAction<boolean>>\n  showCopyToClipboard: boolean\n  setShowCopyToClipboard: Dispatch<SetStateAction<boolean>>\n  showPlots: boolean\n  setShowPlots: Dispatch<SetStateAction<boolean>>\n}\n/**\n * This must be exported to use the context in class components.\n */\nexport const QueryVisualizationContext = createContext<\n  QueryVisualizationContextType | undefined\n>(undefined)\nexport type QueryVisualizationContextProviderProps = PropsWithChildren<{\n  queryVisualizationContext: QueryVisualizationContextType\n}>\n/**\n * Provides fields and functions related to visualizing a Synapse table query. For actual query data, see QueryContextProvider.\n */\nexport const QueryVisualizationContextProvider = ({\n  children,\n  queryVisualizationContext,\n}: QueryVisualizationContextProviderProps): React.ReactNode => {\n  return (\n    <QueryVisualizationContext.Provider value={queryVisualizationContext}>\n      {children}\n    </QueryVisualizationContext.Provider>\n  )\n}\n\nexport function useQueryVisualizationContext(): QueryVisualizationContextType {\n  const context = useContext(QueryVisualizationContext)\n  if (context === undefined) {\n    throw new Error(\n      'useQueryVisualizationContext must be used within a QueryVisualizationWrapper',\n    )\n  }\n  return context\n}\n\nexport const QueryVisualizationContextConsumer =\n  QueryVisualizationContext.Consumer\n"],"mappings":";;;AAsDA,IAAa,IAA4B,EAEvC,KAAA,CAAS,GAOE,KAAqC,EAChD,aACA,mCAGE,kBAAC,EAA0B,UAA3B;CAAoC,OAAO;CACxC;AACiC,CAAA;AAIxC,SAAgB,IAA8D;CAC5E,IAAM,IAAU,EAAW,CAAyB;CACpD,IAAI,MAAY,KAAA,GACd,MAAU,MACR,8EACF;CAEF,OAAO;AACT;AAEA,IAAa,IACX,EAA0B"}
+{"version":3,"file":"QueryVisualizationContext.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationContext.tsx"],"sourcesContent":["import React from 'react'\nimport { ColumnType } from '@sage-bionetworks/synapse-types'\nimport {\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  ReactNode,\n  SetStateAction,\n  useContext,\n} from 'react'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\n\n/**\n * Structured rendering for a single facet value, returned by `renderFacetValue`.\n * Consumers (the facet sidebar, active-filter pills) render this through the\n * shared `FacetValueChip`, so styling, tooltip, and the remove affordance stay\n * consistent and live in one place rather than in each renderer.\n */\nexport type RenderedFacetValueChip = {\n  /** The chip label. */\n  label: ReactNode\n  /** Optional tooltip content. */\n  tooltipTitle?: ReactNode\n  /** Optional leading icon. */\n  icon?: ReactNode\n}\n\nexport type QueryVisualizationContextType = {\n  columnsToShowInTable: string[]\n  setColumnsToShowInTable: (newState: string[]) => void\n  rgbIndex?: number\n  unitDescription: string\n  /** Whether to show when the table or view was last updated. */\n  showLastUpdatedOn?: boolean\n  /** Given a column name, return the display name for the column */\n  getColumnDisplayName: (columnName: string, jsonPath?: string) => string\n  /** Given a column name or JSON facet, return the configured help text */\n  getHelpText: (columnName: string, jsonPath?: string) => string | undefined\n  /** Given a cell value and a column type, returns the displayed value for the data */\n  getDisplayValue: (value: string, columnType: ColumnType) => string\n  /**\n   * Optional custom renderer for enumeration facet values, keyed by column. When\n   * it returns structured content for a (columnName, value), that content is\n   * rendered as a chip in the facet filter and the active-filter (\"selected\n   * criteria\") pills. Returning undefined falls back to the plain text label.\n   */\n  renderFacetValue?: (\n    columnName: string,\n    value: string,\n  ) => RenderedFacetValueChip | undefined\n  /** React node to display in place of cards/table when there are no results. */\n  NoContentPlaceholder: () => ReactNode\n  /** The set of external analysis platforms where this component allows users to export data. If this list is empty, then\n   * controls will not be shown. */\n  enabledExternalAnalysisPlatforms: ExternalAnalysisPlatform[]\n  /** If true, a dialog guiding the user through exporting table query data to an external platform is shown. If this\n   * is true, enabledExternalAnalysisPlatforms must be non-empty */\n  isShowingExportToAnalysisPlatformModal: boolean\n  /** Allows toggling isShowingExportToAnalysisPlatformModal */\n  setIsShowingExportToAnalysisPlatformModal: Dispatch<SetStateAction<boolean>>\n  showFacetFilter: boolean\n  setShowFacetFilter: Dispatch<SetStateAction<boolean>>\n  hideSearchBarControl: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill: boolean\n  showSearchBar: boolean\n  setShowSearchBar: Dispatch<SetStateAction<boolean>>\n  showDownloadConfirmation: boolean\n  setShowDownloadConfirmation: Dispatch<SetStateAction<boolean>>\n  showSqlEditor: boolean\n  setShowSqlEditor: Dispatch<SetStateAction<boolean>>\n  showCopyToClipboard: boolean\n  setShowCopyToClipboard: Dispatch<SetStateAction<boolean>>\n  showPlots: boolean\n  setShowPlots: Dispatch<SetStateAction<boolean>>\n}\n/**\n * This must be exported to use the context in class components.\n */\nexport const QueryVisualizationContext = createContext<\n  QueryVisualizationContextType | undefined\n>(undefined)\nexport type QueryVisualizationContextProviderProps = PropsWithChildren<{\n  queryVisualizationContext: QueryVisualizationContextType\n}>\n/**\n * Provides fields and functions related to visualizing a Synapse table query. For actual query data, see QueryContextProvider.\n */\nexport const QueryVisualizationContextProvider = ({\n  children,\n  queryVisualizationContext,\n}: QueryVisualizationContextProviderProps): React.ReactNode => {\n  return (\n    <QueryVisualizationContext.Provider value={queryVisualizationContext}>\n      {children}\n    </QueryVisualizationContext.Provider>\n  )\n}\n\nexport function useQueryVisualizationContext(): QueryVisualizationContextType {\n  const context = useContext(QueryVisualizationContext)\n  if (context === undefined) {\n    throw new Error(\n      'useQueryVisualizationContext must be used within a QueryVisualizationWrapper',\n    )\n  }\n  return context\n}\n\nexport const QueryVisualizationContextConsumer =\n  QueryVisualizationContext.Consumer\n"],"mappings":";;;AA+EA,IAAa,IAA4B,EAEvC,KAAA,CAAS,GAOE,KAAqC,EAChD,aACA,mCAGE,kBAAC,EAA0B,UAA3B;CAAoC,OAAO;CACxC;AACiC,CAAA;AAIxC,SAAgB,IAA8D;CAC5E,IAAM,IAAU,EAAW,CAAyB;CACpD,IAAI,MAAY,KAAA,GACd,MAAU,MACR,8EACF;CAEF,OAAO;AACT;AAEA,IAAa,IACX,EAA0B"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType';
 import { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants';
+import { RenderedFacetValueChip } from './QueryVisualizationContext';
 type ColumnOrFacetHelpConfig = {
     /** Text that describes the column or facet */
     helpText: string;
@@ -16,6 +17,15 @@ export type QueryVisualizationWrapperProps = {
     unitDescription?: string;
     /** Mapping from column name to the name that should be shown for the column */
     columnAliases?: Record<string, string>;
+    /** Optional custom renderer for enumeration facet values (see context). */
+    renderFacetValue?: (columnName: string, value: string) => RenderedFacetValueChip | undefined;
+    /**
+     * Column name of a STRING_LIST of Data Use Ontology (DUO) values. When set,
+     * that column's facet values and active-filter pills are automatically
+     * rendered as DUO tags, so portals don't need to supply their own
+     * `renderFacetValue` handler. An explicit `renderFacetValue` takes precedence.
+     */
+    dataUseModifiersColumnName?: string;
     visibleColumnCount?: number;
     hiddenColumns?: string[];
     defaultShowPlots?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAA;AAI5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAA;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAA;AAUpG,KAAK,uBAAuB,GAAG;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,gGAAgG;IAChG,8BAA8B,CAAC,EAAE,OAAO,CAAA;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC;mEAC+D;IAC/D,kCAAkC,CAAC,EAAE,MAAM,CAAA;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;gDAC4C;IAC5C,gCAAgC,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC7D,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAqNtC"}
+{"version":3,"file":"QueryVisualizationWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAA;AAI5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAA;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAA;AAGpG,OAAO,EAGL,sBAAsB,EACvB,MAAM,6BAA6B,CAAA;AAKpC,KAAK,uBAAuB,GAAG;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,CACjB,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,KACV,sBAAsB,GAAG,SAAS,CAAA;IACvC;;;;;OAKG;IACH,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,gGAAgG;IAChG,8BAA8B,CAAC,EAAE,OAAO,CAAA;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC;mEAC+D;IAC/D,kCAAkC,CAAC,EAAE,MAAM,CAAA;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;gDAC4C;IAC5C,gCAAgC,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC7D,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAmOtC"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.js

@@ -4,103 +4,109 @@ import "../QueryContext/index.js";
 import { getDisplayValue as n } from "../../utils/functions/getDataFromFromStorage.js";
 import { unCamelCase as r } from "../../utils/functions/unCamelCase.js";
 import { useGetQueryMetadata as i } from "../QueryWrapper/useGetQueryMetadata.js";
-import { NoContentPlaceholderType as a } from "../SynapseTable/NoContentPlaceholderType.js";
-import o from "./NoContentPlaceholder.js";
-import { QueryVisualizationContextProvider as ee } from "./QueryVisualizationContext.js";
-import { useCallback as s, useEffect as te, useMemo as c, useState as l } from "react";
-import { jsx as u } from "react/jsx-runtime";
-import { useQuery as d } from "@tanstack/react-query";
+import { NoContentPlaceholderType as ee } from "../SynapseTable/NoContentPlaceholderType.js";
+import a from "./NoContentPlaceholder.js";
+import { createDuoFacetValueRenderer as o } from "../GenericCard/DuoTermTags/DuoTermTags.js";
+import { QueryVisualizationContextProvider as te } from "./QueryVisualizationContext.js";
+import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { useQuery as ne } from "@tanstack/react-query";
 import { useDeepCompareMemoize as f } from "use-deep-compare-effect";
 //#region src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx
 var p = [];
 function m(m) {
-	let { noContentPlaceholderType: h = a.INTERACTIVE, defaultShowSearchBar: g = !1, defaultShowPlots: _ = !0, hideCopyToClipboard: ne = !1, hideSearchBarControl: v = !1, lockTextMatchesQueryFilterPill: y = !0, unitDescription: b = "result", helpConfiguration: x, hasCustomPlots: S = !1, visibleColumnCount: C = Infinity, enabledExternalAnalysisPlatforms: w = p } = m, T = c(() => m.columnAliases ?? {}, [m.columnAliases]), { getCurrentQueryRequest: E, hasFacetedSelectColumn: D, hasResettableFilters: O, rowDataQueryOptions: k } = t(), { data: A } = i(), { data: j } = d({
-		...k,
+	let { noContentPlaceholderType: h = ee.INTERACTIVE, defaultShowSearchBar: g = !1, defaultShowPlots: _ = !0, hideCopyToClipboard: v = !1, hideSearchBarControl: y = !1, lockTextMatchesQueryFilterPill: b = !0, unitDescription: x = "result", helpConfiguration: S, hasCustomPlots: C = !1, visibleColumnCount: w = Infinity, enabledExternalAnalysisPlatforms: T = p } = m, E = l(() => m.columnAliases ?? {}, [m.columnAliases]), D = l(() => {
+		if (m.renderFacetValue) return m.renderFacetValue;
+		if (m.dataUseModifiersColumnName) return o(m.dataUseModifiersColumnName);
+	}, [m.renderFacetValue, m.dataUseModifiersColumnName]), { getCurrentQueryRequest: O, hasFacetedSelectColumn: k, hasResettableFilters: A, rowDataQueryOptions: j } = t(), { data: M } = i(), { data: N } = ne({
+		...j,
 		select: (e) => e.responseBody?.queryResult?.queryResults.headers,
 		placeholderData: (e) => e
-	}), { data: M } = i({
+	}), { data: re } = i({
 		select: (e) => e.responseBody?.selectColumns,
 		placeholderData: (e) => e
-	}), N = f(j ?? M ?? []), [P, re] = l(!1), [F, I] = l(_), [L, R] = l(!ne), [z, B] = l(!0), [V, H, U, W] = e(g && !v, !1), [G, K] = l(!1), [q, J] = l([]), Y = c(() => E(), [E]), X = f(m.hiddenColumns ?? []);
-	te(() => {
+	}), P = f(N ?? re ?? []), [F, ie] = u(!1), [I, L] = u(_), [R, z] = u(!v), [B, V] = u(!0), [H, U, W, G] = e(g && !y, !1), [K, q] = u(!1), [J, Y] = u([]), ae = l(() => O(), [O]), X = f(m.hiddenColumns ?? []);
+	c(() => {
 		let e = new Set(X);
-		J(N.filter((t) => !e.has(t.name)).slice(0, C).map((e) => e.name));
+		Y(P.filter((t) => !e.has(t.name)).slice(0, w).map((e) => e.name));
 	}, [
-		N,
-		Y.query.sql,
-		C,
+		P,
+		ae.query.sql,
+		w,
 		X
 	]);
 	let Z = s((e, t) => {
 		let n = typeof localStorage < "u" && localStorage.getItem("force-display-original-column-names") === "true";
 		if (!e || n && !t) return e;
-		if (T[e]) return T[e];
+		if (E[e]) return E[e];
 		if (t) {
-			let n = A?.columnModels?.find((t) => t.name === e);
+			let n = M?.columnModels?.find((t) => t.name === e);
 			if (n?.jsonSubColumns) {
 				let e = n.jsonSubColumns.find((e) => e.jsonPath === t);
 				if (e) return e.name;
 			}
 		}
 		return r(e);
-	}, [T, A?.columnModels]), Q = s((e, t) => {
-		if (Array.isArray(x)) return x.find((n) => n.columnName === e && n.jsonPath === t)?.helpText;
-	}, [x]), $ = s(() => /* @__PURE__ */ u(o, {
+	}, [E, M?.columnModels]), Q = s((e, t) => {
+		if (Array.isArray(S)) return S.find((n) => n.columnName === e && n.jsonPath === t)?.helpText;
+	}, [S]), $ = s(() => /* @__PURE__ */ d(a, {
 		type: h,
-		hasResettableFilters: O
-	}), [h, O]), ie = c(() => ({
-		columnsToShowInTable: q,
-		setColumnsToShowInTable: J,
+		hasResettableFilters: A
+	}), [h, A]), oe = l(() => ({
+		columnsToShowInTable: J,
+		setColumnsToShowInTable: Y,
 		rgbIndex: m.rgbIndex,
-		unitDescription: b,
+		unitDescription: x,
 		showLastUpdatedOn: m.showLastUpdatedOn,
 		getColumnDisplayName: Z,
 		getDisplayValue: n,
+		renderFacetValue: D,
 		getHelpText: Q,
 		NoContentPlaceholder: $,
-		isShowingExportToAnalysisPlatformModal: G,
-		setIsShowingExportToAnalysisPlatformModal: K,
-		showFacetFilter: D ? z : !1,
-		setShowFacetFilter: B,
-		hideSearchBarControl: v,
-		lockTextMatchesQueryFilterPill: y,
-		showSearchBar: V,
-		setShowSearchBar: H,
-		showDownloadConfirmation: U,
-		setShowDownloadConfirmation: W,
-		showSqlEditor: P,
-		setShowSqlEditor: re,
-		showPlots: S || D ? F : !1,
-		setShowPlots: I,
-		showCopyToClipboard: L,
-		setShowCopyToClipboard: R,
-		enabledExternalAnalysisPlatforms: w
+		isShowingExportToAnalysisPlatformModal: K,
+		setIsShowingExportToAnalysisPlatformModal: q,
+		showFacetFilter: k ? B : !1,
+		setShowFacetFilter: V,
+		hideSearchBarControl: y,
+		lockTextMatchesQueryFilterPill: b,
+		showSearchBar: H,
+		setShowSearchBar: U,
+		showDownloadConfirmation: W,
+		setShowDownloadConfirmation: G,
+		showSqlEditor: F,
+		setShowSqlEditor: ie,
+		showPlots: C || k ? I : !1,
+		setShowPlots: L,
+		showCopyToClipboard: R,
+		setShowCopyToClipboard: z,
+		enabledExternalAnalysisPlatforms: T
 	}), [
 		$,
 		Z,
 		Q,
-		D,
-		G,
+		k,
+		K,
 		m.rgbIndex,
 		m.showLastUpdatedOn,
+		D,
+		G,
+		U,
+		R,
 		W,
+		B,
+		I,
 		H,
-		L,
-		U,
-		z,
 		F,
-		V,
-		P,
-		b,
-		q,
-		S,
-		w,
-		v,
-		y
-	]), { children: ae } = m;
-	return /* @__PURE__ */ u(ee, {
-		queryVisualizationContext: ie,
-		children: ae
+		x,
+		J,
+		C,
+		T,
+		y,
+		b
+	]), { children: se } = m;
+	return /* @__PURE__ */ d(te, {
+		queryVisualizationContext: oe,
+		children: se
 	});
 }
 //#endregion

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationWrapper.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"sourcesContent":["import { getDisplayValue } from '@/utils/functions/getDataFromFromStorage'\nimport { unCamelCase } from '@/utils/functions/unCamelCase'\nimport useMutuallyExclusiveState from '@/utils/hooks/useMutuallyExclusiveState'\nimport { useQuery } from '@tanstack/react-query'\nimport { ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\nimport NoContentPlaceholderComponent from './NoContentPlaceholder'\nimport {\n  QueryVisualizationContextProvider,\n  QueryVisualizationContextType,\n} from './QueryVisualizationContext'\n\n// By default, show no external analysis platforms.\nconst DEFAULT_ENABLED_ANALYSIS_PLATFORMS: ExternalAnalysisPlatform[] = []\n\ntype ColumnOrFacetHelpConfig = {\n  /** Text that describes the column or facet */\n  helpText: string\n  /** The name of the column for which the markdown applies */\n  columnName: string\n  /** The JSON path matching a described JSON Column facet */\n  jsonPath?: string\n}\n\nexport type QueryVisualizationWrapperProps = {\n  children: ReactNode | ReactNode[]\n  rgbIndex?: number\n  /** The singular word to use to describe a what a row represents (e.g. \"file\"). Defaults to \"result\" */\n  unitDescription?: string\n  /** Mapping from column name to the name that should be shown for the column */\n  columnAliases?: Record<string, string>\n  visibleColumnCount?: number\n  hiddenColumns?: string[]\n  defaultShowPlots?: boolean\n  hideCopyToClipboard?: boolean\n  hideSearchBarControl?: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill?: boolean\n  defaultShowSearchBar?: boolean\n  showLastUpdatedOn?: boolean\n  /** Default is INTERACTIVE */\n  noContentPlaceholderType?: NoContentPlaceholderType\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** Look for additional filters using the given key.  If not provided, the entity ID will be used.\n   * @deprecated - configure the filter before passing a query */\n  additionalFiltersSessionStorageKey?: string\n  /** Configuration to add a help popover to each corresponding column header */\n  helpConfiguration?: ColumnOrFacetHelpConfig[]\n  hasCustomPlots?: boolean\n  /** The set of external analysis platform to which the UI will support exporting data.\n   * @default [] (no platforms are enabled) */\n  enabledExternalAnalysisPlatforms?: ExternalAnalysisPlatform[]\n  hideVisualizationsControl?: boolean\n}\n\n/**\n * QueryVisualizationWrapper manages UI state for components that query tables in Synapse. That state can be accessed\n * or updated using QueryVisualizationContext. A QueryVisualizationWrapper must be used within a QueryWrapper.\n */\nexport function QueryVisualizationWrapper(\n  props: QueryVisualizationWrapperProps,\n) {\n  const {\n    noContentPlaceholderType = NoContentPlaceholderType.INTERACTIVE,\n    defaultShowSearchBar = false,\n    defaultShowPlots = true,\n    hideCopyToClipboard = false,\n    hideSearchBarControl = false,\n    lockTextMatchesQueryFilterPill = true,\n    unitDescription = 'result',\n    helpConfiguration,\n    hasCustomPlots = false,\n    visibleColumnCount = Infinity,\n    enabledExternalAnalysisPlatforms = DEFAULT_ENABLED_ANALYSIS_PLATFORMS,\n  } = props\n\n  const columnAliases = useMemo(\n    () => props.columnAliases ?? {},\n    [props.columnAliases],\n  )\n\n  const {\n    getCurrentQueryRequest,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    rowDataQueryOptions,\n  } = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  // Get the selectColumns from either query so that creating the context isn't bottlenecked by one or the other\n  // Use the previous result as placeholder data so we don't reset the selectColumns unless they have actually changed.\n  const { data: selectColumnsFromRowData } = useQuery({\n    ...rowDataQueryOptions,\n    select: data => data.responseBody?.queryResult?.queryResults.headers,\n    placeholderData: prevData => prevData,\n  })\n  const { data: selectColumnsFromMetadata } = useGetQueryMetadata({\n    select: data => data.responseBody?.selectColumns,\n    placeholderData: prevData => prevData,\n  })\n  // We deep-compare-memoize the selectColumns so we don't reset visible columns if the reference changes, but not the contents (e.g. on page change)\n  const selectColumns = useDeepCompareMemoize(\n    selectColumnsFromRowData ?? selectColumnsFromMetadata ?? [],\n  )\n\n  const [showSqlEditor, setShowSqlEditor] = useState(false)\n  const [showPlots, setShowPlots] = useState(defaultShowPlots)\n  const [showCopyToClipboard, setShowCopyToClipboard] =\n    useState(!hideCopyToClipboard)\n  const [showFacetFilter, setShowFacetFilter] = useState(true)\n\n  // The search bar and download confirmation should not be shown at the same time.\n  const [\n    showSearchBar,\n    setShowSearchBar,\n    showDownloadConfirmation,\n    setShowDownloadConfirmation,\n  ] = useMutuallyExclusiveState(\n    defaultShowSearchBar && !hideSearchBarControl,\n    false,\n  )\n\n  const [\n    isShowingExportToAnalysisPlatformModal,\n    setIsShowingExportToAnalysisPlatformModal,\n  ] = useState<boolean>(false)\n\n  const [visibleColumns, setVisibleColumns] = useState<string[]>([])\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  // Deep-compare-memoize so callers passing a fresh array literal\n  // (e.g. `hiddenColumns={['topic']}`) don't reset visible columns on every\n  // parent render.\n  const hiddenColumns = useDeepCompareMemoize(props.hiddenColumns ?? [])\n  useEffect(() => {\n    // SWC-6030: If sql changes, reset what columns are visible\n    const hidden = new Set(hiddenColumns)\n    setVisibleColumns(\n      selectColumns\n        .filter(el => !hidden.has(el.name))\n        .slice(0, visibleColumnCount)\n        .map(el => el.name),\n    )\n  }, [\n    selectColumns,\n    lastQueryRequest.query.sql,\n    visibleColumnCount,\n    hiddenColumns,\n  ])\n\n  const getColumnDisplayName = useCallback(\n    (columnName: string, jsonPath?: string) => {\n      // SWC-5982: if force-display-original-column-names is set, then just return the string\n      const forceDisplayOriginalColumnName =\n        typeof localStorage !== 'undefined' &&\n        localStorage.getItem('force-display-original-column-names') === 'true'\n\n      if (!columnName || (forceDisplayOriginalColumnName && !jsonPath)) {\n        return columnName\n      }\n      if (columnAliases[columnName]) {\n        return columnAliases[columnName]\n      }\n      if (jsonPath) {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        if (columnModel?.jsonSubColumns) {\n          const jsonSubColumn = columnModel.jsonSubColumns.find(\n            jsc => jsc.jsonPath === jsonPath,\n          )\n          if (jsonSubColumn) {\n            return jsonSubColumn.name\n          }\n        }\n      }\n      return unCamelCase(columnName)\n    },\n    [columnAliases, queryMetadata?.columnModels],\n  )\n\n  const getHelpText = useCallback(\n    (columnName: string, jsonPath?: string): string | undefined => {\n      if (Array.isArray(helpConfiguration)) {\n        const helpConfig = helpConfiguration.find(\n          config =>\n            config.columnName === columnName && config.jsonPath === jsonPath,\n        )\n        return helpConfig?.helpText\n      }\n      return undefined\n    },\n    [helpConfiguration],\n  )\n\n  const NoContentPlaceholder = useCallback(\n    () => (\n      <NoContentPlaceholderComponent\n        type={noContentPlaceholderType}\n        hasResettableFilters={hasResettableFilters}\n      />\n    ),\n    [noContentPlaceholderType, hasResettableFilters],\n  )\n\n  const context: QueryVisualizationContextType = useMemo(\n    () => ({\n      columnsToShowInTable: visibleColumns,\n      setColumnsToShowInTable: setVisibleColumns,\n      rgbIndex: props.rgbIndex,\n      unitDescription: unitDescription,\n      showLastUpdatedOn: props.showLastUpdatedOn,\n      getColumnDisplayName,\n      getDisplayValue,\n      getHelpText,\n      NoContentPlaceholder,\n      isShowingExportToAnalysisPlatformModal:\n        isShowingExportToAnalysisPlatformModal,\n      setIsShowingExportToAnalysisPlatformModal:\n        setIsShowingExportToAnalysisPlatformModal,\n      showFacetFilter: hasFacetedSelectColumn ? showFacetFilter : false,\n      setShowFacetFilter,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n      showSearchBar,\n      setShowSearchBar,\n      showDownloadConfirmation,\n      setShowDownloadConfirmation,\n      showSqlEditor,\n      setShowSqlEditor,\n      showPlots: hasCustomPlots || hasFacetedSelectColumn ? showPlots : false,\n      setShowPlots,\n      showCopyToClipboard,\n      setShowCopyToClipboard,\n      enabledExternalAnalysisPlatforms,\n    }),\n    [\n      NoContentPlaceholder,\n      getColumnDisplayName,\n      getHelpText,\n      hasFacetedSelectColumn,\n      isShowingExportToAnalysisPlatformModal,\n      props.rgbIndex,\n      props.showLastUpdatedOn,\n      setShowDownloadConfirmation,\n      setShowSearchBar,\n      showCopyToClipboard,\n      showDownloadConfirmation,\n      showFacetFilter,\n      showPlots,\n      showSearchBar,\n      showSqlEditor,\n      unitDescription,\n      visibleColumns,\n      hasCustomPlots,\n      enabledExternalAnalysisPlatforms,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n    ],\n  )\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryVisualizationContextProvider queryVisualizationContext={context}>\n      {children}\n    </QueryVisualizationContextProvider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"QueryVisualizationWrapper.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"sourcesContent":["import { getDisplayValue } from '@/utils/functions/getDataFromFromStorage'\nimport { unCamelCase } from '@/utils/functions/unCamelCase'\nimport useMutuallyExclusiveState from '@/utils/hooks/useMutuallyExclusiveState'\nimport { useQuery } from '@tanstack/react-query'\nimport { ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\nimport NoContentPlaceholderComponent from './NoContentPlaceholder'\nimport { createDuoFacetValueRenderer } from '../GenericCard/DuoTermTags/DuoTermTags'\nimport {\n  QueryVisualizationContextProvider,\n  QueryVisualizationContextType,\n  RenderedFacetValueChip,\n} from './QueryVisualizationContext'\n\n// By default, show no external analysis platforms.\nconst DEFAULT_ENABLED_ANALYSIS_PLATFORMS: ExternalAnalysisPlatform[] = []\n\ntype ColumnOrFacetHelpConfig = {\n  /** Text that describes the column or facet */\n  helpText: string\n  /** The name of the column for which the markdown applies */\n  columnName: string\n  /** The JSON path matching a described JSON Column facet */\n  jsonPath?: string\n}\n\nexport type QueryVisualizationWrapperProps = {\n  children: ReactNode | ReactNode[]\n  rgbIndex?: number\n  /** The singular word to use to describe a what a row represents (e.g. \"file\"). Defaults to \"result\" */\n  unitDescription?: string\n  /** Mapping from column name to the name that should be shown for the column */\n  columnAliases?: Record<string, string>\n  /** Optional custom renderer for enumeration facet values (see context). */\n  renderFacetValue?: (\n    columnName: string,\n    value: string,\n  ) => RenderedFacetValueChip | undefined\n  /**\n   * Column name of a STRING_LIST of Data Use Ontology (DUO) values. When set,\n   * that column's facet values and active-filter pills are automatically\n   * rendered as DUO tags, so portals don't need to supply their own\n   * `renderFacetValue` handler. An explicit `renderFacetValue` takes precedence.\n   */\n  dataUseModifiersColumnName?: string\n  visibleColumnCount?: number\n  hiddenColumns?: string[]\n  defaultShowPlots?: boolean\n  hideCopyToClipboard?: boolean\n  hideSearchBarControl?: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill?: boolean\n  defaultShowSearchBar?: boolean\n  showLastUpdatedOn?: boolean\n  /** Default is INTERACTIVE */\n  noContentPlaceholderType?: NoContentPlaceholderType\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** Look for additional filters using the given key.  If not provided, the entity ID will be used.\n   * @deprecated - configure the filter before passing a query */\n  additionalFiltersSessionStorageKey?: string\n  /** Configuration to add a help popover to each corresponding column header */\n  helpConfiguration?: ColumnOrFacetHelpConfig[]\n  hasCustomPlots?: boolean\n  /** The set of external analysis platform to which the UI will support exporting data.\n   * @default [] (no platforms are enabled) */\n  enabledExternalAnalysisPlatforms?: ExternalAnalysisPlatform[]\n  hideVisualizationsControl?: boolean\n}\n\n/**\n * QueryVisualizationWrapper manages UI state for components that query tables in Synapse. That state can be accessed\n * or updated using QueryVisualizationContext. A QueryVisualizationWrapper must be used within a QueryWrapper.\n */\nexport function QueryVisualizationWrapper(\n  props: QueryVisualizationWrapperProps,\n) {\n  const {\n    noContentPlaceholderType = NoContentPlaceholderType.INTERACTIVE,\n    defaultShowSearchBar = false,\n    defaultShowPlots = true,\n    hideCopyToClipboard = false,\n    hideSearchBarControl = false,\n    lockTextMatchesQueryFilterPill = true,\n    unitDescription = 'result',\n    helpConfiguration,\n    hasCustomPlots = false,\n    visibleColumnCount = Infinity,\n    enabledExternalAnalysisPlatforms = DEFAULT_ENABLED_ANALYSIS_PLATFORMS,\n  } = props\n\n  const columnAliases = useMemo(\n    () => props.columnAliases ?? {},\n    [props.columnAliases],\n  )\n\n  // An explicit renderFacetValue wins; otherwise, if a DUO column is declared,\n  // render that column's facet values and pills as DUO tags automatically.\n  const renderFacetValue = useMemo(() => {\n    if (props.renderFacetValue) {\n      return props.renderFacetValue\n    }\n    if (props.dataUseModifiersColumnName) {\n      return createDuoFacetValueRenderer(props.dataUseModifiersColumnName)\n    }\n    return undefined\n  }, [props.renderFacetValue, props.dataUseModifiersColumnName])\n\n  const {\n    getCurrentQueryRequest,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    rowDataQueryOptions,\n  } = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  // Get the selectColumns from either query so that creating the context isn't bottlenecked by one or the other\n  // Use the previous result as placeholder data so we don't reset the selectColumns unless they have actually changed.\n  const { data: selectColumnsFromRowData } = useQuery({\n    ...rowDataQueryOptions,\n    select: data => data.responseBody?.queryResult?.queryResults.headers,\n    placeholderData: prevData => prevData,\n  })\n  const { data: selectColumnsFromMetadata } = useGetQueryMetadata({\n    select: data => data.responseBody?.selectColumns,\n    placeholderData: prevData => prevData,\n  })\n  // We deep-compare-memoize the selectColumns so we don't reset visible columns if the reference changes, but not the contents (e.g. on page change)\n  const selectColumns = useDeepCompareMemoize(\n    selectColumnsFromRowData ?? selectColumnsFromMetadata ?? [],\n  )\n\n  const [showSqlEditor, setShowSqlEditor] = useState(false)\n  const [showPlots, setShowPlots] = useState(defaultShowPlots)\n  const [showCopyToClipboard, setShowCopyToClipboard] =\n    useState(!hideCopyToClipboard)\n  const [showFacetFilter, setShowFacetFilter] = useState(true)\n\n  // The search bar and download confirmation should not be shown at the same time.\n  const [\n    showSearchBar,\n    setShowSearchBar,\n    showDownloadConfirmation,\n    setShowDownloadConfirmation,\n  ] = useMutuallyExclusiveState(\n    defaultShowSearchBar && !hideSearchBarControl,\n    false,\n  )\n\n  const [\n    isShowingExportToAnalysisPlatformModal,\n    setIsShowingExportToAnalysisPlatformModal,\n  ] = useState<boolean>(false)\n\n  const [visibleColumns, setVisibleColumns] = useState<string[]>([])\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  // Deep-compare-memoize so callers passing a fresh array literal\n  // (e.g. `hiddenColumns={['topic']}`) don't reset visible columns on every\n  // parent render.\n  const hiddenColumns = useDeepCompareMemoize(props.hiddenColumns ?? [])\n  useEffect(() => {\n    // SWC-6030: If sql changes, reset what columns are visible\n    const hidden = new Set(hiddenColumns)\n    setVisibleColumns(\n      selectColumns\n        .filter(el => !hidden.has(el.name))\n        .slice(0, visibleColumnCount)\n        .map(el => el.name),\n    )\n  }, [\n    selectColumns,\n    lastQueryRequest.query.sql,\n    visibleColumnCount,\n    hiddenColumns,\n  ])\n\n  const getColumnDisplayName = useCallback(\n    (columnName: string, jsonPath?: string) => {\n      // SWC-5982: if force-display-original-column-names is set, then just return the string\n      const forceDisplayOriginalColumnName =\n        typeof localStorage !== 'undefined' &&\n        localStorage.getItem('force-display-original-column-names') === 'true'\n\n      if (!columnName || (forceDisplayOriginalColumnName && !jsonPath)) {\n        return columnName\n      }\n      if (columnAliases[columnName]) {\n        return columnAliases[columnName]\n      }\n      if (jsonPath) {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        if (columnModel?.jsonSubColumns) {\n          const jsonSubColumn = columnModel.jsonSubColumns.find(\n            jsc => jsc.jsonPath === jsonPath,\n          )\n          if (jsonSubColumn) {\n            return jsonSubColumn.name\n          }\n        }\n      }\n      return unCamelCase(columnName)\n    },\n    [columnAliases, queryMetadata?.columnModels],\n  )\n\n  const getHelpText = useCallback(\n    (columnName: string, jsonPath?: string): string | undefined => {\n      if (Array.isArray(helpConfiguration)) {\n        const helpConfig = helpConfiguration.find(\n          config =>\n            config.columnName === columnName && config.jsonPath === jsonPath,\n        )\n        return helpConfig?.helpText\n      }\n      return undefined\n    },\n    [helpConfiguration],\n  )\n\n  const NoContentPlaceholder = useCallback(\n    () => (\n      <NoContentPlaceholderComponent\n        type={noContentPlaceholderType}\n        hasResettableFilters={hasResettableFilters}\n      />\n    ),\n    [noContentPlaceholderType, hasResettableFilters],\n  )\n\n  const context: QueryVisualizationContextType = useMemo(\n    () => ({\n      columnsToShowInTable: visibleColumns,\n      setColumnsToShowInTable: setVisibleColumns,\n      rgbIndex: props.rgbIndex,\n      unitDescription: unitDescription,\n      showLastUpdatedOn: props.showLastUpdatedOn,\n      getColumnDisplayName,\n      getDisplayValue,\n      renderFacetValue,\n      getHelpText,\n      NoContentPlaceholder,\n      isShowingExportToAnalysisPlatformModal:\n        isShowingExportToAnalysisPlatformModal,\n      setIsShowingExportToAnalysisPlatformModal:\n        setIsShowingExportToAnalysisPlatformModal,\n      showFacetFilter: hasFacetedSelectColumn ? showFacetFilter : false,\n      setShowFacetFilter,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n      showSearchBar,\n      setShowSearchBar,\n      showDownloadConfirmation,\n      setShowDownloadConfirmation,\n      showSqlEditor,\n      setShowSqlEditor,\n      showPlots: hasCustomPlots || hasFacetedSelectColumn ? showPlots : false,\n      setShowPlots,\n      showCopyToClipboard,\n      setShowCopyToClipboard,\n      enabledExternalAnalysisPlatforms,\n    }),\n    [\n      NoContentPlaceholder,\n      getColumnDisplayName,\n      getHelpText,\n      hasFacetedSelectColumn,\n      isShowingExportToAnalysisPlatformModal,\n      props.rgbIndex,\n      props.showLastUpdatedOn,\n      renderFacetValue,\n      setShowDownloadConfirmation,\n      setShowSearchBar,\n      showCopyToClipboard,\n      showDownloadConfirmation,\n      showFacetFilter,\n      showPlots,\n      showSearchBar,\n      showSqlEditor,\n      unitDescription,\n      visibleColumns,\n      hasCustomPlots,\n      enabledExternalAnalysisPlatforms,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n    ],\n  )\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryVisualizationContextProvider queryVisualizationContext={context}>\n      {children}\n    </QueryVisualizationContextProvider>\n  )\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.js

@@ -135,6 +135,8 @@ function z(r) {
 			unitDescription: p,
 			rgbIndex: r.rgbIndex,
 			columnAliases: r.columnAliases,
+			renderFacetValue: r.renderFacetValue,
+			dataUseModifiersColumnName: r.cardConfiguration?.genericCardSchema?.dataUseModifiersColumnName,
 			helpConfiguration: h,
 			visibleColumnCount: r.visibleColumnCount,
 			hiddenColumns: r.hiddenColumns,