synapse-react-client 4.0.19 → 4.0.20

package/dist/components/ProvenanceGraph/ProvenanceUtils.js

@@ -14,22 +14,22 @@ var m = /* @__PURE__ */ function(e) {
 }({}), h = (o) => {
 	let { type: s, data: u } = o, d;
 	switch (s) {
-		case m.ENTITY:
+		case "EntityNode":
 			d = /* @__PURE__ */ c(t, { ...u });
 			break;
-		case m.ENTITY_PLACEHOLDER:
+		case "EntityPlaceholderNode":
 			d = /* @__PURE__ */ c(a, { ...u });
 			break;
-		case m.EXTERNAL:
+		case "ExternalNode":
 			d = /* @__PURE__ */ c(r, { ...u });
 			break;
-		case m.ACTIVITY:
+		case "ActivityNode":
 			d = /* @__PURE__ */ c(e, { ...u });
 			break;
-		case m.EXPAND:
+		case "ExpandNode":
 			d = /* @__PURE__ */ c(n, { ...u });
 			break;
-		case m.UNDEFINED:
+		case "UndefinedNode":
 			d = /* @__PURE__ */ c(i, {});
 			break;
 		default:
@@ -65,16 +65,16 @@ var m = /* @__PURE__ */ function(e) {
 }, _ = (e) => {
 	let { type: t, data: n } = e;
 	switch (t) {
-		case m.ENTITY: return `${n.id}.${n.versionNumber ?? "latest"}`;
-		case m.ENTITY_PLACEHOLDER: return `${n.targetId}.${n.targetVersionNumber ?? "latest"}`;
-		case m.EXTERNAL: return `${n.url}`;
-		case m.ACTIVITY: return `${n.id}`;
-		case m.EXPAND: return `expand.node.${n.entityHeader.id}.${n.entityHeader.versionNumber ?? "latest"}`;
-		case m.UNDEFINED: return `undefined.dummy.node.${n.id}.${n.versionNumber ?? "latest"}`;
+		case "EntityNode": return `${n.id}.${n.versionNumber ?? "latest"}`;
+		case "EntityPlaceholderNode": return `${n.targetId}.${n.targetVersionNumber ?? "latest"}`;
+		case "ExternalNode": return `${n.url}`;
+		case "ActivityNode": return `${n.id}`;
+		case "ExpandNode": return `expand.node.${n.entityHeader.id}.${n.entityHeader.versionNumber ?? "latest"}`;
+		case "UndefinedNode": return `undefined.dummy.node.${n.id}.${n.versionNumber ?? "latest"}`;
 	}
 }, v = new p.graphlib.Graph();
 v.setDefaultEdgeLabel(() => ({}));
-var y = (e) => e.data.type == m.EXPAND ? 30 : 100, b = (e) => e.data.type == m.EXPAND ? 30 : 172, x = (e, t, n) => {
+var y = (e) => e.data.type == "ExpandNode" ? 30 : 100, b = (e) => e.data.type == "ExpandNode" ? 30 : 172, x = (e, t, n) => {
 	let r = n === "LR";
 	return v.setGraph({ rankdir: n }), e.forEach((e) => {
 		v.setNode(e.id, {

package/dist/components/ProvenanceGraph/ProvenanceUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProvenanceUtils.js","names":[],"sources":["../../../src/components/ProvenanceGraph/ProvenanceUtils.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Node, Position, ConnectionLineType, Edge, MarkerType } from 'reactflow'\nimport { ActivityNodeLabel } from './ActivityNodeLabel'\nimport { EntityNodeLabel } from './EntityNodeLabel'\nimport {\n  ExpandGraphNodeDataProps,\n  ExpandGraphNodeLabel,\n} from './ExpandGraphNodeLabel'\nimport { ExternalGraphNodeLabel } from './ExternalGraphNodeLabel'\nimport dagre from 'dagre'\nimport { differenceWith, isEqual } from 'lodash-es'\nimport { UndefinedNodeLabel } from './UndefinedNodeLabel'\nimport { EntityHeader, Reference } from '@sage-bionetworks/synapse-types'\nimport { Activity, UsedURL } from '@sage-bionetworks/synapse-types'\nimport { EntityPlaceholderNodeLabel } from './EntityPlaceholderNodeLabel'\n\nexport enum NodeType {\n  ENTITY = 'EntityNode',\n  ENTITY_PLACEHOLDER = 'EntityPlaceholderNode',\n  EXTERNAL = 'ExternalNode',\n  ACTIVITY = 'ActivityNode',\n  EXPAND = 'ExpandNode',\n  UNDEFINED = 'UndefinedNode',\n}\n\ntype ProvenanceNodeLabelProps =\n  | UsedURL\n  | Activity\n  | ExpandGraphNodeDataProps\n  | EntityHeader\n  | Reference\n\nexport type ProvenanceNodeProps = {\n  type: NodeType\n  data: ProvenanceNodeLabelProps\n}\n\nexport type ProvenanceNodeData = {\n  label: ReactNode\n  props: ProvenanceNodeLabelProps\n  type: NodeType\n}\n\nexport const getProvenanceNode = (props: ProvenanceNodeProps): Node => {\n  const { type, data } = props\n  let nodeLabel: ReactNode\n  switch (type) {\n    case NodeType.ENTITY:\n      nodeLabel = <EntityNodeLabel {...(data as EntityHeader)} />\n      break\n    case NodeType.ENTITY_PLACEHOLDER:\n      nodeLabel = <EntityPlaceholderNodeLabel {...(data as Reference)} />\n      break\n    case NodeType.EXTERNAL:\n      nodeLabel = <ExternalGraphNodeLabel {...(data as UsedURL)} />\n      break\n    case NodeType.ACTIVITY:\n      nodeLabel = <ActivityNodeLabel {...(data as Activity)} />\n      break\n    case NodeType.EXPAND:\n      nodeLabel = (\n        <ExpandGraphNodeLabel {...(data as ExpandGraphNodeDataProps)} />\n      )\n      break\n    case NodeType.UNDEFINED:\n      nodeLabel = <UndefinedNodeLabel />\n      break\n    default:\n      nodeLabel = <p>Unrecognized node type: {type}</p>\n      break\n  }\n  const nodeData: ProvenanceNodeData = {\n    label: nodeLabel,\n    props: data,\n    type: type,\n  }\n  return {\n    id: getNodeId(props),\n    position: { x: 100, y: 100 }, // hard coded, let graph layout library figure this out\n    data: nodeData,\n    connectable: false,\n    draggable: false,\n    // selectable: false, // like to make unselectable, but node contents become non-interactive\n    className: `${type}`,\n  }\n}\n\nexport const getProvenanceEdge = (\n  node1Props: ProvenanceNodeProps,\n  node2Props: ProvenanceNodeProps,\n): Edge => {\n  const node1Id = getNodeId(node1Props)\n  const node2Id = getNodeId(node2Props)\n  return {\n    id: `${node1Id}-${node2Id}`,\n    source: node1Id,\n    target: node2Id,\n    animated: true,\n    type: ConnectionLineType.SimpleBezier,\n    markerEnd: {\n      type: MarkerType.ArrowClosed,\n    },\n  }\n}\n\nexport const getNodeId = (props: ProvenanceNodeProps) => {\n  const { type, data } = props\n  switch (type) {\n    case NodeType.ENTITY:\n      return `${(data as EntityHeader).id}.${\n        (data as EntityHeader).versionNumber ?? 'latest'\n      }`\n    case NodeType.ENTITY_PLACEHOLDER:\n      return `${(data as Reference).targetId}.${\n        (data as Reference).targetVersionNumber ?? 'latest'\n      }`\n    case NodeType.EXTERNAL:\n      return `${(data as UsedURL).url}`\n    case NodeType.ACTIVITY:\n      return `${(data as Activity).id}`\n    case NodeType.EXPAND:\n      return `expand.node.${\n        (data as ExpandGraphNodeDataProps).entityHeader.id\n      }.${\n        (data as ExpandGraphNodeDataProps).entityHeader.versionNumber ??\n        'latest'\n      }`\n    case NodeType.UNDEFINED:\n      return `undefined.dummy.node.${(data as EntityHeader).id}.${\n        (data as EntityHeader).versionNumber ?? 'latest'\n      }`\n  }\n}\n\n// layout\nconst dagreGraph = new dagre.graphlib.Graph()\ndagreGraph.setDefaultEdgeLabel(() => ({}))\n\nconst getNodeHeight = (node: Node) => {\n  const nodeData: ProvenanceNodeData = node.data as ProvenanceNodeData\n  return nodeData.type == NodeType.EXPAND ? 30 : 100\n}\nconst getNodeWidth = (node: Node) => {\n  const nodeData: ProvenanceNodeData = node.data as ProvenanceNodeData\n  return nodeData.type == NodeType.EXPAND ? 30 : 172\n}\n\nexport const getLayoutedElements = (\n  nodes: Node[],\n  edges: Edge[],\n  direction: string,\n) => {\n  const isHorizontal = direction === 'LR'\n  dagreGraph.setGraph({ rankdir: direction })\n\n  nodes.forEach(node => {\n    dagreGraph.setNode(node.id, {\n      width: getNodeWidth(node),\n      height: getNodeHeight(node),\n    })\n  })\n\n  edges.forEach(edge => {\n    dagreGraph.setEdge(edge.source, edge.target)\n  })\n\n  dagre.layout(dagreGraph)\n\n  nodes.forEach(node => {\n    const nodeWithPosition = dagreGraph.node(node.id)\n    node.targetPosition = isHorizontal ? Position.Left : Position.Top\n    node.sourcePosition = isHorizontal ? Position.Right : Position.Bottom\n\n    // We are shifting the dagre node position (anchor=center center) to the top left\n    // so it matches the React Flow node anchor point (top left).\n    node.position = {\n      x: nodeWithPosition.x - getNodeWidth(node) / 2,\n      y: nodeWithPosition.y - getNodeHeight(node) / 2,\n    }\n\n    return node\n  })\n\n  return { nodes, edges }\n}\n\nexport const isArrayEqual = (x: any[], y: any[]) => {\n  return differenceWith(x, y, isEqual).length == 0\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProvenanceUtils.js","names":[],"sources":["../../../src/components/ProvenanceGraph/ProvenanceUtils.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Node, Position, ConnectionLineType, Edge, MarkerType } from 'reactflow'\nimport { ActivityNodeLabel } from './ActivityNodeLabel'\nimport { EntityNodeLabel } from './EntityNodeLabel'\nimport {\n  ExpandGraphNodeDataProps,\n  ExpandGraphNodeLabel,\n} from './ExpandGraphNodeLabel'\nimport { ExternalGraphNodeLabel } from './ExternalGraphNodeLabel'\nimport dagre from 'dagre'\nimport { differenceWith, isEqual } from 'lodash-es'\nimport { UndefinedNodeLabel } from './UndefinedNodeLabel'\nimport { EntityHeader, Reference } from '@sage-bionetworks/synapse-types'\nimport { Activity, UsedURL } from '@sage-bionetworks/synapse-types'\nimport { EntityPlaceholderNodeLabel } from './EntityPlaceholderNodeLabel'\n\nexport enum NodeType {\n  ENTITY = 'EntityNode',\n  ENTITY_PLACEHOLDER = 'EntityPlaceholderNode',\n  EXTERNAL = 'ExternalNode',\n  ACTIVITY = 'ActivityNode',\n  EXPAND = 'ExpandNode',\n  UNDEFINED = 'UndefinedNode',\n}\n\ntype ProvenanceNodeLabelProps =\n  | UsedURL\n  | Activity\n  | ExpandGraphNodeDataProps\n  | EntityHeader\n  | Reference\n\nexport type ProvenanceNodeProps = {\n  type: NodeType\n  data: ProvenanceNodeLabelProps\n}\n\nexport type ProvenanceNodeData = {\n  label: ReactNode\n  props: ProvenanceNodeLabelProps\n  type: NodeType\n}\n\nexport const getProvenanceNode = (props: ProvenanceNodeProps): Node => {\n  const { type, data } = props\n  let nodeLabel: ReactNode\n  switch (type) {\n    case NodeType.ENTITY:\n      nodeLabel = <EntityNodeLabel {...(data as EntityHeader)} />\n      break\n    case NodeType.ENTITY_PLACEHOLDER:\n      nodeLabel = <EntityPlaceholderNodeLabel {...(data as Reference)} />\n      break\n    case NodeType.EXTERNAL:\n      nodeLabel = <ExternalGraphNodeLabel {...(data as UsedURL)} />\n      break\n    case NodeType.ACTIVITY:\n      nodeLabel = <ActivityNodeLabel {...(data as Activity)} />\n      break\n    case NodeType.EXPAND:\n      nodeLabel = (\n        <ExpandGraphNodeLabel {...(data as ExpandGraphNodeDataProps)} />\n      )\n      break\n    case NodeType.UNDEFINED:\n      nodeLabel = <UndefinedNodeLabel />\n      break\n    default:\n      nodeLabel = <p>Unrecognized node type: {type}</p>\n      break\n  }\n  const nodeData: ProvenanceNodeData = {\n    label: nodeLabel,\n    props: data,\n    type: type,\n  }\n  return {\n    id: getNodeId(props),\n    position: { x: 100, y: 100 }, // hard coded, let graph layout library figure this out\n    data: nodeData,\n    connectable: false,\n    draggable: false,\n    // selectable: false, // like to make unselectable, but node contents become non-interactive\n    className: `${type}`,\n  }\n}\n\nexport const getProvenanceEdge = (\n  node1Props: ProvenanceNodeProps,\n  node2Props: ProvenanceNodeProps,\n): Edge => {\n  const node1Id = getNodeId(node1Props)\n  const node2Id = getNodeId(node2Props)\n  return {\n    id: `${node1Id}-${node2Id}`,\n    source: node1Id,\n    target: node2Id,\n    animated: true,\n    type: ConnectionLineType.SimpleBezier,\n    markerEnd: {\n      type: MarkerType.ArrowClosed,\n    },\n  }\n}\n\nexport const getNodeId = (props: ProvenanceNodeProps) => {\n  const { type, data } = props\n  switch (type) {\n    case NodeType.ENTITY:\n      return `${(data as EntityHeader).id}.${\n        (data as EntityHeader).versionNumber ?? 'latest'\n      }`\n    case NodeType.ENTITY_PLACEHOLDER:\n      return `${(data as Reference).targetId}.${\n        (data as Reference).targetVersionNumber ?? 'latest'\n      }`\n    case NodeType.EXTERNAL:\n      return `${(data as UsedURL).url}`\n    case NodeType.ACTIVITY:\n      return `${(data as Activity).id}`\n    case NodeType.EXPAND:\n      return `expand.node.${\n        (data as ExpandGraphNodeDataProps).entityHeader.id\n      }.${\n        (data as ExpandGraphNodeDataProps).entityHeader.versionNumber ??\n        'latest'\n      }`\n    case NodeType.UNDEFINED:\n      return `undefined.dummy.node.${(data as EntityHeader).id}.${\n        (data as EntityHeader).versionNumber ?? 'latest'\n      }`\n  }\n}\n\n// layout\nconst dagreGraph = new dagre.graphlib.Graph()\ndagreGraph.setDefaultEdgeLabel(() => ({}))\n\nconst getNodeHeight = (node: Node) => {\n  const nodeData: ProvenanceNodeData = node.data as ProvenanceNodeData\n  return nodeData.type == NodeType.EXPAND ? 30 : 100\n}\nconst getNodeWidth = (node: Node) => {\n  const nodeData: ProvenanceNodeData = node.data as ProvenanceNodeData\n  return nodeData.type == NodeType.EXPAND ? 30 : 172\n}\n\nexport const getLayoutedElements = (\n  nodes: Node[],\n  edges: Edge[],\n  direction: string,\n) => {\n  const isHorizontal = direction === 'LR'\n  dagreGraph.setGraph({ rankdir: direction })\n\n  nodes.forEach(node => {\n    dagreGraph.setNode(node.id, {\n      width: getNodeWidth(node),\n      height: getNodeHeight(node),\n    })\n  })\n\n  edges.forEach(edge => {\n    dagreGraph.setEdge(edge.source, edge.target)\n  })\n\n  dagre.layout(dagreGraph)\n\n  nodes.forEach(node => {\n    const nodeWithPosition = dagreGraph.node(node.id)\n    node.targetPosition = isHorizontal ? Position.Left : Position.Top\n    node.sourcePosition = isHorizontal ? Position.Right : Position.Bottom\n\n    // We are shifting the dagre node position (anchor=center center) to the top left\n    // so it matches the React Flow node anchor point (top left).\n    node.position = {\n      x: nodeWithPosition.x - getNodeWidth(node) / 2,\n      y: nodeWithPosition.y - getNodeHeight(node) / 2,\n    }\n\n    return node\n  })\n\n  return { nodes, edges }\n}\n\nexport const isArrayEqual = (x: any[], y: any[]) => {\n  return differenceWith(x, y, isEqual).length == 0\n}\n"],"mappings":";;;;;;;;;;;AAgBA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,SAAA,cACA,EAAA,qBAAA,yBACA,EAAA,WAAA,gBACA,EAAA,WAAA,gBACA,EAAA,SAAA,cACA,EAAA,YAAA;AACF,EAAA,CAAA,CAAA,GAoBa,KAAqB,MAAqC;CACrE,IAAM,EAAE,SAAM,YAAS,GACnB;CACJ,QAAQ,GAAR;EACE,KAAA;GACE,IAAY,kBAAC,GAAD,EAAiB,GAAK,EAAwB,CAAA;GAC1D;EACF,KAAA;GACE,IAAY,kBAAC,GAAD,EAA4B,GAAK,EAAqB,CAAA;GAClE;EACF,KAAA;GACE,IAAY,kBAAC,GAAD,EAAwB,GAAK,EAAmB,CAAA;GAC5D;EACF,KAAA;GACE,IAAY,kBAAC,GAAD,EAAmB,GAAK,EAAoB,CAAA;GACxD;EACF,KAAA;GACE,IACE,kBAAC,GAAD,EAAsB,GAAK,EAAoC,CAAA;GAEjE;EACF,KAAA;GACE,IAAY,kBAAC,GAAD,CAAqB,CAAA;GACjC;EACF;GACE,IAAY,kBAAC,KAAD,EAAA,UAAA,CAAG,4BAAyB,CAAQ,EAAA,CAAA;GAChD;CACJ;CACA,IAAM,IAA+B;EACnC,OAAO;EACP,OAAO;EACD;CACR;CACA,OAAO;EACL,IAAI,EAAU,CAAK;EACnB,UAAU;GAAE,GAAG;GAAK,GAAG;EAAI;EAC3B,MAAM;EACN,aAAa;EACb,WAAW;EAEX,WAAW,GAAG;CAChB;AACF,GAEa,KACX,GACA,MACS;CACT,IAAM,IAAU,EAAU,CAAU,GAC9B,IAAU,EAAU,CAAU;CACpC,OAAO;EACL,IAAI,GAAG,EAAQ,GAAG;EAClB,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,MAAM,EAAmB;EACzB,WAAW,EACT,MAAM,EAAW,YACnB;CACF;AACF,GAEa,KAAa,MAA+B;CACvD,IAAM,EAAE,SAAM,YAAS;CACvB,QAAQ,GAAR;EACE,KAAA,cACE,OAAO,GAAI,EAAsB,GAAG,GACjC,EAAsB,iBAAiB;EAE5C,KAAA,yBACE,OAAO,GAAI,EAAmB,SAAS,GACpC,EAAmB,uBAAuB;EAE/C,KAAA,gBACE,OAAO,GAAI,EAAiB;EAC9B,KAAA,gBACE,OAAO,GAAI,EAAkB;EAC/B,KAAA,cACE,OAAO,eACJ,EAAkC,aAAa,GACjD,GACE,EAAkC,aAAa,iBAChD;EAEJ,KAAA,iBACE,OAAO,wBAAyB,EAAsB,GAAG,GACtD,EAAsB,iBAAiB;CAE9C;AACF,GAGM,IAAa,IAAI,EAAM,SAAS,MAAM;AAC5C,EAAW,2BAA2B,CAAC,EAAE;AAEzC,IAAM,KAAiB,MACgB,EAAK,KAC1B,QAAA,eAA0B,KAAK,KAE3C,KAAgB,MACiB,EAAK,KAC1B,QAAA,eAA0B,KAAK,KAGpC,KACX,GACA,GACA,MACG;CACH,IAAM,IAAe,MAAc;CA+BnC,OA9BA,EAAW,SAAS,EAAE,SAAS,EAAU,CAAC,GAE1C,EAAM,SAAQ,MAAQ;EACpB,EAAW,QAAQ,EAAK,IAAI;GAC1B,OAAO,EAAa,CAAI;GACxB,QAAQ,EAAc,CAAI;EAC5B,CAAC;CACH,CAAC,GAED,EAAM,SAAQ,MAAQ;EACpB,EAAW,QAAQ,EAAK,QAAQ,EAAK,MAAM;CAC7C,CAAC,GAED,EAAM,OAAO,CAAU,GAEvB,EAAM,SAAQ,MAAQ;EACpB,IAAM,IAAmB,EAAW,KAAK,EAAK,EAAE;EAWhD,OAVA,EAAK,iBAAiB,IAAe,EAAS,OAAO,EAAS,KAC9D,EAAK,iBAAiB,IAAe,EAAS,QAAQ,EAAS,QAI/D,EAAK,WAAW;GACd,GAAG,EAAiB,IAAI,EAAa,CAAI,IAAI;GAC7C,GAAG,EAAiB,IAAI,EAAc,CAAI,IAAI;EAChD,GAEO;CACT,CAAC,GAEM;EAAE;EAAO;CAAM;AACxB,GAEa,KAAgB,GAAU,MAC9B,EAAe,GAAG,GAAG,CAAO,EAAE,UAAU"}

package/dist/components/ProvenanceGraph/UndefinedNodeLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"UndefinedNodeLabel.js","names":[],"sources":["../../../src/components/ProvenanceGraph/UndefinedNodeLabel.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography } from '@mui/material'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\n\nexport const UndefinedNodeLabel = (): React.ReactNode => {\n  return (\n    <>\n      <Typography variant=\"smallText1\" className=\"description\">\n        Undefined\n      </Typography>\n\n      <HelpPopover\n        placement=\"top\"\n        markdownText=\"Provenance tracks the relationship \n          between data, code and analytical results.\"\n        helpUrl=\"https://help.synapse.org/docs/Provenance.1972470373.html\"\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;AAIA,IAAa,UAET,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;CAAY,SAAQ;CAAa,WAAU;WAAc;CAE5C,CAAA,EAEb,kBAAC,GAAD;CACE,WAAU;CACV,cAAa;CAEb,SAAQ;CACR,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"UndefinedNodeLabel.js","names":[],"sources":["../../../src/components/ProvenanceGraph/UndefinedNodeLabel.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography } from '@mui/material'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\n\nexport const UndefinedNodeLabel = (): React.ReactNode => {\n  return (\n    <>\n      <Typography variant=\"smallText1\" className=\"description\">\n        Undefined\n      </Typography>\n\n      <HelpPopover\n        placement=\"top\"\n        markdownText=\"Provenance tracks the relationship \n          between data, code and analytical results.\"\n        helpUrl=\"https://help.synapse.org/docs/Provenance.1972470373.html\"\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;AAIA,IAAa,UAET,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;CAAY,SAAQ;CAAa,WAAU;WAAc;AAE7C,CAAA,GAEZ,kBAAC,GAAD;CACE,WAAU;CACV,cAAa;CAEb,SAAQ;AACT,CAAA,CACD,EAAA,CAAA"}

package/dist/components/QueryContext/QueryContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryContext.js","names":[],"sources":["../../../src/components/QueryContext/QueryContext.tsx"],"sourcesContent":["import React from 'react'\nimport { LockedColumn } from '@/utils'\nimport { ImmutableTableQueryResult } from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { createContext, PropsWithChildren, useContext } from 'react'\nimport { ReadonlyDeep } from 'type-fest'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\n\nexport type QueryContextType = {\n  isInfinite: boolean\n  /** The entity ID parsed from the SQL query */\n  entityId?: string\n  /** The optional version number of the table parsed from the SQL query */\n  versionNumber: number | undefined\n  currentQueryRequest: ReadonlyDeep<QueryBundleRequest>\n  nextQueryRequest: ReadonlyDeep<QueryBundleRequest>\n  /** Returns a deep clone of the current query bundle request */\n  getCurrentQueryRequest: () => QueryBundleRequest\n  /** Returns a deep clone of the initial query bundle request */\n  getInitQueryRequest: () => QueryBundleRequest\n  /** Updates the current query with the passed request */\n  executeQueryRequest: ImmutableTableQueryResult['setQuery']\n  /** Resets the query to its initial state, clearing all filters added by the user */\n  resetQuery: ImmutableTableQueryResult['resetQuery']\n  resetDebounceTimer: ImmutableTableQueryResult['resetDebounceTimer']\n  addValueToSelectedFacet: ImmutableTableQueryResult['addValueToSelectedFacet']\n  setRangeFacetValue: ImmutableTableQueryResult['setRangeFacetValue']\n  removeSelectedFacet: ImmutableTableQueryResult['removeSelectedFacet']\n  removeValueFromSelectedFacet: ImmutableTableQueryResult['removeValueFromSelectedFacet']\n  /** Removes a matching QueryFilter from the query */\n  removeQueryFilter: ImmutableTableQueryResult['removeQueryFilter']\n  /** Removes a value from a QueryFilter. If no more values remain in the filter, the filter is also removed */\n  removeValueFromQueryFilter: ImmutableTableQueryResult['removeValueFromQueryFilter']\n  /** Whether facets are available to be filtered upon based on the current data */\n  hasFacetedSelectColumn: boolean\n  /** Returns true iff the current request has resettable filters applied via facet filters or additionalFilters. Excludes filters applied to a locked column */\n  hasResettableFilters: boolean\n  // Either open benefactor entity page in a new window or open the sharing settings dialog (in Synapse.org)\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  /** Combines two faceted columns into a single inclusive range selector */\n  combineRangeFacetConfig?: ReadonlyDeep<CombineRangeFacetConfig>\n\n  /** react-query UseQueryOptions to fetch the current page of table data */\n  rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions']\n  /** react-query UseInfiniteQueryOptions to fetch infinite rows of table data */\n  rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions']\n  /** react-query UseQueryOptions to fetch the current query metadata (e.g. column models, facet statistics, total number of rows) */\n  queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions']\n\n  /** Navigates to a particular page. The first page has value 1. Note that this has no effect if `isInfinite` is true */\n  goToPage: (pageNum: number) => void\n  /** The current page number, where page 1 is the first page. Note that this has no effect if `isInfinite` is true. */\n  currentPage: number\n  /** Updates the page size */\n  setPageSize: (pageSize: number) => void\n  /** The current page size. */\n  pageSize: number\n\n  /**\n   * A column name may be \"locked\" so that it is both (1) not shown to the user that the filter is active, and (2) not modifiable by the user.\n   * For example, we may show only the data matching a particular facet value on a Details Page without implying that the shown data is part of a larger table.\n   * The presence of a locked filter will result in a client-side modification of the active query and result bundle data.\n   */\n  lockedColumn: LockedColumn | undefined\n\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row entity ID\n   */\n  fileIdColumnName: string | undefined\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) version\n   */\n  fileVersionColumnName: string | undefined\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) name\n   */\n  fileNameColumnName: string | undefined\n\n  /**\n   * Optional factory to get react-query options for a given page number without calling the standard\n   * table query API. When provided (e.g. by SearchQueryWrapper), usePrefetchTableRows will use this\n   * instead of getTableQueryUseQueryOptions so that the correct API is called for prefetching.\n   */\n  getRowDataQueryOptionsForPage?: (\n    pageNumber: number,\n  ) => TableQueryUseQueryOptions['rowDataQueryOptions']\n}\n\n/**\n * This must be exported to use the context in class components.\n */\nexport const QueryContext = createContext<QueryContextType | undefined>(\n  undefined,\n)\n\nexport type QueryContextProviderProps = PropsWithChildren<{\n  queryContext: QueryContextType\n}>\n\n/**\n * Provides data related to a Synapse table query, and functions for iterating through pages of the data.\n */\nexport const QueryContextProvider = ({\n  children,\n  queryContext,\n}: QueryContextProviderProps): React.ReactNode => {\n  return (\n    <QueryContext.Provider value={queryContext}>\n      {children}\n    </QueryContext.Provider>\n  )\n}\n\n/**\n * Returns the QueryContext, including QueryResultBundle\n *\n * @template TIncludedFields - If you know which specific optional fields will be included in the QueryResultBundle,\n * you can specify them in the generic TIncludedFields\n * @template ExcludeOtherFields - If set to true, will remove optional fields besides those specified in TIncludedFields,\n * default false\n */\nexport function useQueryContext(): QueryContextType {\n  const context = useContext(QueryContext)\n  if (context === undefined) {\n    throw new Error('useQueryContext must be used within a QueryWrapper')\n  }\n  return context\n}\n\nexport type CombineRangeFacetConfig = {\n  minFacetColumn: string\n  maxFacetColumn: string\n  label: string\n}\n\nexport const QueryContextConsumer = QueryContext.Consumer\n"],"mappings":";;;AA2FA,IAAa,IAAe,EAC1B,KAAA,EACD,EASY,KAAwB,EACnC,aACA,sBAGE,kBAAC,EAAa,UAAd;CAAuB,OAAO;CAC3B;CACqB,CAAA;AAY5B,SAAgB,IAAoC;CAClD,IAAM,IAAU,EAAW,EAAa;AACxC,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,qDAAqD;AAEvE,QAAO;;AAST,IAAa,IAAuB,EAAa"}
+{"version":3,"file":"QueryContext.js","names":[],"sources":["../../../src/components/QueryContext/QueryContext.tsx"],"sourcesContent":["import React from 'react'\nimport { LockedColumn } from '@/utils'\nimport { ImmutableTableQueryResult } from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { createContext, PropsWithChildren, useContext } from 'react'\nimport { ReadonlyDeep } from 'type-fest'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\n\nexport type QueryContextType = {\n  isInfinite: boolean\n  /** The entity ID parsed from the SQL query */\n  entityId?: string\n  /** The optional version number of the table parsed from the SQL query */\n  versionNumber: number | undefined\n  currentQueryRequest: ReadonlyDeep<QueryBundleRequest>\n  nextQueryRequest: ReadonlyDeep<QueryBundleRequest>\n  /** Returns a deep clone of the current query bundle request */\n  getCurrentQueryRequest: () => QueryBundleRequest\n  /** Returns a deep clone of the initial query bundle request */\n  getInitQueryRequest: () => QueryBundleRequest\n  /** Updates the current query with the passed request */\n  executeQueryRequest: ImmutableTableQueryResult['setQuery']\n  /** Resets the query to its initial state, clearing all filters added by the user */\n  resetQuery: ImmutableTableQueryResult['resetQuery']\n  resetDebounceTimer: ImmutableTableQueryResult['resetDebounceTimer']\n  addValueToSelectedFacet: ImmutableTableQueryResult['addValueToSelectedFacet']\n  setRangeFacetValue: ImmutableTableQueryResult['setRangeFacetValue']\n  removeSelectedFacet: ImmutableTableQueryResult['removeSelectedFacet']\n  removeValueFromSelectedFacet: ImmutableTableQueryResult['removeValueFromSelectedFacet']\n  /** Removes a matching QueryFilter from the query */\n  removeQueryFilter: ImmutableTableQueryResult['removeQueryFilter']\n  /** Removes a value from a QueryFilter. If no more values remain in the filter, the filter is also removed */\n  removeValueFromQueryFilter: ImmutableTableQueryResult['removeValueFromQueryFilter']\n  /** Whether facets are available to be filtered upon based on the current data */\n  hasFacetedSelectColumn: boolean\n  /** Returns true iff the current request has resettable filters applied via facet filters or additionalFilters. Excludes filters applied to a locked column */\n  hasResettableFilters: boolean\n  // Either open benefactor entity page in a new window or open the sharing settings dialog (in Synapse.org)\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  /** Combines two faceted columns into a single inclusive range selector */\n  combineRangeFacetConfig?: ReadonlyDeep<CombineRangeFacetConfig>\n\n  /** react-query UseQueryOptions to fetch the current page of table data */\n  rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions']\n  /** react-query UseInfiniteQueryOptions to fetch infinite rows of table data */\n  rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions']\n  /** react-query UseQueryOptions to fetch the current query metadata (e.g. column models, facet statistics, total number of rows) */\n  queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions']\n\n  /** Navigates to a particular page. The first page has value 1. Note that this has no effect if `isInfinite` is true */\n  goToPage: (pageNum: number) => void\n  /** The current page number, where page 1 is the first page. Note that this has no effect if `isInfinite` is true. */\n  currentPage: number\n  /** Updates the page size */\n  setPageSize: (pageSize: number) => void\n  /** The current page size. */\n  pageSize: number\n\n  /**\n   * A column name may be \"locked\" so that it is both (1) not shown to the user that the filter is active, and (2) not modifiable by the user.\n   * For example, we may show only the data matching a particular facet value on a Details Page without implying that the shown data is part of a larger table.\n   * The presence of a locked filter will result in a client-side modification of the active query and result bundle data.\n   */\n  lockedColumn: LockedColumn | undefined\n\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row entity ID\n   */\n  fileIdColumnName: string | undefined\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) version\n   */\n  fileVersionColumnName: string | undefined\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) name\n   */\n  fileNameColumnName: string | undefined\n\n  /**\n   * Optional factory to get react-query options for a given page number without calling the standard\n   * table query API. When provided (e.g. by SearchQueryWrapper), usePrefetchTableRows will use this\n   * instead of getTableQueryUseQueryOptions so that the correct API is called for prefetching.\n   */\n  getRowDataQueryOptionsForPage?: (\n    pageNumber: number,\n  ) => TableQueryUseQueryOptions['rowDataQueryOptions']\n}\n\n/**\n * This must be exported to use the context in class components.\n */\nexport const QueryContext = createContext<QueryContextType | undefined>(\n  undefined,\n)\n\nexport type QueryContextProviderProps = PropsWithChildren<{\n  queryContext: QueryContextType\n}>\n\n/**\n * Provides data related to a Synapse table query, and functions for iterating through pages of the data.\n */\nexport const QueryContextProvider = ({\n  children,\n  queryContext,\n}: QueryContextProviderProps): React.ReactNode => {\n  return (\n    <QueryContext.Provider value={queryContext}>\n      {children}\n    </QueryContext.Provider>\n  )\n}\n\n/**\n * Returns the QueryContext, including QueryResultBundle\n *\n * @template TIncludedFields - If you know which specific optional fields will be included in the QueryResultBundle,\n * you can specify them in the generic TIncludedFields\n * @template ExcludeOtherFields - If set to true, will remove optional fields besides those specified in TIncludedFields,\n * default false\n */\nexport function useQueryContext(): QueryContextType {\n  const context = useContext(QueryContext)\n  if (context === undefined) {\n    throw new Error('useQueryContext must be used within a QueryWrapper')\n  }\n  return context\n}\n\nexport type CombineRangeFacetConfig = {\n  minFacetColumn: string\n  maxFacetColumn: string\n  label: string\n}\n\nexport const QueryContextConsumer = QueryContext.Consumer\n"],"mappings":";;;AA2FA,IAAa,IAAe,EAC1B,KAAA,CACF,GASa,KAAwB,EACnC,aACA,sBAGE,kBAAC,EAAa,UAAd;CAAuB,OAAO;CAC3B;AACoB,CAAA;AAY3B,SAAgB,IAAoC;CAClD,IAAM,IAAU,EAAW,CAAY;CACvC,IAAI,MAAY,KAAA,GACd,MAAU,MAAM,oDAAoD;CAEtE,OAAO;AACT;AAQA,IAAa,IAAuB,EAAa"}

package/dist/components/QueryCount/QueryCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryCount.js","names":[],"sources":["../../../src/components/QueryCount/QueryCount.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\n\nexport type QueryCountProps = {\n  query: Query\n  parens?: boolean\n}\n\n/**\n * Shows the total count of results for a table query.\n */\nexport function QueryCount(props: QueryCountProps): React.ReactNode {\n  const { query, parens } = props\n  const entityId = parseEntityIdFromSqlStatement(query.sql)\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: query,\n    entityId,\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult } = useGetQueryResultBundle(request)\n\n  const localCount = queryResult?.queryCount?.toLocaleString()\n  /* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString#Using_toLocaleString */\n  return <>{localCount && (parens ? `(${localCount})` : localCount)}</>\n}\nexport default QueryCount\n"],"mappings":";;;;;;;AAcA,SAAgB,EAAW,GAAyC;CAClE,IAAM,EAAE,UAAO,cAAW,GAUpB,EAAE,MAAM,MAAgB,EAAwB;EANpD,cAAc;EACP;EACP,UALe,EAA8B,EAAM,IAKnD;EACA,UAAU;EAG0C,CAAQ,EAExD,IAAa,GAAa,YAAY,gBAAgB;AAE5D,QAAO,kBAAA,GAAA,EAAA,UAAG,MAAe,IAAS,IAAI,EAAW,KAAK,IAAe,CAAA"}
+{"version":3,"file":"QueryCount.js","names":[],"sources":["../../../src/components/QueryCount/QueryCount.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\n\nexport type QueryCountProps = {\n  query: Query\n  parens?: boolean\n}\n\n/**\n * Shows the total count of results for a table query.\n */\nexport function QueryCount(props: QueryCountProps): React.ReactNode {\n  const { query, parens } = props\n  const entityId = parseEntityIdFromSqlStatement(query.sql)\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: query,\n    entityId,\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult } = useGetQueryResultBundle(request)\n\n  const localCount = queryResult?.queryCount?.toLocaleString()\n  /* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString#Using_toLocaleString */\n  return <>{localCount && (parens ? `(${localCount})` : localCount)}</>\n}\nexport default QueryCount\n"],"mappings":";;;;;;;AAcA,SAAgB,EAAW,GAAyC;CAClE,IAAM,EAAE,UAAO,cAAW,GAUpB,EAAE,MAAM,MAAgB,EAAwB;EANpD,cAAc;EACP;EACP,UALe,EAA8B,EAAM,GAKnD;EACA,UAAU;CAG0C,CAAO,GAEvD,IAAa,GAAa,YAAY,eAAe;CAE3D,OAAO,kBAAA,GAAA,EAAA,UAAG,MAAe,IAAS,IAAI,EAAW,KAAK,GAAc,CAAA;AACtE"}

package/dist/components/QueryCountButton/QueryCountButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryCountButton.js","names":[],"sources":["../../../src/components/QueryCountButton/QueryCountButton.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { BUNDLE_MASK_QUERY_COUNT } from '@/utils/SynapseConstants'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { Box, Button, ButtonProps } from '@mui/material'\nimport { NavigateNext } from '@mui/icons-material'\nimport React from 'react'\nimport { Link as RouterLink, useInRouterContext } from 'react-router'\n\nexport type QueryCountButtonProps = {\n  /**\n   * The SQL query to execute to get the count\n   */\n  sql: string\n  /**\n   * The target URL when the button is clicked\n   */\n  href: string\n  /**\n   * Text to display before the count (e.g., \"Explore\")\n   */\n  prefixText?: string\n  /**\n   * Text to display after the count (e.g., \"files\")\n   */\n  suffixText?: string\n  /**\n   * Additional MUI Button props\n   */\n} & Omit<ButtonProps, 'children'>\n\n/**\n * A button component that displays text with an inline count.\n * The count is fetched by executing a SQL query against a Synapse table.\n * Example: \"Explore 42 files\"\n */\nexport function QueryCountButton(props: QueryCountButtonProps) {\n  const { sql, href, prefixText = '', suffixText = '', ...buttonProps } = props\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const inRouterContext = useInRouterContext()\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: { sql },\n    entityId,\n    partMask: BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult, isLoading } = useGetQueryResultBundle(request)\n\n  const count = queryResult?.queryCount\n\n  const isExternalLink =\n    href?.startsWith('http://') || href?.startsWith('https://')\n\n  // Determine the appropriate link props based on context\n  let linkProps: Partial<ButtonProps> & { target?: string; to?: string } = {}\n\n  if (isExternalLink) {\n    linkProps = {\n      href,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      component: 'a',\n    }\n  } else if (inRouterContext) {\n    // For internal links, if we are in a react-router context, use RouterLink\n    linkProps = {\n      to: href,\n      component: RouterLink,\n    }\n  } else {\n    linkProps = {\n      href,\n      component: 'a',\n    }\n  }\n\n  // Build the button text: \"prefixText count suffixText\"\n  const buttonText = React.useMemo(() => {\n    const parts: string[] = []\n\n    if (prefixText) {\n      parts.push(prefixText)\n    }\n\n    if (!isLoading && count !== undefined) {\n      parts.push(count.toLocaleString())\n    }\n\n    if (suffixText) {\n      parts.push(suffixText)\n    }\n\n    return parts.join(' ')\n  }, [prefixText, count, suffixText, isLoading])\n\n  // Icon with theme-aware circular background\n  const endIcon = (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'background.paper',\n        borderRadius: '50%',\n        width: 24,\n        height: 24,\n      }}\n    >\n      <NavigateNext sx={{ color: 'primary.main', fontSize: 20 }} />\n    </Box>\n  )\n\n  return (\n    <Button\n      {...buttonProps}\n      {...linkProps}\n      endIcon={endIcon}\n      loading={isLoading}\n    >\n      {buttonText}\n    </Button>\n  )\n}\n\nexport default QueryCountButton\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,QAAK,SAAM,gBAAa,IAAI,gBAAa,IAAI,GAAG,MAAgB,GAClE,IAAW,EAA8B,EAAI,EAC7C,IAAkB,GAAoB,EAStC,EAAE,MAAM,GAAa,iBAAc,EAAwB;EAN/D,cAAc;EACd,OAAO,EAAE,QAAK;EACd;EACA,UAAA;EAG+D,CAAQ,EAEnE,IAAQ,GAAa,YAErB,IACJ,GAAM,WAAW,UAAU,IAAI,GAAM,WAAW,WAAW,EAGzD,IAAqE,EAAE;AAE3E,CAcE,IAdE,IACU;EACV;EACA,QAAQ;EACR,KAAK;EACL,WAAW;EACZ,GACQ,IAEG;EACV,IAAI;EACJ,WAAW;EACZ,GAEW;EACV;EACA,WAAW;EACZ;CAIH,IAAM,IAAa,EAAM,cAAc;EACrC,IAAM,IAAkB,EAAE;AAc1B,SAZI,KACF,EAAM,KAAK,EAAW,EAGpB,CAAC,KAAa,MAAU,KAAA,KAC1B,EAAM,KAAK,EAAM,gBAAgB,CAAC,EAGhC,KACF,EAAM,KAAK,EAAW,EAGjB,EAAM,KAAK,IAAI;IACrB;EAAC;EAAY;EAAO;EAAY;EAAU,CAAC,EAGxC,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,iBAAiB;GACjB,cAAc;GACd,OAAO;GACP,QAAQ;GACT;YAED,kBAAC,GAAD,EAAc,IAAI;GAAE,OAAO;GAAgB,UAAU;GAAI,EAAI,CAAA;EACzD,CAAA;AAGR,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI;EACK;EACT,SAAS;YAER;EACM,CAAA"}
+{"version":3,"file":"QueryCountButton.js","names":[],"sources":["../../../src/components/QueryCountButton/QueryCountButton.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { BUNDLE_MASK_QUERY_COUNT } from '@/utils/SynapseConstants'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { Box, Button, ButtonProps } from '@mui/material'\nimport { NavigateNext } from '@mui/icons-material'\nimport React from 'react'\nimport { Link as RouterLink, useInRouterContext } from 'react-router'\n\nexport type QueryCountButtonProps = {\n  /**\n   * The SQL query to execute to get the count\n   */\n  sql: string\n  /**\n   * The target URL when the button is clicked\n   */\n  href: string\n  /**\n   * Text to display before the count (e.g., \"Explore\")\n   */\n  prefixText?: string\n  /**\n   * Text to display after the count (e.g., \"files\")\n   */\n  suffixText?: string\n  /**\n   * Additional MUI Button props\n   */\n} & Omit<ButtonProps, 'children'>\n\n/**\n * A button component that displays text with an inline count.\n * The count is fetched by executing a SQL query against a Synapse table.\n * Example: \"Explore 42 files\"\n */\nexport function QueryCountButton(props: QueryCountButtonProps) {\n  const { sql, href, prefixText = '', suffixText = '', ...buttonProps } = props\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const inRouterContext = useInRouterContext()\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: { sql },\n    entityId,\n    partMask: BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult, isLoading } = useGetQueryResultBundle(request)\n\n  const count = queryResult?.queryCount\n\n  const isExternalLink =\n    href?.startsWith('http://') || href?.startsWith('https://')\n\n  // Determine the appropriate link props based on context\n  let linkProps: Partial<ButtonProps> & { target?: string; to?: string } = {}\n\n  if (isExternalLink) {\n    linkProps = {\n      href,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      component: 'a',\n    }\n  } else if (inRouterContext) {\n    // For internal links, if we are in a react-router context, use RouterLink\n    linkProps = {\n      to: href,\n      component: RouterLink,\n    }\n  } else {\n    linkProps = {\n      href,\n      component: 'a',\n    }\n  }\n\n  // Build the button text: \"prefixText count suffixText\"\n  const buttonText = React.useMemo(() => {\n    const parts: string[] = []\n\n    if (prefixText) {\n      parts.push(prefixText)\n    }\n\n    if (!isLoading && count !== undefined) {\n      parts.push(count.toLocaleString())\n    }\n\n    if (suffixText) {\n      parts.push(suffixText)\n    }\n\n    return parts.join(' ')\n  }, [prefixText, count, suffixText, isLoading])\n\n  // Icon with theme-aware circular background\n  const endIcon = (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'background.paper',\n        borderRadius: '50%',\n        width: 24,\n        height: 24,\n      }}\n    >\n      <NavigateNext sx={{ color: 'primary.main', fontSize: 20 }} />\n    </Box>\n  )\n\n  return (\n    <Button\n      {...buttonProps}\n      {...linkProps}\n      endIcon={endIcon}\n      loading={isLoading}\n    >\n      {buttonText}\n    </Button>\n  )\n}\n\nexport default QueryCountButton\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,QAAK,SAAM,gBAAa,IAAI,gBAAa,IAAI,GAAG,MAAgB,GAClE,IAAW,EAA8B,CAAG,GAC5C,IAAkB,EAAmB,GASrC,EAAE,MAAM,GAAa,iBAAc,EAAwB;EAN/D,cAAc;EACd,OAAO,EAAE,OAAI;EACb;EACA,UAAA;CAG+D,CAAO,GAElE,IAAQ,GAAa,YAErB,IACJ,GAAM,WAAW,SAAS,KAAK,GAAM,WAAW,UAAU,GAGxD,IAAqE,CAAC;CAE1E,AAcE,IAdE,IACU;EACV;EACA,QAAQ;EACR,KAAK;EACL,WAAW;CACb,IACS,IAEG;EACV,IAAI;EACJ,WAAW;CACb,IAEY;EACV;EACA,WAAW;CACb;CAIF,IAAM,IAAa,EAAM,cAAc;EACrC,IAAM,IAAkB,CAAC;EAczB,OAZI,KACF,EAAM,KAAK,CAAU,GAGnB,CAAC,KAAa,MAAU,KAAA,KAC1B,EAAM,KAAK,EAAM,eAAe,CAAC,GAG/B,KACF,EAAM,KAAK,CAAU,GAGhB,EAAM,KAAK,GAAG;CACvB,GAAG;EAAC;EAAY;EAAO;EAAY;CAAS,CAAC,GAGvC,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,iBAAiB;GACjB,cAAc;GACd,OAAO;GACP,QAAQ;EACV;YAEA,kBAAC,GAAD,EAAc,IAAI;GAAE,OAAO;GAAgB,UAAU;EAAG,EAAI,CAAA;CACzD,CAAA;CAGP,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI;EACK;EACT,SAAS;YAER;CACK,CAAA;AAEZ"}

package/dist/components/QuerySortSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuerySortSelector.js","names":[],"sources":["../../src/components/QuerySortSelector.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { SortDirection } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport Select from 'react-select'\nimport { SortConfiguration } from './CardContainerLogic'\nimport { useQueryContext } from './QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from './QueryVisualizationWrapper'\nimport { findValueOption } from './JsonSchemaForm/widgets/SelectWidget'\n\nexport type QuerySortSelectorProps = {\n  sortConfig: SortConfiguration\n}\n\nexport type EnumOption = { value: string; label: string }\n\nfunction QuerySortSelector({ sortConfig }: QuerySortSelectorProps) {\n  const { defaultColumn, defaultDirection, sortableColumns } = sortConfig\n  const { executeQueryRequest } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const [sortColumn, setSortColumn] = useState<string | undefined>(\n    defaultColumn,\n  )\n  const [sortDirection, setSortDirection] = useState(defaultDirection)\n\n  const enumOptions: EnumOption[] = sortableColumns.map(sortableColumn => {\n    return {\n      value: sortableColumn,\n      label: getColumnDisplayName(sortableColumn),\n    }\n  })\n\n  const onChange = (value?: string) => {\n    executeQueryRequest(request => {\n      let newSortDirection: SortDirection = 'ASC'\n      if (value === sortColumn) {\n        // flip sort direction\n        newSortDirection = sortDirection === 'ASC' ? 'DESC' : 'ASC'\n      }\n\n      request.query.sort = value\n        ? [\n            {\n              column: value,\n              direction: newSortDirection,\n            },\n          ]\n        : undefined\n\n      setSortColumn(value)\n      setSortDirection(newSortDirection)\n\n      return request\n    })\n  }\n\n  return (\n    <div className=\"QuerySortSelector\">\n      <Typography variant=\"label\" className=\"sort-by-label SRC-inlineBlock\">\n        Sort by\n      </Typography>\n      <Select\n        className=\"react-select-container SRC-inlineBlock\"\n        value={findValueOption(sortColumn, enumOptions)}\n        options={enumOptions}\n        onChange={option => onChange((option as EnumOption | null)?.value)}\n        styles={{\n          control: provided => ({\n            ...provided,\n            marginLeft: '15px',\n          }),\n        }}\n      />\n    </div>\n  )\n}\n\nexport default QuerySortSelector\n"],"mappings":";;;;;;;;;AAeA,SAAS,EAAkB,EAAE,iBAAsC;CACjE,IAAM,EAAE,kBAAe,qBAAkB,uBAAoB,GACvD,EAAE,2BAAwB,GAAiB,EAC3C,EAAE,4BAAyB,GAA8B,EACzD,CAAC,GAAY,KAAiB,EAClC,EACD,EACK,CAAC,GAAe,KAAoB,EAAS,EAAiB,EAE9D,IAA4B,EAAgB,KAAI,OAC7C;EACL,OAAO;EACP,OAAO,EAAqB,EAAe;EAC5C,EACD,EAEI,KAAY,MAAmB;AACnC,KAAoB,MAAW;GAC7B,IAAI,IAAkC;AAkBtC,UAjBI,MAAU,MAEZ,IAAmB,MAAkB,QAAQ,SAAS,QAGxD,EAAQ,MAAM,OAAO,IACjB,CACE;IACE,QAAQ;IACR,WAAW;IACZ,CACF,GACD,KAAA,GAEJ,EAAc,EAAM,EACpB,EAAiB,EAAiB,EAE3B;IACP;;AAGJ,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,WAAU;aAAgC;GAEzD,CAAA,EACb,kBAAC,GAAD;GACE,WAAU;GACV,OAAO,EAAgB,GAAY,EAAY;GAC/C,SAAS;GACT,WAAU,MAAU,EAAU,GAA8B,MAAM;GAClE,QAAQ,EACN,UAAS,OAAa;IACpB,GAAG;IACH,YAAY;IACb,GACF;GACD,CAAA,CACE"}
+{"version":3,"file":"QuerySortSelector.js","names":[],"sources":["../../src/components/QuerySortSelector.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { SortDirection } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport Select from 'react-select'\nimport { SortConfiguration } from './CardContainerLogic'\nimport { useQueryContext } from './QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from './QueryVisualizationWrapper'\nimport { findValueOption } from './JsonSchemaForm/widgets/SelectWidget'\n\nexport type QuerySortSelectorProps = {\n  sortConfig: SortConfiguration\n}\n\nexport type EnumOption = { value: string; label: string }\n\nfunction QuerySortSelector({ sortConfig }: QuerySortSelectorProps) {\n  const { defaultColumn, defaultDirection, sortableColumns } = sortConfig\n  const { executeQueryRequest } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const [sortColumn, setSortColumn] = useState<string | undefined>(\n    defaultColumn,\n  )\n  const [sortDirection, setSortDirection] = useState(defaultDirection)\n\n  const enumOptions: EnumOption[] = sortableColumns.map(sortableColumn => {\n    return {\n      value: sortableColumn,\n      label: getColumnDisplayName(sortableColumn),\n    }\n  })\n\n  const onChange = (value?: string) => {\n    executeQueryRequest(request => {\n      let newSortDirection: SortDirection = 'ASC'\n      if (value === sortColumn) {\n        // flip sort direction\n        newSortDirection = sortDirection === 'ASC' ? 'DESC' : 'ASC'\n      }\n\n      request.query.sort = value\n        ? [\n            {\n              column: value,\n              direction: newSortDirection,\n            },\n          ]\n        : undefined\n\n      setSortColumn(value)\n      setSortDirection(newSortDirection)\n\n      return request\n    })\n  }\n\n  return (\n    <div className=\"QuerySortSelector\">\n      <Typography variant=\"label\" className=\"sort-by-label SRC-inlineBlock\">\n        Sort by\n      </Typography>\n      <Select\n        className=\"react-select-container SRC-inlineBlock\"\n        value={findValueOption(sortColumn, enumOptions)}\n        options={enumOptions}\n        onChange={option => onChange((option as EnumOption | null)?.value)}\n        styles={{\n          control: provided => ({\n            ...provided,\n            marginLeft: '15px',\n          }),\n        }}\n      />\n    </div>\n  )\n}\n\nexport default QuerySortSelector\n"],"mappings":";;;;;;;;;AAeA,SAAS,EAAkB,EAAE,iBAAsC;CACjE,IAAM,EAAE,kBAAe,qBAAkB,uBAAoB,GACvD,EAAE,2BAAwB,EAAgB,GAC1C,EAAE,4BAAyB,EAA6B,GACxD,CAAC,GAAY,KAAiB,EAClC,CACF,GACM,CAAC,GAAe,KAAoB,EAAS,CAAgB,GAE7D,IAA4B,EAAgB,KAAI,OAC7C;EACL,OAAO;EACP,OAAO,EAAqB,CAAc;CAC5C,EACD,GAEK,KAAY,MAAmB;EACnC,GAAoB,MAAW;GAC7B,IAAI,IAAkC;GAkBtC,OAjBI,MAAU,MAEZ,IAAmB,MAAkB,QAAQ,SAAS,QAGxD,EAAQ,MAAM,OAAO,IACjB,CACE;IACE,QAAQ;IACR,WAAW;GACb,CACF,IACA,KAAA,GAEJ,EAAc,CAAK,GACnB,EAAiB,CAAgB,GAE1B;EACT,CAAC;CACH;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,WAAU;aAAgC;EAE1D,CAAA,GACZ,kBAAC,GAAD;GACE,WAAU;GACV,OAAO,EAAgB,GAAY,CAAW;GAC9C,SAAS;GACT,WAAU,MAAU,EAAU,GAA8B,KAAK;GACjE,QAAQ,EACN,UAAS,OAAa;IACpB,GAAG;IACH,YAAY;GACd,GACF;EACD,CAAA,CACE;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"NoContentPlaceholder.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/NoContentPlaceholder.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport SearchResultsNotFound from '../SynapseTable/SearchResultsNotFound'\nimport ThisTableIsEmpty from '../SynapseTable/TableIsEmpty'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\n\ntype NoContentPlaceholderProps = {\n  type: NoContentPlaceholderType\n  hasResettableFilters: boolean\n}\n\nexport default function NoContentPlaceholder(props: NoContentPlaceholderProps) {\n  const { type, hasResettableFilters } = props\n  switch (type) {\n    case NoContentPlaceholderType.INTERACTIVE:\n      if (hasResettableFilters) {\n        return <SearchResultsNotFound />\n      } else {\n        return <ThisTableIsEmpty />\n      }\n    case NoContentPlaceholderType.HIDDEN:\n      return <></>\n    case NoContentPlaceholderType.STATIC:\n    default:\n      return <NoContentAvailable />\n  }\n}\n"],"mappings":";;;;;;AAUA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,SAAM,4BAAyB;AACvC,SAAQ,GAAR;EACE,KAAK,EAAyB,YAI1B,QAFO,EADL,IACM,IAEA,GAFD,EAAyB,CAEL;EAE/B,KAAK,EAAyB,OAC5B,QAAO,kBAAA,GAAA,EAAK,CAAA;EACd,KAAK,EAAyB;EAC9B,QACE,QAAO,kBAAC,GAAD,EAAsB,CAAA"}
+{"version":3,"file":"NoContentPlaceholder.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/NoContentPlaceholder.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport SearchResultsNotFound from '../SynapseTable/SearchResultsNotFound'\nimport ThisTableIsEmpty from '../SynapseTable/TableIsEmpty'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\n\ntype NoContentPlaceholderProps = {\n  type: NoContentPlaceholderType\n  hasResettableFilters: boolean\n}\n\nexport default function NoContentPlaceholder(props: NoContentPlaceholderProps) {\n  const { type, hasResettableFilters } = props\n  switch (type) {\n    case NoContentPlaceholderType.INTERACTIVE:\n      if (hasResettableFilters) {\n        return <SearchResultsNotFound />\n      } else {\n        return <ThisTableIsEmpty />\n      }\n    case NoContentPlaceholderType.HIDDEN:\n      return <></>\n    case NoContentPlaceholderType.STATIC:\n    default:\n      return <NoContentAvailable />\n  }\n}\n"],"mappings":";;;;;;AAUA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,SAAM,4BAAyB;CACvC,QAAQ,GAAR;EACE,KAAK,EAAyB,aAI1B,OAFO,EADL,IACM,IAEA,GAFD,CAAwB,CAEL;EAE9B,KAAK,EAAyB,QAC5B,OAAO,kBAAA,GAAA,CAAI,CAAA;EACb,KAAK,EAAyB;EAC9B,SACE,OAAO,kBAAC,GAAD,CAAqB,CAAA;CAChC;AACF"}

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,EAAU,EAOC,KAAqC,EAChD,aACA,mCAGE,kBAAC,EAA0B,UAA3B;CAAoC,OAAO;CACxC;CACkC,CAAA;AAIzC,SAAgB,IAA8D;CAC5E,IAAM,IAAU,EAAW,EAA0B;AACrD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,+EACD;AAEH,QAAO;;AAGT,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\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"}

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        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 {\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        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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"}

package/dist/components/QueryWrapper/QueryWrapper.js

@@ -4,50 +4,50 @@ import { ConfirmationDialog as n } from "../ConfirmationDialog/ConfirmationDialo
 import "../ConfirmationDialog/index.js";
 import { QueryContextProvider as ee } from "../QueryContext/QueryContext.js";
 import te from "../../utils/hooks/useImmutableTableQuery/useImmutableTableQuery.js";
-import { useTableQueryUseQueryOptions as ne } from "./TableQueryUseQueryOptions.js";
-import { isRowSelectionUIFloatingAtom as r, isRowSelectionVisibleAtom as i, rowSelectionPrimaryKeyAtom as a, selectedRowsAtom as o, useHasSelectedRowsAtomValue as s } from "./TableRowSelectionState.js";
-import c from "./useComputeRowSelectionPrimaryKey.js";
-import l from "./useHasFacetedSelectColumn.js";
-import u from "./useOnQueryDataChange.js";
-import { useCallback as d, useEffect as f, useMemo as p } from "react";
-import { jsx as m, jsxs as re } from "react/jsx-runtime";
-import { useDeepCompareMemoize as ie } from "use-deep-compare-effect";
-import { Provider as h, useSetAtom as g } from "jotai";
-import _ from "lodash-es/noop";
+import { useTableQueryUseQueryOptions as r } from "./TableQueryUseQueryOptions.js";
+import { isRowSelectionUIFloatingAtom as i, isRowSelectionVisibleAtom as a, rowSelectionPrimaryKeyAtom as o, selectedRowsAtom as s, useHasSelectedRowsAtomValue as c } from "./TableRowSelectionState.js";
+import l from "./useComputeRowSelectionPrimaryKey.js";
+import u from "./useHasFacetedSelectColumn.js";
+import d from "./useOnQueryDataChange.js";
+import { useCallback as f, useEffect as p, useMemo as m } from "react";
+import { jsx as h, jsxs as ne } from "react/jsx-runtime";
+import { useDeepCompareMemoize as re } from "use-deep-compare-effect";
+import ie from "lodash-es/noop";
+import { Provider as g, useSetAtom as _ } from "jotai";
 //#region src/components/QueryWrapper/QueryWrapper.tsx
 function v(t) {
-	return /* @__PURE__ */ m(e, { children: /* @__PURE__ */ m(y, { ...t }) });
+	return /* @__PURE__ */ h(e, { children: /* @__PURE__ */ h(y, { ...t }) });
 }
 function y(e) {
-	let { initQueryRequest: h, onQueryChange: v, onQueryResultBundleChange: y = _, lockedColumn: b, componentIndex: x, shouldDeepLink: S, onViewSharingSettingsClicked: C, isRowSelectionVisible: w = !1, isRowSelectionUIFloating: T = !0, rowSelectionPrimaryKey: E, isInfinite: D = !1, combineRangeFacetConfig: O, fileIdColumnName: k, fileVersionColumnName: A, fileNameColumnName: j } = e, { entityId: M = "", versionNumber: N, getInitQueryRequest: P, getCurrentQueryRequest: F, setQuery: I, resetQuery: L, removeSelectedFacet: R, removeValueFromSelectedFacet: z, removeQueryFilter: ae, removeValueFromQueryFilter: B, onConfirmChange: V, isConfirmingChange: H, onCancelChange: U, nextQueryRequest: W, currentQueryRequest: G, addValueToSelectedFacet: K, setRangeFacetValue: q, resetDebounceTimer: J, currentPage: oe, goToPage: se, pageSize: ce, setPageSize: le } = te({
-		initQueryRequest: h,
+	let { initQueryRequest: g, onQueryChange: v, onQueryResultBundleChange: y = ie, lockedColumn: b, componentIndex: x, shouldDeepLink: S, onViewSharingSettingsClicked: C, isRowSelectionVisible: w = !1, isRowSelectionUIFloating: T = !0, rowSelectionPrimaryKey: E, isInfinite: D = !1, combineRangeFacetConfig: O, fileIdColumnName: k, fileVersionColumnName: A, fileNameColumnName: j } = e, { entityId: M = "", versionNumber: N, getInitQueryRequest: P, getCurrentQueryRequest: F, setQuery: I, resetQuery: L, removeSelectedFacet: R, removeValueFromSelectedFacet: z, removeQueryFilter: ae, removeValueFromQueryFilter: B, onConfirmChange: V, isConfirmingChange: H, onCancelChange: U, nextQueryRequest: W, currentQueryRequest: G, addValueToSelectedFacet: K, setRangeFacetValue: q, resetDebounceTimer: J, currentPage: oe, goToPage: se, pageSize: ce, setPageSize: le } = te({
+		initQueryRequest: g,
 		shouldDeepLink: S,
 		componentIndex: x,
 		onQueryChange: v,
-		requireConfirmationOnChange: s()
-	}), { rowDataQueryOptions: ue, rowDataInfiniteQueryOptions: de, queryMetadataQueryOptions: Y } = ne(p(() => F(), [F]), b), fe = l(Y), pe = p(() => t(F().query, b), [F, b]), X = g(i);
-	f(() => {
+		requireConfirmationOnChange: c()
+	}), { rowDataQueryOptions: ue, rowDataInfiniteQueryOptions: de, queryMetadataQueryOptions: Y } = r(m(() => F(), [F]), b), fe = u(Y), pe = m(() => t(F().query, b), [F, b]), X = _(a);
+	p(() => {
 		X(w);
 	}, [w, X]);
-	let Z = g(r);
-	f(() => {
+	let Z = _(i);
+	p(() => {
 		Z(T);
 	}, [T, Z]);
-	let Q = c({
+	let Q = l({
 		entityId: M,
 		versionNumber: N,
 		rowSelectionPrimaryKeyFromProps: E,
 		queryMetadataQueryOptions: Y
-	}), $ = g(a);
-	f(() => {
+	}), $ = _(o);
+	p(() => {
 		$(Q);
 	}, [Q, $]);
-	let me = g(o), he = d((e) => y(JSON.stringify(e)), [y]);
-	u({
+	let me = _(s), he = f((e) => y(JSON.stringify(e)), [y]);
+	d({
 		queryBundleRequest: F(),
 		onChange: he
 	});
-	let ge = ie({
+	let ge = re({
 		isInfinite: D,
 		entityId: M,
 		versionNumber: N,
@@ -80,9 +80,9 @@ function y(e) {
 		fileVersionColumnName: A,
 		fileNameColumnName: j
 	}), { children: _e } = e;
-	return /* @__PURE__ */ re(ee, {
+	return /* @__PURE__ */ ne(ee, {
 		queryContext: ge,
-		children: [/* @__PURE__ */ m(n, {
+		children: [/* @__PURE__ */ h(n, {
 			open: H,
 			title: "Change Query and Clear Selection?",
 			content: "Changing the current query will cause your current selection to be lost. Are you sure you want to proceed?",
@@ -97,7 +97,7 @@ function y(e) {
 	});
 }
 function b(e) {
-	return /* @__PURE__ */ m(h, { children: /* @__PURE__ */ m(v, { ...e }) });
+	return /* @__PURE__ */ h(g, { children: /* @__PURE__ */ h(v, { ...e }) });
 }
 //#endregion
 export { b as QueryWrapper };

package/dist/components/QueryWrapper/QueryWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapper.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapper.tsx"],"sourcesContent":["import { LockedColumn } from '@/utils/types/LockedColumn'\nimport { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider, useSetAtom } from 'jotai'\nimport noop from 'lodash-es/noop'\nimport { PropsWithChildren, useCallback, useEffect, useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport {\n  CombineRangeFacetConfig,\n  QueryContextProvider,\n  QueryContextType,\n} from '../QueryContext/QueryContext'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport {\n  isRowSelectionUIFloatingAtom,\n  isRowSelectionVisibleAtom,\n  rowSelectionPrimaryKeyAtom,\n  selectedRowsAtom,\n  useHasSelectedRowsAtomValue,\n} from './TableRowSelectionState'\nimport useComputeRowSelectionPrimaryKey from './useComputeRowSelectionPrimaryKey'\nimport useHasFacetedSelectColumn from './useHasFacetedSelectColumn'\nimport useOnQueryDataChange from './useOnQueryDataChange'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\n\nexport type QueryWrapperProps = PropsWithChildren<{\n  initQueryRequest: QueryBundleRequest\n  componentIndex?: number //used for deep linking\n  shouldDeepLink?: boolean\n  onQueryChange?: (newQueryJson: string) => void\n  /** Called when the query result rows change */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  lockedColumn?: LockedColumn\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\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  /** By default, the row selection UI will float at the bottom of the viewport.  Set to false to make it inline */\n  isRowSelectionUIFloating?: boolean\n  isInfinite?: boolean\n  combineRangeFacetConfig?: CombineRangeFacetConfig\n  /** If provided, will use the value in this column instead of the rowID for the access column, download column, etc */\n  fileIdColumnName?: string\n  fileNameColumnName?: string\n  /** If provided, will use the value in this column instead of the row version number for the access column, download column, etc */\n  fileVersionColumnName?: string\n}>\n\n/**\n * Component that manages the state of a Synapse table query. Data can be accessed via QueryContext using\n * either `useQueryContext` or `QueryContextConsumer`.\n */\nfunction QueryWrapperInternal(props: QueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <QueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\n/**\n * Internal component that renders after session is initialized\n */\nfunction QueryWrapperInternalWithSession(props: QueryWrapperProps) {\n  const {\n    initQueryRequest,\n    onQueryChange,\n    onQueryResultBundleChange = noop,\n    lockedColumn,\n    componentIndex,\n    shouldDeepLink,\n    onViewSharingSettingsClicked,\n    isRowSelectionVisible: isRowSelectionVisibleFromProps = false,\n    isRowSelectionUIFloating: isRowSelectionUIFloatingFromProps = true,\n    rowSelectionPrimaryKey: rowSelectionPrimaryKeyFromProps,\n    isInfinite = false,\n    combineRangeFacetConfig,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  } = props\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    shouldDeepLink,\n    componentIndex,\n    onQueryChange,\n    requireConfirmationOnChange: hasSelectedRows,\n  })\n  const {\n    entityId = '',\n    versionNumber,\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onConfirmChange,\n    isConfirmingChange,\n    onCancelChange,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  const lastQueryRequest = useMemo(() => {\n    return getCurrentQueryRequest()\n  }, [getCurrentQueryRequest])\n\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useTableQueryUseQueryOptions(lastQueryRequest, lockedColumn)\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, lockedColumn)\n  }, [getCurrentQueryRequest, lockedColumn])\n\n  const setIsRowSelectionVisible = useSetAtom(isRowSelectionVisibleAtom)\n  useEffect(() => {\n    setIsRowSelectionVisible(isRowSelectionVisibleFromProps)\n  }, [isRowSelectionVisibleFromProps, setIsRowSelectionVisible])\n\n  const setIsRowSelectionUIFloating = useSetAtom(isRowSelectionUIFloatingAtom)\n  useEffect(() => {\n    setIsRowSelectionUIFloating(isRowSelectionUIFloatingFromProps)\n  }, [isRowSelectionUIFloatingFromProps, setIsRowSelectionUIFloating])\n\n  const rowSelectionPrimaryKey = useComputeRowSelectionPrimaryKey({\n    entityId,\n    versionNumber,\n    rowSelectionPrimaryKeyFromProps,\n    queryMetadataQueryOptions,\n  })\n  const setRowSelectionPrimaryKey = useSetAtom(rowSelectionPrimaryKeyAtom)\n  useEffect(() => {\n    setRowSelectionPrimaryKey(rowSelectionPrimaryKey)\n  }, [rowSelectionPrimaryKey, setRowSelectionPrimaryKey])\n\n  const setSelectedRows = useSetAtom(selectedRowsAtom)\n  const onChangeCallback = useCallback(\n    (data: QueryResultBundle) =>\n      onQueryResultBundleChange(JSON.stringify(data)),\n    [onQueryResultBundleChange],\n  )\n  // Track changes to the query row data and propagate to callback\n  useOnQueryDataChange({\n    queryBundleRequest: getCurrentQueryRequest(),\n    onChange: onChangeCallback,\n  })\n\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId,\n    versionNumber,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest: getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  })\n\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryContextProvider queryContext={context}>\n      <ConfirmationDialog\n        open={isConfirmingChange}\n        title={'Change Query and Clear Selection?'}\n        content={\n          'Changing the current query will cause your current selection to be lost. Are you sure you want to proceed?'\n        }\n        confirmButtonProps={{\n          children: 'Clear Selection and Update Query',\n        }}\n        onConfirm={() => {\n          setSelectedRows([])\n          onConfirmChange()\n        }}\n        onCancel={() => {\n          onCancelChange()\n        }}\n      />\n      {children}\n    </QueryContextProvider>\n  )\n}\n\nexport function QueryWrapper(props: QueryWrapperProps) {\n  // Wrap in a Jotai provider to ensure the Jotai atomic state is unique to this component tree\n  // i.e. other instances of QueryWrapper will not share state with this instance\n  return (\n    <Provider>\n      <QueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2DA,SAAS,EAAqB,GAA0B;AACtD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAiC,GAAI,GAAS,CAAA,EACtB,CAAA;;AAO9B,SAAS,EAAgC,GAA0B;CACjE,IAAM,EACJ,qBACA,kBACA,+BAA4B,GAC5B,iBACA,mBACA,mBACA,iCACA,uBAAuB,IAAiC,IACxD,0BAA0B,IAAoC,IAC9D,wBAAwB,GACxB,gBAAa,IACb,4BACA,qBACA,0BACA,0BACE,GAWE,EACJ,cAAW,IACX,kBACA,wBACA,2BACA,aACA,eACA,wBACA,iCACA,uBACA,+BACA,oBACA,uBACA,mBACA,qBACA,wBACA,4BACA,uBACA,uBACA,iBACA,cACA,cACA,oBA7BgC,GAAuB;EACvD;EACA;EACA;EACA;EACA,6BAPsB,GAOO;EAC9B,CAwBG,EAME,EACJ,yBACA,iCACA,iCACE,GARqB,QAChB,GAAwB,EAC9B,CAAC,EAAuB,CAMM,EAAkB,EAAa,EAE1D,KAAyB,EAC7B,EACD,EAEK,KAAuB,QAEpB,EADS,GACgB,CAAQ,OAAO,EAAa,EAC3D,CAAC,GAAwB,EAAa,CAAC,EAEpC,IAA2B,EAAW,EAA0B;AACtE,SAAgB;AACd,IAAyB,EAA+B;IACvD,CAAC,GAAgC,EAAyB,CAAC;CAE9D,IAAM,IAA8B,EAAW,EAA6B;AAC5E,SAAgB;AACd,IAA4B,EAAkC;IAC7D,CAAC,GAAmC,EAA4B,CAAC;CAEpE,IAAM,IAAyB,EAAiC;EAC9D;EACA;EACA;EACA;EACD,CAAC,EACI,IAA4B,EAAW,EAA2B;AACxE,SAAgB;AACd,IAA0B,EAAuB;IAChD,CAAC,GAAwB,EAA0B,CAAC;CAEvD,IAAM,KAAkB,EAAW,EAAiB,EAC9C,KAAmB,GACtB,MACC,EAA0B,KAAK,UAAU,EAAK,CAAC,EACjD,CAAC,EAA0B,CAC5B;AAED,GAAqB;EACnB,oBAAoB,GAAwB;EAC5C,UAAU;EACX,CAAC;CAEF,IAAM,KAA4B,GAAsB;EACtD;EACA;EACA;EACA;EACA;EACwB;EACxB;EACA,qBAAqB;EACrB;EACA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAKI,EAAE,iBAAa;AACrB,QACE,mBAAC,IAAD;EAAsB,cAAc;YAApC,CACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SACE;GAEF,oBAAoB,EAClB,UAAU,oCACX;GACD,iBAAiB;AAEf,IADA,GAAgB,EAAE,CAAC,EACnB,GAAiB;;GAEnB,gBAAgB;AACd,OAAgB;;GAElB,CAAA,EACD,GACoB;;;AAI3B,SAAgB,EAAa,GAA0B;AAGrD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,GAAI,GAAS,CAAA,EAC1B,CAAA"}
+{"version":3,"file":"QueryWrapper.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapper.tsx"],"sourcesContent":["import { LockedColumn } from '@/utils/types/LockedColumn'\nimport { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider, useSetAtom } from 'jotai'\nimport noop from 'lodash-es/noop'\nimport { PropsWithChildren, useCallback, useEffect, useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport {\n  CombineRangeFacetConfig,\n  QueryContextProvider,\n  QueryContextType,\n} from '../QueryContext/QueryContext'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport {\n  isRowSelectionUIFloatingAtom,\n  isRowSelectionVisibleAtom,\n  rowSelectionPrimaryKeyAtom,\n  selectedRowsAtom,\n  useHasSelectedRowsAtomValue,\n} from './TableRowSelectionState'\nimport useComputeRowSelectionPrimaryKey from './useComputeRowSelectionPrimaryKey'\nimport useHasFacetedSelectColumn from './useHasFacetedSelectColumn'\nimport useOnQueryDataChange from './useOnQueryDataChange'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\n\nexport type QueryWrapperProps = PropsWithChildren<{\n  initQueryRequest: QueryBundleRequest\n  componentIndex?: number //used for deep linking\n  shouldDeepLink?: boolean\n  onQueryChange?: (newQueryJson: string) => void\n  /** Called when the query result rows change */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  lockedColumn?: LockedColumn\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\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  /** By default, the row selection UI will float at the bottom of the viewport.  Set to false to make it inline */\n  isRowSelectionUIFloating?: boolean\n  isInfinite?: boolean\n  combineRangeFacetConfig?: CombineRangeFacetConfig\n  /** If provided, will use the value in this column instead of the rowID for the access column, download column, etc */\n  fileIdColumnName?: string\n  fileNameColumnName?: string\n  /** If provided, will use the value in this column instead of the row version number for the access column, download column, etc */\n  fileVersionColumnName?: string\n}>\n\n/**\n * Component that manages the state of a Synapse table query. Data can be accessed via QueryContext using\n * either `useQueryContext` or `QueryContextConsumer`.\n */\nfunction QueryWrapperInternal(props: QueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <QueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\n/**\n * Internal component that renders after session is initialized\n */\nfunction QueryWrapperInternalWithSession(props: QueryWrapperProps) {\n  const {\n    initQueryRequest,\n    onQueryChange,\n    onQueryResultBundleChange = noop,\n    lockedColumn,\n    componentIndex,\n    shouldDeepLink,\n    onViewSharingSettingsClicked,\n    isRowSelectionVisible: isRowSelectionVisibleFromProps = false,\n    isRowSelectionUIFloating: isRowSelectionUIFloatingFromProps = true,\n    rowSelectionPrimaryKey: rowSelectionPrimaryKeyFromProps,\n    isInfinite = false,\n    combineRangeFacetConfig,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  } = props\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    shouldDeepLink,\n    componentIndex,\n    onQueryChange,\n    requireConfirmationOnChange: hasSelectedRows,\n  })\n  const {\n    entityId = '',\n    versionNumber,\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onConfirmChange,\n    isConfirmingChange,\n    onCancelChange,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  const lastQueryRequest = useMemo(() => {\n    return getCurrentQueryRequest()\n  }, [getCurrentQueryRequest])\n\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useTableQueryUseQueryOptions(lastQueryRequest, lockedColumn)\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, lockedColumn)\n  }, [getCurrentQueryRequest, lockedColumn])\n\n  const setIsRowSelectionVisible = useSetAtom(isRowSelectionVisibleAtom)\n  useEffect(() => {\n    setIsRowSelectionVisible(isRowSelectionVisibleFromProps)\n  }, [isRowSelectionVisibleFromProps, setIsRowSelectionVisible])\n\n  const setIsRowSelectionUIFloating = useSetAtom(isRowSelectionUIFloatingAtom)\n  useEffect(() => {\n    setIsRowSelectionUIFloating(isRowSelectionUIFloatingFromProps)\n  }, [isRowSelectionUIFloatingFromProps, setIsRowSelectionUIFloating])\n\n  const rowSelectionPrimaryKey = useComputeRowSelectionPrimaryKey({\n    entityId,\n    versionNumber,\n    rowSelectionPrimaryKeyFromProps,\n    queryMetadataQueryOptions,\n  })\n  const setRowSelectionPrimaryKey = useSetAtom(rowSelectionPrimaryKeyAtom)\n  useEffect(() => {\n    setRowSelectionPrimaryKey(rowSelectionPrimaryKey)\n  }, [rowSelectionPrimaryKey, setRowSelectionPrimaryKey])\n\n  const setSelectedRows = useSetAtom(selectedRowsAtom)\n  const onChangeCallback = useCallback(\n    (data: QueryResultBundle) =>\n      onQueryResultBundleChange(JSON.stringify(data)),\n    [onQueryResultBundleChange],\n  )\n  // Track changes to the query row data and propagate to callback\n  useOnQueryDataChange({\n    queryBundleRequest: getCurrentQueryRequest(),\n    onChange: onChangeCallback,\n  })\n\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId,\n    versionNumber,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest: getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  })\n\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryContextProvider queryContext={context}>\n      <ConfirmationDialog\n        open={isConfirmingChange}\n        title={'Change Query and Clear Selection?'}\n        content={\n          'Changing the current query will cause your current selection to be lost. Are you sure you want to proceed?'\n        }\n        confirmButtonProps={{\n          children: 'Clear Selection and Update Query',\n        }}\n        onConfirm={() => {\n          setSelectedRows([])\n          onConfirmChange()\n        }}\n        onCancel={() => {\n          onCancelChange()\n        }}\n      />\n      {children}\n    </QueryContextProvider>\n  )\n}\n\nexport function QueryWrapper(props: QueryWrapperProps) {\n  // Wrap in a Jotai provider to ensure the Jotai atomic state is unique to this component tree\n  // i.e. other instances of QueryWrapper will not share state with this instance\n  return (\n    <Provider>\n      <QueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2DA,SAAS,EAAqB,GAA0B;CACtD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAiC,GAAI,EAAQ,CAAA,EACtB,CAAA;AAE7B;AAKA,SAAS,EAAgC,GAA0B;CACjE,IAAM,EACJ,qBACA,kBACA,+BAA4B,IAC5B,iBACA,mBACA,mBACA,iCACA,uBAAuB,IAAiC,IACxD,0BAA0B,IAAoC,IAC9D,wBAAwB,GACxB,gBAAa,IACb,4BACA,qBACA,0BACA,0BACE,GAWE,EACJ,cAAW,IACX,kBACA,wBACA,2BACA,aACA,eACA,wBACA,iCACA,uBACA,+BACA,oBACA,uBACA,mBACA,qBACA,wBACA,4BACA,uBACA,uBACA,iBACA,cACA,cACA,oBA7BgC,GAAuB;EACvD;EACA;EACA;EACA;EACA,6BAPsB,EAOO;CAC/B,CAwBI,GAME,EACJ,yBACA,iCACA,iCACE,EARqB,QAChB,EAAuB,GAC7B,CAAC,CAAsB,CAMO,GAAkB,CAAY,GAEzD,KAAyB,EAC7B,CACF,GAEM,KAAuB,QAEpB,EADS,EACgB,EAAQ,OAAO,CAAY,GAC1D,CAAC,GAAwB,CAAY,CAAC,GAEnC,IAA2B,EAAW,CAAyB;CACrE,QAAgB;EACd,EAAyB,CAA8B;CACzD,GAAG,CAAC,GAAgC,CAAwB,CAAC;CAE7D,IAAM,IAA8B,EAAW,CAA4B;CAC3E,QAAgB;EACd,EAA4B,CAAiC;CAC/D,GAAG,CAAC,GAAmC,CAA2B,CAAC;CAEnE,IAAM,IAAyB,EAAiC;EAC9D;EACA;EACA;EACA;CACF,CAAC,GACK,IAA4B,EAAW,CAA0B;CACvE,QAAgB;EACd,EAA0B,CAAsB;CAClD,GAAG,CAAC,GAAwB,CAAyB,CAAC;CAEtD,IAAM,KAAkB,EAAW,CAAgB,GAC7C,KAAmB,GACtB,MACC,EAA0B,KAAK,UAAU,CAAI,CAAC,GAChD,CAAC,CAAyB,CAC5B;CAEA,EAAqB;EACnB,oBAAoB,EAAuB;EAC3C,UAAU;CACZ,CAAC;CAED,IAAM,KAA4B,GAAsB;EACtD;EACA;EACA;EACA;EACA;EACwB;EACxB;EACA,qBAAqB;EACrB;EACA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAKK,EAAE,iBAAa;CACrB,OACE,mBAAC,IAAD;EAAsB,cAAc;YAApC,CACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SACE;GAEF,oBAAoB,EAClB,UAAU,mCACZ;GACA,iBAAiB;IAEf,AADA,GAAgB,CAAC,CAAC,GAClB,EAAgB;GAClB;GACA,gBAAgB;IACd,EAAe;GACjB;EACD,CAAA,GACA,EACmB;;AAE1B;AAEA,SAAgB,EAAa,GAA0B;CAGrD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,GAAI,EAAQ,CAAA,EAC1B,CAAA;AAEd"}

package/dist/components/QueryWrapper/QueryWrapperLoadingScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperLoadingScreen.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapperLoadingScreen.tsx"],"sourcesContent":["import { Box, LinearProgress, Typography } from '@mui/material'\n\ntype QueryWrapperLoadingScreenProps = { progressMessage?: string }\n\nexport default function QueryWrapperLoadingScreen(\n  props: QueryWrapperLoadingScreenProps,\n) {\n  const { progressMessage } = props\n  return (\n    <Box sx={{ my: 7.5, mx: 15 }}>\n      <LinearProgress />\n      {progressMessage && (\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            color: 'grey.600',\n            fontSize: '10px',\n            textAlign: 'center',\n            my: 1,\n          }}\n        >\n          {progressMessage}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB;AAC5B,QACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAK,IAAI;GAAI;YAA5B,CACE,kBAAC,GAAD,EAAkB,CAAA,EACjB,KACC,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,OAAO;IACP,UAAU;IACV,WAAW;IACX,IAAI;IACL;aAEA;GACU,CAAA,CAEX"}
+{"version":3,"file":"QueryWrapperLoadingScreen.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapperLoadingScreen.tsx"],"sourcesContent":["import { Box, LinearProgress, Typography } from '@mui/material'\n\ntype QueryWrapperLoadingScreenProps = { progressMessage?: string }\n\nexport default function QueryWrapperLoadingScreen(\n  props: QueryWrapperLoadingScreenProps,\n) {\n  const { progressMessage } = props\n  return (\n    <Box sx={{ my: 7.5, mx: 15 }}>\n      <LinearProgress />\n      {progressMessage && (\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            color: 'grey.600',\n            fontSize: '10px',\n            textAlign: 'center',\n            my: 1,\n          }}\n        >\n          {progressMessage}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB;CAC5B,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAK,IAAI;EAAG;YAA3B,CACE,kBAAC,GAAD,CAAiB,CAAA,GAChB,KACC,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,OAAO;IACP,UAAU;IACV,WAAW;IACX,IAAI;GACN;aAEC;EACS,CAAA,CAEX;;AAET"}

package/dist/components/QueryWrapper/TableQueryUseQueryOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/QueryWrapper/TableQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport {\n  getInfiniteQueryResultBundleOptions,\n  KeyFactory,\n  tableQueryUseQueryDefaults,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  partitionQueryBundleRequestIntoRowsAndMetadata,\n  removeLockedColumnFromFacetData,\n} from '@/utils/functions/queryUtils'\nimport { LockedColumn } from '@/utils/types/LockedColumn'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport { useMemo } from 'react'\n\nexport type TableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn: LockedColumn | undefined,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n) {\n  const { rowDataRequest, queryMetadataRequest } =\n    partitionQueryBundleRequestIntoRowsAndMetadata(queryBundleRequest)\n  const rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        rowDataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(rowDataRequest, accessToken),\n      select: data => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...getInfiniteQueryResultBundleOptions(\n        rowDataRequest,\n        keyFactory,\n        accessToken,\n      ),\n    }\n\n  const queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        queryMetadataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(\n          queryMetadataRequest,\n          accessToken,\n        ),\n\n      select: data =>\n        omit(\n          removeLockedColumnFromFacetData(data.responseBody, lockedColumn),\n          'queryResults',\n        ),\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Return the UseQueryOptions used to retrieve a table query's row data and query metadata.\n * @param queryBundleRequest\n * @param lockedColumn - remove a particular facet name (e.g. study) and all possible values based on the parameter\n * specified in the url this is to remove the facet from the charts, search and filter.\n */\nexport function useTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn?: LockedColumn,\n): TableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  return useMemo(\n    () =>\n      getTableQueryUseQueryOptions(\n        queryBundleRequest,\n        lockedColumn,\n        keyFactory,\n        accessToken,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, lockedColumn],\n  )\n}\n"],"mappings":";;;;;;;;AAkDA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,EAAE,mBAAgB,4BACtB,EAA+C,EAAmB;AA0CpE,QAAO;EACL,qBAAA;GAxCE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,GACD;GACD,eACE,EAA2C,GAAgB,EAAY;GACzE,SAAQ,MAAQ,EAAK,cAAc,aAAa;GAiClD;EACA,6BAAA,EA7BE,GAAG,EACD,GACA,GACA,EACD,EAyBH;EACA,2BAAA;GArBE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,GACD;GACD,eACE,EACE,GACA,EACD;GAEH,SAAQ,MACN,EACE,EAAgC,EAAK,cAAc,EAAa,EAChE,eACD;GAML;EACD;;AASH,SAAgB,EACd,GACA,GAC2B;CAC3B,IAAM,EAAE,eAAY,mBAAgB,GAAmB;AAEvD,QAAO,QAEH,EACE,GACA,GACA,GACA,EACD,EACH;EAAC;EAAY;EAAa;EAAoB;EAAa,CAC5D"}
+{"version":3,"file":"TableQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/QueryWrapper/TableQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport {\n  getInfiniteQueryResultBundleOptions,\n  KeyFactory,\n  tableQueryUseQueryDefaults,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  partitionQueryBundleRequestIntoRowsAndMetadata,\n  removeLockedColumnFromFacetData,\n} from '@/utils/functions/queryUtils'\nimport { LockedColumn } from '@/utils/types/LockedColumn'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport { useMemo } from 'react'\n\nexport type TableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn: LockedColumn | undefined,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n) {\n  const { rowDataRequest, queryMetadataRequest } =\n    partitionQueryBundleRequestIntoRowsAndMetadata(queryBundleRequest)\n  const rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        rowDataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(rowDataRequest, accessToken),\n      select: data => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...getInfiniteQueryResultBundleOptions(\n        rowDataRequest,\n        keyFactory,\n        accessToken,\n      ),\n    }\n\n  const queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        queryMetadataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(\n          queryMetadataRequest,\n          accessToken,\n        ),\n\n      select: data =>\n        omit(\n          removeLockedColumnFromFacetData(data.responseBody, lockedColumn),\n          'queryResults',\n        ),\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Return the UseQueryOptions used to retrieve a table query's row data and query metadata.\n * @param queryBundleRequest\n * @param lockedColumn - remove a particular facet name (e.g. study) and all possible values based on the parameter\n * specified in the url this is to remove the facet from the charts, search and filter.\n */\nexport function useTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn?: LockedColumn,\n): TableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  return useMemo(\n    () =>\n      getTableQueryUseQueryOptions(\n        queryBundleRequest,\n        lockedColumn,\n        keyFactory,\n        accessToken,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, lockedColumn],\n  )\n}\n"],"mappings":";;;;;;;;AAkDA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,EAAE,mBAAgB,4BACtB,EAA+C,CAAkB;CA0CnE,OAAO;EACL,qBAAA;GAxCE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,EACF;GACA,eACE,EAA2C,GAAgB,CAAW;GACxE,SAAQ,MAAQ,EAAK,cAAc,aAAa;EAiClD;EACA,6BAAA,EA7BE,GAAG,EACD,GACA,GACA,CACF,EAyBF;EACA,2BAAA;GArBE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,EACF;GACA,eACE,EACE,GACA,CACF;GAEF,SAAQ,MACN,EACE,EAAgC,EAAK,cAAc,CAAY,GAC/D,cACF;EAMJ;CACF;AACF;AAQA,SAAgB,EACd,GACA,GAC2B;CAC3B,IAAM,EAAE,eAAY,mBAAgB,EAAkB;CAEtD,OAAO,QAEH,EACE,GACA,GACA,GACA,CACF,GACF;EAAC;EAAY;EAAa;EAAoB;CAAY,CAC5D;AACF"}

package/dist/components/QueryWrapper/TableRowSelectionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowSelectionState.js","names":[],"sources":["../../../src/components/QueryWrapper/TableRowSelectionState.ts"],"sourcesContent":["import { Row, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { atom, useAtomValue } from 'jotai'\nimport { isEqual } from 'lodash-es'\n\nexport function getRowSelectionEqualityComparator(\n  row: Row,\n  selectColumns?: SelectColumn[],\n  rowSelectionPrimaryKey?: string[],\n): (r1: Row, r2: Row) => boolean {\n  // Worst-case scenario, use deep equality to compare rows\n  // This will fail from the user's perspective if any data changes in the rows since the last time the selection was updated.\n  let comparator: (r1: Row, r2: Row) => boolean = isEqual\n  if (rowSelectionPrimaryKey && selectColumns) {\n    // If the `rowSelectionPrimaryKey` is defined, a row is selected if we have a PK match\n    // Even this selection is not guaranteed to persist if data changes, e.g. if column order changes and the PK now has a different column index\n    comparator = (r1: Row, r2: Row) => {\n      const r1PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r1.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      const r2PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r2.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      return isEqual(r1PrimaryKeyValues, r2PrimaryKeyValues)\n    }\n  } else if (row.rowId) {\n    // If there's a rowId, we can use that as a fallback\n    comparator = (r1: Row, r2: Row) => r1.rowId === r2.rowId\n  }\n\n  return comparator\n}\n\n/**\n * Use Jotai atoms to manage table row selection state. We use Jotai instead of React context because subscribing to atoms\n * is more performant than subscribing to a frequently-changing context object, which causes undesirable re-renders.\n */\n\n/**\n * Whether row selection is visible for the current component\n */\nexport const isRowSelectionVisibleAtom = atom<boolean>(false)\n\n/**\n * Whether row selection UI should float or be shown inline\n */\nexport const isRowSelectionUIFloatingAtom = atom<boolean>(true)\n\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport const rowSelectionPrimaryKeyAtom = atom<string[] | undefined>(undefined)\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport function useRowSelectionPrimaryKeyAtomValue() {\n  return useAtomValue(rowSelectionPrimaryKeyAtom)\n}\n\n/**\n * The set of selected rows\n */\nexport const selectedRowsAtom = atom<Row[]>([])\n/**\n * The set of selected rows\n */\nexport function useSelectedRowsAtomValue() {\n  return useAtomValue(selectedRowsAtom)\n}\n\n/**\n * Can be used to determine if a row is selected. If a `rowSelectionPrimaryKey` is defined, then the row is selected if it has a matching PK.\n */\nexport const isRowSelectedAtom = atom(\n  get => (row: Row, selectColumns: SelectColumn[]) => {\n    const comparator = getRowSelectionEqualityComparator(\n      row,\n      selectColumns,\n      get(rowSelectionPrimaryKeyAtom),\n    )\n    return get(selectedRowsAtom).some(selectedRow =>\n      comparator(selectedRow, row),\n    )\n  },\n)\n\n/**\n * Whether rows are currently selected\n */\nexport const hasSelectedRowsAtom = atom(get => get(selectedRowsAtom).length > 0)\n/**\n * Whether rows are currently selected\n */\nexport function useHasSelectedRowsAtomValue() {\n  return useAtomValue(hasSelectedRowsAtom)\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA,GACA,GAC+B;CAG/B,IAAI,IAA4C;AAkBhD,QAjBI,KAA0B,IAG5B,KAAc,GAAS,MAOd,EANoB,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,EAAI,EAKlD,EAHY,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,EAAI,EAE9B,CAAmB,GAE/C,EAAI,UAEb,KAAc,GAAS,MAAY,EAAG,UAAU,EAAG,QAG9C;;AAWT,IAAa,IAA4B,EAAc,GAAM,EAKhD,IAA+B,EAAc,GAAK,EAKlD,IAA6B,EAA2B,KAAA,EAAU;AAI/E,SAAgB,IAAqC;AACnD,QAAO,EAAa,EAA2B;;AAMjD,IAAa,IAAmB,EAAY,EAAE,CAAC;AAI/C,SAAgB,IAA2B;AACzC,QAAO,EAAa,EAAiB;;AAMvC,IAAa,IAAoB,GAC/B,OAAQ,GAAU,MAAkC;CAClD,IAAM,IAAa,EACjB,GACA,GACA,EAAI,EAA2B,CAChC;AACD,QAAO,EAAI,EAAiB,CAAC,MAAK,MAChC,EAAW,GAAa,EAAI,CAC7B;EAEJ,EAKY,IAAsB,GAAK,MAAO,EAAI,EAAiB,CAAC,SAAS,EAAE;AAIhF,SAAgB,IAA8B;AAC5C,QAAO,EAAa,EAAoB"}
+{"version":3,"file":"TableRowSelectionState.js","names":[],"sources":["../../../src/components/QueryWrapper/TableRowSelectionState.ts"],"sourcesContent":["import { Row, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { atom, useAtomValue } from 'jotai'\nimport { isEqual } from 'lodash-es'\n\nexport function getRowSelectionEqualityComparator(\n  row: Row,\n  selectColumns?: SelectColumn[],\n  rowSelectionPrimaryKey?: string[],\n): (r1: Row, r2: Row) => boolean {\n  // Worst-case scenario, use deep equality to compare rows\n  // This will fail from the user's perspective if any data changes in the rows since the last time the selection was updated.\n  let comparator: (r1: Row, r2: Row) => boolean = isEqual\n  if (rowSelectionPrimaryKey && selectColumns) {\n    // If the `rowSelectionPrimaryKey` is defined, a row is selected if we have a PK match\n    // Even this selection is not guaranteed to persist if data changes, e.g. if column order changes and the PK now has a different column index\n    comparator = (r1: Row, r2: Row) => {\n      const r1PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r1.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      const r2PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r2.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      return isEqual(r1PrimaryKeyValues, r2PrimaryKeyValues)\n    }\n  } else if (row.rowId) {\n    // If there's a rowId, we can use that as a fallback\n    comparator = (r1: Row, r2: Row) => r1.rowId === r2.rowId\n  }\n\n  return comparator\n}\n\n/**\n * Use Jotai atoms to manage table row selection state. We use Jotai instead of React context because subscribing to atoms\n * is more performant than subscribing to a frequently-changing context object, which causes undesirable re-renders.\n */\n\n/**\n * Whether row selection is visible for the current component\n */\nexport const isRowSelectionVisibleAtom = atom<boolean>(false)\n\n/**\n * Whether row selection UI should float or be shown inline\n */\nexport const isRowSelectionUIFloatingAtom = atom<boolean>(true)\n\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport const rowSelectionPrimaryKeyAtom = atom<string[] | undefined>(undefined)\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport function useRowSelectionPrimaryKeyAtomValue() {\n  return useAtomValue(rowSelectionPrimaryKeyAtom)\n}\n\n/**\n * The set of selected rows\n */\nexport const selectedRowsAtom = atom<Row[]>([])\n/**\n * The set of selected rows\n */\nexport function useSelectedRowsAtomValue() {\n  return useAtomValue(selectedRowsAtom)\n}\n\n/**\n * Can be used to determine if a row is selected. If a `rowSelectionPrimaryKey` is defined, then the row is selected if it has a matching PK.\n */\nexport const isRowSelectedAtom = atom(\n  get => (row: Row, selectColumns: SelectColumn[]) => {\n    const comparator = getRowSelectionEqualityComparator(\n      row,\n      selectColumns,\n      get(rowSelectionPrimaryKeyAtom),\n    )\n    return get(selectedRowsAtom).some(selectedRow =>\n      comparator(selectedRow, row),\n    )\n  },\n)\n\n/**\n * Whether rows are currently selected\n */\nexport const hasSelectedRowsAtom = atom(get => get(selectedRowsAtom).length > 0)\n/**\n * Whether rows are currently selected\n */\nexport function useHasSelectedRowsAtomValue() {\n  return useAtomValue(hasSelectedRowsAtom)\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA,GACA,GAC+B;CAG/B,IAAI,IAA4C;CAkBhD,OAjBI,KAA0B,IAG5B,KAAc,GAAS,MAOd,EANoB,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,CAAG,EAKjD,GAHY,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,CAAG,EAE7B,CAAkB,IAE9C,EAAI,UAEb,KAAc,GAAS,MAAY,EAAG,UAAU,EAAG,QAG9C;AACT;AAUA,IAAa,IAA4B,EAAc,EAAK,GAK/C,IAA+B,EAAc,EAAI,GAKjD,IAA6B,EAA2B,KAAA,CAAS;AAI9E,SAAgB,IAAqC;CACnD,OAAO,EAAa,CAA0B;AAChD;AAKA,IAAa,IAAmB,EAAY,CAAC,CAAC;AAI9C,SAAgB,IAA2B;CACzC,OAAO,EAAa,CAAgB;AACtC;AAKA,IAAa,IAAoB,GAC/B,OAAQ,GAAU,MAAkC;CAClD,IAAM,IAAa,EACjB,GACA,GACA,EAAI,CAA0B,CAChC;CACA,OAAO,EAAI,CAAgB,EAAE,MAAK,MAChC,EAAW,GAAa,CAAG,CAC7B;AACF,CACF,GAKa,IAAsB,GAAK,MAAO,EAAI,CAAgB,EAAE,SAAS,CAAC;AAI/E,SAAgB,IAA8B;CAC5C,OAAO,EAAa,CAAmB;AACzC"}

package/dist/components/QueryWrapper/ViewMoreQueryResultsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewMoreQueryResultsButton.js","names":[],"sources":["../../../src/components/QueryWrapper/ViewMoreQueryResultsButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { useIsBot } from '@/utils/hooks/useIsBot'\nimport { useSuspenseGetQueryMetadata } from './useGetQueryMetadata'\n\nexport type ViewMoreQueryResultsButtonProps = {\n  hasNextPage: boolean\n  fetchNextPage: () => void\n  isFetchingNextPage: boolean\n  initialLimit?: number\n  initialLimitIsApplied?: boolean\n  onRemoveInitialLimit?: () => void\n}\n\nexport function ViewMoreQueryResultsButton(\n  props: ViewMoreQueryResultsButtonProps,\n) {\n  const {\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    initialLimit,\n    initialLimitIsApplied,\n    onRemoveInitialLimit,\n  } = props\n  const {\n    data: { queryCount },\n  } = useSuspenseGetQueryMetadata()\n  const isBot = useIsBot()\n\n  useEffect(() => {\n    if (\n      initialLimitIsApplied &&\n      initialLimit != null &&\n      queryCount != null &&\n      onRemoveInitialLimit != null\n    ) {\n      if (initialLimit >= queryCount)\n        // The initial limit is not necessary, so remove it.\n        onRemoveInitialLimit()\n    }\n  }, [initialLimitIsApplied, initialLimit, queryCount, onRemoveInitialLimit])\n\n  // Automatically fetch all pages for bots\n  useEffect(() => {\n    if (isBot && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [isBot, hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const showViewMoreButton = initialLimitIsApplied || hasNextPage\n\n  if (!showViewMoreButton) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-start',\n      }}\n    >\n      <WideButton\n        variant=\"contained\"\n        color=\"secondary\"\n        size=\"large\"\n        onClick={() => {\n          if (initialLimitIsApplied && onRemoveInitialLimit != null) {\n            onRemoveInitialLimit()\n          } else {\n            void fetchNextPage()\n          }\n        }}\n        disabled={isFetchingNextPage}\n      >\n        {isFetchingNextPage ? <SynapseSpinner size={24} /> : 'View More'}\n      </WideButton>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,gBACA,kBACA,uBACA,iBACA,0BACA,4BACE,GACE,EACJ,MAAM,EAAE,oBACN,GAA6B,EAC3B,IAAQ,GAAU;AA4BxB,QA1BA,QAAgB;AACd,EACE,KACA,KAAgB,QAChB,KAAc,QACd,KAAwB,QAEpB,KAAgB,KAElB,GAAsB;IAEzB;EAAC;EAAuB;EAAc;EAAY;EAAqB,CAAC,EAG3E,QAAgB;AACd,EAAI,KAAS,KAAe,CAAC,KACtB,GAAe;IAErB;EAAC;EAAO;EAAa;EAAoB;EAAc,CAAC,EAEhC,KAAyB,IAOlD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GACjB;YAED,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,MAAK;GACL,eAAe;AACb,IAAI,KAAyB,KAAwB,OACnD,GAAsB,GAEjB,GAAe;;GAGxB,UAAU;aAET,IAAqB,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAAG;GAC1C,CAAA;EACT,CAAA,GAzBC"}
+{"version":3,"file":"ViewMoreQueryResultsButton.js","names":[],"sources":["../../../src/components/QueryWrapper/ViewMoreQueryResultsButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { useIsBot } from '@/utils/hooks/useIsBot'\nimport { useSuspenseGetQueryMetadata } from './useGetQueryMetadata'\n\nexport type ViewMoreQueryResultsButtonProps = {\n  hasNextPage: boolean\n  fetchNextPage: () => void\n  isFetchingNextPage: boolean\n  initialLimit?: number\n  initialLimitIsApplied?: boolean\n  onRemoveInitialLimit?: () => void\n}\n\nexport function ViewMoreQueryResultsButton(\n  props: ViewMoreQueryResultsButtonProps,\n) {\n  const {\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    initialLimit,\n    initialLimitIsApplied,\n    onRemoveInitialLimit,\n  } = props\n  const {\n    data: { queryCount },\n  } = useSuspenseGetQueryMetadata()\n  const isBot = useIsBot()\n\n  useEffect(() => {\n    if (\n      initialLimitIsApplied &&\n      initialLimit != null &&\n      queryCount != null &&\n      onRemoveInitialLimit != null\n    ) {\n      if (initialLimit >= queryCount)\n        // The initial limit is not necessary, so remove it.\n        onRemoveInitialLimit()\n    }\n  }, [initialLimitIsApplied, initialLimit, queryCount, onRemoveInitialLimit])\n\n  // Automatically fetch all pages for bots\n  useEffect(() => {\n    if (isBot && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [isBot, hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const showViewMoreButton = initialLimitIsApplied || hasNextPage\n\n  if (!showViewMoreButton) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-start',\n      }}\n    >\n      <WideButton\n        variant=\"contained\"\n        color=\"secondary\"\n        size=\"large\"\n        onClick={() => {\n          if (initialLimitIsApplied && onRemoveInitialLimit != null) {\n            onRemoveInitialLimit()\n          } else {\n            void fetchNextPage()\n          }\n        }}\n        disabled={isFetchingNextPage}\n      >\n        {isFetchingNextPage ? <SynapseSpinner size={24} /> : 'View More'}\n      </WideButton>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,gBACA,kBACA,uBACA,iBACA,0BACA,4BACE,GACE,EACJ,MAAM,EAAE,oBACN,EAA4B,GAC1B,IAAQ,EAAS;CA4BvB,OA1BA,QAAgB;EACd,AACE,KACA,KAAgB,QAChB,KAAc,QACd,KAAwB,QAEpB,KAAgB,KAElB,EAAqB;CAE3B,GAAG;EAAC;EAAuB;EAAc;EAAY;CAAoB,CAAC,GAG1E,QAAgB;EACd,AAAI,KAAS,KAAe,CAAC,KAC3B,EAAmB;CAEvB,GAAG;EAAC;EAAO;EAAa;EAAoB;CAAa,CAAC,GAE/B,KAAyB,IAOlD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;EAClB;YAEA,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,MAAK;GACL,eAAe;IACb,AAAI,KAAyB,KAAwB,OACnD,EAAqB,IAErB,EAAmB;GAEvB;GACA,UAAU;aAET,IAAqB,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAAI;EAC3C,CAAA;CACT,CAAA,IAzBE;AA2BX"}

package/dist/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateEncodedPathAndQueryForSelectedFacetURL.js","names":[],"sources":["../../../src/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.ts"],"sourcesContent":["import {\n  FacetColumnValuesRequest,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { generateCompressedQueryURL } from '../../utils/functions/deepLinkingUtils'\n\nexport type SelectedFacet = {\n  facet: string\n  facetValue: string\n}\n\nconst formatSelectedFacetsRequest = (\n  selectedFacets: SelectedFacet[],\n): FacetColumnValuesRequest[] => {\n  return selectedFacets.map(selectedFacet => {\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n      columnName: selectedFacet.facet,\n      facetValues: [selectedFacet.facetValue],\n    }\n  })\n}\n\nexport const generateEncodedPathAndQueryForSelectedFacetURL = async (\n  path: string,\n  sql: string,\n  selectedFacets: SelectedFacet[],\n): Promise<string> => {\n  const currentQuery: Query = {\n    sql,\n    selectedFacets: formatSelectedFacetsRequest(selectedFacets),\n  }\n\n  const initQuery: Query = {\n    sql,\n  }\n\n  return generateCompressedQueryURL(path, 0, currentQuery, initQuery)\n}\n"],"mappings":";;AAWA,IAAM,KACJ,MAEO,EAAe,KAAI,OACjB;CACL,cACE;CACF,YAAY,EAAc;CAC1B,aAAa,CAAC,EAAc,WAAW;CACxC,EACD,EAGS,IAAiD,OAC5D,GACA,GACA,MAWO,EAA2B,GAAM,GAAG;CARzC;CACA,gBAAgB,EAA4B,EAAe;CAOlB,EAAc,EAHvD,QAGuD,CAAU"}
+{"version":3,"file":"generateEncodedPathAndQueryForSelectedFacetURL.js","names":[],"sources":["../../../src/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.ts"],"sourcesContent":["import {\n  FacetColumnValuesRequest,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { generateCompressedQueryURL } from '../../utils/functions/deepLinkingUtils'\n\nexport type SelectedFacet = {\n  facet: string\n  facetValue: string\n}\n\nconst formatSelectedFacetsRequest = (\n  selectedFacets: SelectedFacet[],\n): FacetColumnValuesRequest[] => {\n  return selectedFacets.map(selectedFacet => {\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n      columnName: selectedFacet.facet,\n      facetValues: [selectedFacet.facetValue],\n    }\n  })\n}\n\nexport const generateEncodedPathAndQueryForSelectedFacetURL = async (\n  path: string,\n  sql: string,\n  selectedFacets: SelectedFacet[],\n): Promise<string> => {\n  const currentQuery: Query = {\n    sql,\n    selectedFacets: formatSelectedFacetsRequest(selectedFacets),\n  }\n\n  const initQuery: Query = {\n    sql,\n  }\n\n  return generateCompressedQueryURL(path, 0, currentQuery, initQuery)\n}\n"],"mappings":";;AAWA,IAAM,KACJ,MAEO,EAAe,KAAI,OACjB;CACL,cACE;CACF,YAAY,EAAc;CAC1B,aAAa,CAAC,EAAc,UAAU;AACxC,EACD,GAGU,IAAiD,OAC5D,GACA,GACA,MAWO,EAA2B,GAAM,GAAG;CARzC;CACA,gBAAgB,EAA4B,CAAc;AAOjB,GAAc,EAHvD,OAGuD,CAAS"}

package/dist/components/QueryWrapper/useComputeRowSelectionPrimaryKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComputeRowSelectionPrimaryKey.js","names":[],"sources":["../../../src/components/QueryWrapper/useComputeRowSelectionPrimaryKey.ts"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { QueryContextType } from '../QueryContext'\nimport { getDefaultPrimaryKey } from '../SynapseTable/SynapseTableUtils'\n\ntype UseComputeRowSelectionPrimaryKeyOptions = {\n  entityId: string\n  versionNumber?: number\n  rowSelectionPrimaryKeyFromProps?: string[]\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions']\n}\n\nexport default function useComputeRowSelectionPrimaryKey(\n  options: UseComputeRowSelectionPrimaryKeyOptions,\n) {\n  const {\n    rowSelectionPrimaryKeyFromProps,\n    entityId,\n    versionNumber,\n    queryMetadataQueryOptions,\n  } = options\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useQuery(queryMetadataQueryOptions)\n\n  return useMemo(() => {\n    if (rowSelectionPrimaryKeyFromProps) {\n      return rowSelectionPrimaryKeyFromProps\n    } else if (entity && queryMetadata?.columnModels) {\n      return getDefaultPrimaryKey(entity, queryMetadata.columnModels)\n    }\n    return undefined\n  }, [rowSelectionPrimaryKeyFromProps, entity, queryMetadata?.columnModels])\n}\n"],"mappings":";;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,oCACA,aACA,kBACA,iCACE,GACE,EAAE,MAAM,MAAW,EAAoB,GAAU,EAAc,EAC/D,EAAE,MAAM,MAAkB,EAAS,EAA0B;AAEnE,QAAO,QAAc;AACnB,MAAI,EACF,QAAO;MACE,KAAU,GAAe,aAClC,QAAO,EAAqB,GAAQ,EAAc,aAAa;IAGhE;EAAC;EAAiC;EAAQ,GAAe;EAAa,CAAC"}
+{"version":3,"file":"useComputeRowSelectionPrimaryKey.js","names":[],"sources":["../../../src/components/QueryWrapper/useComputeRowSelectionPrimaryKey.ts"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { QueryContextType } from '../QueryContext'\nimport { getDefaultPrimaryKey } from '../SynapseTable/SynapseTableUtils'\n\ntype UseComputeRowSelectionPrimaryKeyOptions = {\n  entityId: string\n  versionNumber?: number\n  rowSelectionPrimaryKeyFromProps?: string[]\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions']\n}\n\nexport default function useComputeRowSelectionPrimaryKey(\n  options: UseComputeRowSelectionPrimaryKeyOptions,\n) {\n  const {\n    rowSelectionPrimaryKeyFromProps,\n    entityId,\n    versionNumber,\n    queryMetadataQueryOptions,\n  } = options\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useQuery(queryMetadataQueryOptions)\n\n  return useMemo(() => {\n    if (rowSelectionPrimaryKeyFromProps) {\n      return rowSelectionPrimaryKeyFromProps\n    } else if (entity && queryMetadata?.columnModels) {\n      return getDefaultPrimaryKey(entity, queryMetadata.columnModels)\n    }\n    return undefined\n  }, [rowSelectionPrimaryKeyFromProps, entity, queryMetadata?.columnModels])\n}\n"],"mappings":";;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,oCACA,aACA,kBACA,iCACE,GACE,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAS,CAAyB;CAElE,OAAO,QAAc;EACnB,IAAI,GACF,OAAO;EACF,IAAI,KAAU,GAAe,cAClC,OAAO,EAAqB,GAAQ,EAAc,YAAY;CAGlE,GAAG;EAAC;EAAiC;EAAQ,GAAe;CAAY,CAAC;AAC3E"}