synapse-react-client 4.0.18 → 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":"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"}

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.d.ts.map

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

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.js

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

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  useEffect(() => {\n    // SWC-6030: If sql changes, reset what columns are visible\n    setVisibleColumns(\n      selectColumns.slice(0, visibleColumnCount).map(el => el.name),\n    )\n  }, [selectColumns, lastQueryRequest.query.sql, visibleColumnCount])\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 };