synapse-react-client 4.0.41 → 4.0.42

package/dist/components/QueryBuilder/QueryBuilderControls.js

@@ -8,19 +8,20 @@ import { qbNodeToApiFilter as u } from "./queryBuilderTranslation.js";
 import { useQueryBuilderDrag as d } from "./queryBuilderDnd.js";
 import { useQBCombinedSql as f } from "./useQBCombinedSql.js";
 import { useQBFacetSourceMetadata as p } from "./useQBFacetSourceMetadata.js";
-import { QueryBuilderInternalContextProvider as m } from "./QueryBuilderInternalContext.js";
-import { FilterGroupNode as h } from "./FilterGroupNode.js";
-import { qbTreeToReadable as g } from "./qbTreeToReadable.js";
-import _ from "./QueryBuilderControls.module.js";
-import { useCallback as v, useMemo as y, useState as b } from "react";
-import { Button as x, ToggleButton as S, ToggleButtonGroup as C } from "@mui/material";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { DragDropProvider as E } from "@dnd-kit/react";
+import { useQBValueDisplayName as m } from "./useQBValueDisplayName.js";
+import { QueryBuilderInternalContextProvider as h } from "./QueryBuilderInternalContext.js";
+import { FilterGroupNode as g } from "./FilterGroupNode.js";
+import { qbTreeToReadable as _ } from "./qbTreeToReadable.js";
+import v from "./QueryBuilderControls.module.js";
+import { useCallback as y, useMemo as b, useState as x } from "react";
+import { Button as S, ToggleButton as C, ToggleButtonGroup as w } from "@mui/material";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { DragDropProvider as D } from "@dnd-kit/react";
 //#region src/components/QueryBuilder/QueryBuilderControls.tsx
-function D(D) {
-	let { tree: O, onTreeChange: k, onlyFacetedColumns: A = !1 } = D, { columnModels: j, facetResults: M } = p(), { executeQueryRequest: N } = t(), P = O ?? o(), F = v(() => {
-		let t = u(P);
-		N((n) => {
+function O(O) {
+	let { tree: k, onTreeChange: A, onlyFacetedColumns: j = !1 } = O, { columnModels: M, facetResults: N } = p(), { executeQueryRequest: P } = t(), F = k ?? o(), I = y(() => {
+		let t = u(F);
+		P((n) => {
 			let r = (n.query.additionalFilters ?? []).filter((t) => !e(t)), i = t ? [...r, t] : r;
 			return {
 				...n,
@@ -30,105 +31,111 @@ function D(D) {
 				}
 			};
 		});
-	}, [P, N]), { getColumnDisplayName: I } = n(), [L, R] = b("plain-english"), z = v((e) => {
-		k(i(P, e, null, null));
-	}, [P, k]), B = v((e) => {
-		k(r(P, e));
-	}, [P, k]), V = v((e) => {
-		k(a(P, e));
-	}, [P, k]), H = v((e, t) => {
-		k(l(P, e, t));
-	}, [P, k]), U = v((e) => {
-		k(s(P, e));
-	}, [P, k]), W = v((e, t) => {
-		k(c(P, e, t));
-	}, [P, k]), G = v((e) => {
-		k(s(P, e));
-	}, [P, k]), K = d(P, k), q = y(() => ({
-		columnModels: j,
-		facetResults: M,
-		onlyFacetedColumns: A,
-		getColumnDisplayName: I,
-		addConditionAt: z,
-		addChildGroupAt: B,
-		clearGroupAt: V,
-		updateGroupAt: H,
-		removeGroupAt: U,
-		updateConditionAt: W,
-		removeConditionAt: G
+	}, [F, P]), { getColumnDisplayName: L } = n(), R = m(M, N), [z, B] = x("plain-english"), V = y((e) => {
+		A(i(F, e, null, null));
+	}, [F, A]), H = y((e) => {
+		A(r(F, e));
+	}, [F, A]), U = y((e) => {
+		A(a(F, e));
+	}, [F, A]), W = y((e, t) => {
+		A(l(F, e, t));
+	}, [F, A]), G = y((e) => {
+		A(s(F, e));
+	}, [F, A]), K = y((e, t) => {
+		A(c(F, e, t));
+	}, [F, A]), q = y((e) => {
+		A(s(F, e));
+	}, [F, A]), J = d(F, A), Y = b(() => ({
+		columnModels: M,
+		facetResults: N,
+		onlyFacetedColumns: j,
+		getColumnDisplayName: L,
+		getValueDisplayName: R,
+		addConditionAt: V,
+		addChildGroupAt: H,
+		clearGroupAt: U,
+		updateGroupAt: W,
+		removeGroupAt: G,
+		updateConditionAt: K,
+		removeConditionAt: q
 	}), [
-		j,
 		M,
-		A,
-		I,
-		z,
-		B,
+		N,
+		j,
+		L,
+		R,
 		V,
 		H,
 		U,
 		W,
-		G
-	]), J = y(() => g(P, I), [P, I]), { data: Y, isPending: X, error: Z } = f(L === "sql" ? P : null);
-	return /* @__PURE__ */ w(m, {
-		value: q,
-		children: /* @__PURE__ */ w(E, {
-			...K,
-			children: /* @__PURE__ */ T("div", {
-				className: _.root,
+		G,
+		K,
+		q
+	]), X = b(() => _(F, L, R), [
+		F,
+		L,
+		R
+	]), { data: Z, isPending: Q, error: $ } = f(z === "sql" ? F : null);
+	return /* @__PURE__ */ T(h, {
+		value: Y,
+		children: /* @__PURE__ */ T(D, {
+			...J,
+			children: /* @__PURE__ */ E("div", {
+				className: v.root,
 				children: [
-					/* @__PURE__ */ T("div", {
-						className: _.summaryBar,
-						children: [/* @__PURE__ */ T("div", {
-							className: _.summaryHeader,
-							children: [/* @__PURE__ */ w("span", {
-								className: _.summaryLabel,
+					/* @__PURE__ */ E("div", {
+						className: v.summaryBar,
+						children: [/* @__PURE__ */ E("div", {
+							className: v.summaryHeader,
+							children: [/* @__PURE__ */ T("span", {
+								className: v.summaryLabel,
 								children: "Query Summary"
-							}), /* @__PURE__ */ T(C, {
-								className: _.summaryModeToggle,
+							}), /* @__PURE__ */ E(w, {
+								className: v.summaryModeToggle,
 								size: "small",
 								exclusive: !0,
-								value: L,
+								value: z,
 								onChange: (e, t) => {
-									t != null && R(t);
+									t != null && B(t);
 								},
 								"aria-label": "Query summary display mode",
-								children: [/* @__PURE__ */ w(S, {
+								children: [/* @__PURE__ */ T(C, {
 									value: "plain-english",
 									"aria-label": "Show summary",
 									children: "Summary"
-								}), /* @__PURE__ */ w(S, {
+								}), /* @__PURE__ */ T(C, {
 									value: "sql",
 									"aria-label": "Show SQL",
 									children: "SQL"
 								})]
 							})]
-						}), /* @__PURE__ */ w("div", {
-							className: _.summaryContent,
+						}), /* @__PURE__ */ T("div", {
+							className: v.summaryContent,
 							"aria-live": "polite",
 							"aria-atomic": "true",
-							children: L === "plain-english" ? J : Z ? /* @__PURE__ */ T("span", {
-								className: _.sqlError,
-								children: ["Could not load SQL preview: ", Z.message]
-							}) : X ? /* @__PURE__ */ w("span", {
-								className: _.sqlPlaceholder,
+							children: z === "plain-english" ? X : $ ? /* @__PURE__ */ E("span", {
+								className: v.sqlError,
+								children: ["Could not load SQL preview: ", $.message]
+							}) : Q ? /* @__PURE__ */ T("span", {
+								className: v.sqlPlaceholder,
 								children: "Loading SQL…"
-							}) : /* @__PURE__ */ w("code", {
-								className: _.sqlText,
-								children: Y
+							}) : /* @__PURE__ */ T("code", {
+								className: v.sqlText,
+								children: Z
 							})
 						})]
 					}),
-					/* @__PURE__ */ w(h, {
-						group: P,
+					/* @__PURE__ */ T(g, {
+						group: F,
 						isRoot: !0
 					}),
-					/* @__PURE__ */ w("div", {
-						className: _.applyRow,
-						children: /* @__PURE__ */ w(x, {
+					/* @__PURE__ */ T("div", {
+						className: v.applyRow,
+						children: /* @__PURE__ */ T(S, {
 							variant: "contained",
 							color: "primary",
-							onClick: F,
-							className: _.applyButton,
+							onClick: I,
+							className: v.applyButton,
 							children: "Update Results"
 						})
 					})
@@ -138,6 +145,6 @@ function D(D) {
 	});
 }
 //#endregion
-export { D as QueryBuilderControls };
+export { O as QueryBuilderControls };
 
 //# sourceMappingURL=QueryBuilderControls.js.map

package/dist/components/QueryBuilder/QueryBuilderControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderControls.js","names":[],"sources":["../../../src/components/QueryBuilder/QueryBuilderControls.tsx"],"sourcesContent":["import { Button, ToggleButton, ToggleButtonGroup } from '@mui/material'\nimport { DragDropProvider } from '@dnd-kit/react'\nimport { useCallback, useMemo, useState } from 'react'\nimport { isFilterGroup } from '../../utils/types/IsType'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { FilterGroupNode } from './FilterGroupNode'\nimport { useQueryBuilderDrag } from './queryBuilderDnd'\nimport { qbNodeToApiFilter } from './queryBuilderTranslation'\nimport { qbTreeToReadable } from './qbTreeToReadable'\nimport { QueryBuilderInternalContextProvider } from './QueryBuilderInternalContext'\nimport styles from './QueryBuilderControls.module.scss'\nimport {\n  addChildGroup,\n  addConditionToGroup,\n  clearGroup,\n  defaultQBGroup,\n  removeNode,\n  updateCondition,\n  updateGroup,\n} from './queryBuilderOperations'\nimport { QBCondition, QBGroup } from './QueryBuilderTypes'\nimport { useQBCombinedSql } from './useQBCombinedSql'\nimport { useQBFacetSourceMetadata } from './useQBFacetSourceMetadata'\n\nexport type QueryBuilderControlsProps = {\n  /** The QB tree. When null, an empty default tree is rendered. */\n  tree: QBGroup | null\n  /** Called with the next tree after any dispatched edit. */\n  onTreeChange: (next: QBGroup) => void\n  /**\n   * When true, the property picker only offers columns that have facet\n   * metadata (Cohort Builder mode). Defaults to false.\n   */\n  onlyFacetedColumns?: boolean\n}\n\ntype SummaryMode = 'plain-english' | 'sql'\n\n/**\n * Top-level Query Builder panel. Uses `useQBFacetSourceMetadata()` — must be\n * rendered inside the Suspense boundary that already wraps\n * `QueryVisualizationWrapper` in `QueryWrapperPlotNav`. Facet metadata is\n * pulled from a companion query that strips the QB's own `FilterGroup` out\n * of `additionalFilters` so pill values remain stable while the user builds.\n */\nexport function QueryBuilderControls(props: QueryBuilderControlsProps) {\n  const { tree, onTreeChange, onlyFacetedColumns = false } = props\n  const { columnModels, facetResults } = useQBFacetSourceMetadata()\n  const { executeQueryRequest } = useQueryContext()\n\n  const activeTree = tree ?? defaultQBGroup()\n\n  const onApply = useCallback(() => {\n    const filterGroup = qbNodeToApiFilter(activeTree)\n    executeQueryRequest(prev => {\n      // Preserve any non-QB additionalFilters (e.g. lockedColumn constraints\n      // introduced by portal detail pages) — Update Results only owns the\n      // FilterGroup slot.\n      const preserved = (prev.query.additionalFilters ?? []).filter(\n        f => !isFilterGroup(f),\n      )\n      const next = filterGroup ? [...preserved, filterGroup] : preserved\n      return {\n        ...prev,\n        query: {\n          ...prev.query,\n          additionalFilters: next.length > 0 ? next : undefined,\n        },\n      }\n    })\n  }, [activeTree, executeQueryRequest])\n\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const [summaryMode, setSummaryMode] = useState<SummaryMode>('plain-english')\n\n  const addConditionAt = useCallback(\n    (groupId: string) => {\n      onTreeChange(addConditionToGroup(activeTree, groupId, null, null))\n    },\n    [activeTree, onTreeChange],\n  )\n  const addChildGroupAt = useCallback(\n    (groupId: string) => {\n      onTreeChange(addChildGroup(activeTree, groupId))\n    },\n    [activeTree, onTreeChange],\n  )\n  const clearGroupAt = useCallback(\n    (groupId: string) => {\n      onTreeChange(clearGroup(activeTree, groupId))\n    },\n    [activeTree, onTreeChange],\n  )\n  const updateGroupAt = useCallback(\n    (\n      groupId: string,\n      patch: Partial<Omit<QBGroup, 'kind' | 'id' | 'children'>>,\n    ) => {\n      onTreeChange(updateGroup(activeTree, groupId, patch))\n    },\n    [activeTree, onTreeChange],\n  )\n  const removeGroupAt = useCallback(\n    (groupId: string) => {\n      onTreeChange(removeNode(activeTree, groupId))\n    },\n    [activeTree, onTreeChange],\n  )\n  const updateConditionAt = useCallback(\n    (conditionId: string, patch: Partial<Omit<QBCondition, 'kind' | 'id'>>) => {\n      onTreeChange(updateCondition(activeTree, conditionId, patch))\n    },\n    [activeTree, onTreeChange],\n  )\n  const removeConditionAt = useCallback(\n    (conditionId: string) => {\n      onTreeChange(removeNode(activeTree, conditionId))\n    },\n    [activeTree, onTreeChange],\n  )\n  const dragHandlers = useQueryBuilderDrag(activeTree, onTreeChange)\n\n  const contextValue = useMemo(\n    () => ({\n      columnModels,\n      facetResults,\n      onlyFacetedColumns,\n      getColumnDisplayName,\n      addConditionAt,\n      addChildGroupAt,\n      clearGroupAt,\n      updateGroupAt,\n      removeGroupAt,\n      updateConditionAt,\n      removeConditionAt,\n    }),\n    [\n      columnModels,\n      facetResults,\n      onlyFacetedColumns,\n      getColumnDisplayName,\n      addConditionAt,\n      addChildGroupAt,\n      clearGroupAt,\n      updateGroupAt,\n      removeGroupAt,\n      updateConditionAt,\n      removeConditionAt,\n    ],\n  )\n\n  const readable = useMemo(\n    () => qbTreeToReadable(activeTree, getColumnDisplayName),\n    [activeTree, getColumnDisplayName],\n  )\n\n  const {\n    data: combinedSql,\n    isPending: isSqlPending,\n    error: sqlError,\n  } = useQBCombinedSql(summaryMode === 'sql' ? activeTree : null)\n\n  return (\n    <QueryBuilderInternalContextProvider value={contextValue}>\n      <DragDropProvider {...dragHandlers}>\n        <div className={styles.root}>\n          <div className={styles.summaryBar}>\n            <div className={styles.summaryHeader}>\n              <span className={styles.summaryLabel}>Query Summary</span>\n              <ToggleButtonGroup\n                className={styles.summaryModeToggle}\n                size=\"small\"\n                exclusive\n                value={summaryMode}\n                onChange={(_event, next: SummaryMode | null) => {\n                  if (next != null) setSummaryMode(next)\n                }}\n                aria-label=\"Query summary display mode\"\n              >\n                <ToggleButton value=\"plain-english\" aria-label=\"Show summary\">\n                  Summary\n                </ToggleButton>\n                <ToggleButton value=\"sql\" aria-label=\"Show SQL\">\n                  SQL\n                </ToggleButton>\n              </ToggleButtonGroup>\n            </div>\n            <div\n              className={styles.summaryContent}\n              aria-live=\"polite\"\n              aria-atomic=\"true\"\n            >\n              {summaryMode === 'plain-english' ? (\n                readable\n              ) : sqlError ? (\n                <span className={styles.sqlError}>\n                  Could not load SQL preview: {sqlError.message}\n                </span>\n              ) : isSqlPending ? (\n                <span className={styles.sqlPlaceholder}>Loading SQL…</span>\n              ) : (\n                <code className={styles.sqlText}>{combinedSql}</code>\n              )}\n            </div>\n          </div>\n\n          <FilterGroupNode group={activeTree} isRoot />\n\n          <div className={styles.applyRow}>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={onApply}\n              className={styles.applyButton}\n            >\n              Update Results\n            </Button>\n          </div>\n        </div>\n      </DragDropProvider>\n    </QueryBuilderInternalContextProvider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"QueryBuilderControls.js","names":[],"sources":["../../../src/components/QueryBuilder/QueryBuilderControls.tsx"],"sourcesContent":["import { Button, ToggleButton, ToggleButtonGroup } from '@mui/material'\nimport { DragDropProvider } from '@dnd-kit/react'\nimport { useCallback, useMemo, useState } from 'react'\nimport { isFilterGroup } from '../../utils/types/IsType'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { FilterGroupNode } from './FilterGroupNode'\nimport { useQueryBuilderDrag } from './queryBuilderDnd'\nimport { qbNodeToApiFilter } from './queryBuilderTranslation'\nimport { qbTreeToReadable } from './qbTreeToReadable'\nimport { QueryBuilderInternalContextProvider } from './QueryBuilderInternalContext'\nimport styles from './QueryBuilderControls.module.scss'\nimport {\n  addChildGroup,\n  addConditionToGroup,\n  clearGroup,\n  defaultQBGroup,\n  removeNode,\n  updateCondition,\n  updateGroup,\n} from './queryBuilderOperations'\nimport { QBCondition, QBGroup } from './QueryBuilderTypes'\nimport { useQBCombinedSql } from './useQBCombinedSql'\nimport { useQBFacetSourceMetadata } from './useQBFacetSourceMetadata'\nimport { useQBValueDisplayName } from './useQBValueDisplayName'\n\nexport type QueryBuilderControlsProps = {\n  /** The QB tree. When null, an empty default tree is rendered. */\n  tree: QBGroup | null\n  /** Called with the next tree after any dispatched edit. */\n  onTreeChange: (next: QBGroup) => void\n  /**\n   * When true, the property picker only offers columns that have facet\n   * metadata (Cohort Builder mode). Defaults to false.\n   */\n  onlyFacetedColumns?: boolean\n}\n\ntype SummaryMode = 'plain-english' | 'sql'\n\n/**\n * Top-level Query Builder panel. Uses `useQBFacetSourceMetadata()` — must be\n * rendered inside the Suspense boundary that already wraps\n * `QueryVisualizationWrapper` in `QueryWrapperPlotNav`. Facet metadata is\n * pulled from a companion query that strips the QB's own `FilterGroup` out\n * of `additionalFilters` so pill values remain stable while the user builds.\n */\nexport function QueryBuilderControls(props: QueryBuilderControlsProps) {\n  const { tree, onTreeChange, onlyFacetedColumns = false } = props\n  const { columnModels, facetResults } = useQBFacetSourceMetadata()\n  const { executeQueryRequest } = useQueryContext()\n\n  const activeTree = tree ?? defaultQBGroup()\n\n  const onApply = useCallback(() => {\n    const filterGroup = qbNodeToApiFilter(activeTree)\n    executeQueryRequest(prev => {\n      // Preserve any non-QB additionalFilters (e.g. lockedColumn constraints\n      // introduced by portal detail pages) — Update Results only owns the\n      // FilterGroup slot.\n      const preserved = (prev.query.additionalFilters ?? []).filter(\n        f => !isFilterGroup(f),\n      )\n      const next = filterGroup ? [...preserved, filterGroup] : preserved\n      return {\n        ...prev,\n        query: {\n          ...prev.query,\n          additionalFilters: next.length > 0 ? next : undefined,\n        },\n      }\n    })\n  }, [activeTree, executeQueryRequest])\n\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const getValueDisplayName = useQBValueDisplayName(columnModels, facetResults)\n\n  const [summaryMode, setSummaryMode] = useState<SummaryMode>('plain-english')\n\n  const addConditionAt = useCallback(\n    (groupId: string) => {\n      onTreeChange(addConditionToGroup(activeTree, groupId, null, null))\n    },\n    [activeTree, onTreeChange],\n  )\n  const addChildGroupAt = useCallback(\n    (groupId: string) => {\n      onTreeChange(addChildGroup(activeTree, groupId))\n    },\n    [activeTree, onTreeChange],\n  )\n  const clearGroupAt = useCallback(\n    (groupId: string) => {\n      onTreeChange(clearGroup(activeTree, groupId))\n    },\n    [activeTree, onTreeChange],\n  )\n  const updateGroupAt = useCallback(\n    (\n      groupId: string,\n      patch: Partial<Omit<QBGroup, 'kind' | 'id' | 'children'>>,\n    ) => {\n      onTreeChange(updateGroup(activeTree, groupId, patch))\n    },\n    [activeTree, onTreeChange],\n  )\n  const removeGroupAt = useCallback(\n    (groupId: string) => {\n      onTreeChange(removeNode(activeTree, groupId))\n    },\n    [activeTree, onTreeChange],\n  )\n  const updateConditionAt = useCallback(\n    (conditionId: string, patch: Partial<Omit<QBCondition, 'kind' | 'id'>>) => {\n      onTreeChange(updateCondition(activeTree, conditionId, patch))\n    },\n    [activeTree, onTreeChange],\n  )\n  const removeConditionAt = useCallback(\n    (conditionId: string) => {\n      onTreeChange(removeNode(activeTree, conditionId))\n    },\n    [activeTree, onTreeChange],\n  )\n  const dragHandlers = useQueryBuilderDrag(activeTree, onTreeChange)\n\n  const contextValue = useMemo(\n    () => ({\n      columnModels,\n      facetResults,\n      onlyFacetedColumns,\n      getColumnDisplayName,\n      getValueDisplayName,\n      addConditionAt,\n      addChildGroupAt,\n      clearGroupAt,\n      updateGroupAt,\n      removeGroupAt,\n      updateConditionAt,\n      removeConditionAt,\n    }),\n    [\n      columnModels,\n      facetResults,\n      onlyFacetedColumns,\n      getColumnDisplayName,\n      getValueDisplayName,\n      addConditionAt,\n      addChildGroupAt,\n      clearGroupAt,\n      updateGroupAt,\n      removeGroupAt,\n      updateConditionAt,\n      removeConditionAt,\n    ],\n  )\n\n  const readable = useMemo(\n    () =>\n      qbTreeToReadable(activeTree, getColumnDisplayName, getValueDisplayName),\n    [activeTree, getColumnDisplayName, getValueDisplayName],\n  )\n\n  const {\n    data: combinedSql,\n    isPending: isSqlPending,\n    error: sqlError,\n  } = useQBCombinedSql(summaryMode === 'sql' ? activeTree : null)\n\n  return (\n    <QueryBuilderInternalContextProvider value={contextValue}>\n      <DragDropProvider {...dragHandlers}>\n        <div className={styles.root}>\n          <div className={styles.summaryBar}>\n            <div className={styles.summaryHeader}>\n              <span className={styles.summaryLabel}>Query Summary</span>\n              <ToggleButtonGroup\n                className={styles.summaryModeToggle}\n                size=\"small\"\n                exclusive\n                value={summaryMode}\n                onChange={(_event, next: SummaryMode | null) => {\n                  if (next != null) setSummaryMode(next)\n                }}\n                aria-label=\"Query summary display mode\"\n              >\n                <ToggleButton value=\"plain-english\" aria-label=\"Show summary\">\n                  Summary\n                </ToggleButton>\n                <ToggleButton value=\"sql\" aria-label=\"Show SQL\">\n                  SQL\n                </ToggleButton>\n              </ToggleButtonGroup>\n            </div>\n            <div\n              className={styles.summaryContent}\n              aria-live=\"polite\"\n              aria-atomic=\"true\"\n            >\n              {summaryMode === 'plain-english' ? (\n                readable\n              ) : sqlError ? (\n                <span className={styles.sqlError}>\n                  Could not load SQL preview: {sqlError.message}\n                </span>\n              ) : isSqlPending ? (\n                <span className={styles.sqlPlaceholder}>Loading SQL…</span>\n              ) : (\n                <code className={styles.sqlText}>{combinedSql}</code>\n              )}\n            </div>\n          </div>\n\n          <FilterGroupNode group={activeTree} isRoot />\n\n          <div className={styles.applyRow}>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={onApply}\n              className={styles.applyButton}\n            >\n              Update Results\n            </Button>\n          </div>\n        </div>\n      </DragDropProvider>\n    </QueryBuilderInternalContextProvider>\n  )\n}\n"],"mappings":"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"}

package/dist/components/QueryBuilder/QueryBuilderInternalContext.d.ts

@@ -1,6 +1,7 @@
 import { ColumnModel, FacetColumnResult } from '@sage-bionetworks/synapse-types';
 import { PropsWithChildren } from 'react';
 import { QBCondition, QBGroup } from './QueryBuilderTypes';
+import { QBValueDisplayNameFn } from './useQBValueDisplayName';
 /**
  * Internal-only context shared between `QueryBuilderControls`,
  * `FilterGroupNode`, and `FilterConditionRow`. Exposes the dispatch surface
@@ -23,6 +24,12 @@ export type QueryBuilderInternalContextType = {
      * `QueryVisualizationContext.getColumnDisplayName` when available.
      */
     getColumnDisplayName: (columnName: string) => string;
+    /**
+     * Returns the user-facing label for a value of the given column — resolves
+     * Synapse IDs to entity/user/evaluation names, and the backend's
+     * `VALUE_NOT_SET` sentinel to `Not Assigned`.
+     */
+    getValueDisplayName: QBValueDisplayNameFn;
     addConditionAt: (groupId: string) => void;
     addChildGroupAt: (groupId: string) => void;
     clearGroupAt: (groupId: string) => void;

package/dist/components/QueryBuilder/QueryBuilderInternalContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderInternalContext.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/QueryBuilderInternalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAiB,iBAAiB,EAAc,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE1D;;;;;GAKG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,mEAAmE;IACnE,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,0EAA0E;IAC1E,YAAY,EAAE,SAAS,iBAAiB,EAAE,CAAA;IAC1C;;;OAGG;IACH,kBAAkB,EAAE,OAAO,CAAA;IAC3B;;;;OAIG;IACH,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAA;IAGpD,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,UAAU,CAAC,CAAC,KACtD,IAAI,CAAA;IACT,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAGxC,iBAAiB,EAAE,CACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,KAC7C,IAAI,CAAA;IACT,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAKD,MAAM,MAAM,wCAAwC,GAAG,iBAAiB,CAAC;IACvE,KAAK,EAAE,+BAA+B,CAAA;CACvC,CAAC,CAAA;AAEF,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,wCAAwC,2CAOhD;AAED,wBAAgB,8BAA8B,IAAI,+BAA+B,CAQhF"}
+{"version":3,"file":"QueryBuilderInternalContext.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/QueryBuilderInternalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAChF,OAAO,EAAiB,iBAAiB,EAAc,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAE9D;;;;;GAKG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,mEAAmE;IACnE,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,0EAA0E;IAC1E,YAAY,EAAE,SAAS,iBAAiB,EAAE,CAAA;IAC1C;;;OAGG;IACH,kBAAkB,EAAE,OAAO,CAAA;IAC3B;;;;OAIG;IACH,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAA;IACpD;;;;OAIG;IACH,mBAAmB,EAAE,oBAAoB,CAAA;IAGzC,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,UAAU,CAAC,CAAC,KACtD,IAAI,CAAA;IACT,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAGxC,iBAAiB,EAAE,CACjB,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,KAC7C,IAAI,CAAA;IACT,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAKD,MAAM,MAAM,wCAAwC,GAAG,iBAAiB,CAAC;IACvE,KAAK,EAAE,+BAA+B,CAAA;CACvC,CAAC,CAAA;AAEF,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,wCAAwC,2CAOhD;AAED,wBAAgB,8BAA8B,IAAI,+BAA+B,CAQhF"}

package/dist/components/QueryBuilder/QueryBuilderInternalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderInternalContext.js","names":[],"sources":["../../../src/components/QueryBuilder/QueryBuilderInternalContext.tsx"],"sourcesContent":["import { ColumnModel, FacetColumnResult } from '@sage-bionetworks/synapse-types'\nimport { createContext, PropsWithChildren, useContext } from 'react'\nimport { QBCondition, QBGroup } from './QueryBuilderTypes'\n\n/**\n * Internal-only context shared between `QueryBuilderControls`,\n * `FilterGroupNode`, and `FilterConditionRow`. Exposes the dispatch surface\n * for tree edits + the query metadata each row needs (column models, facet\n * results, and the Cohort Builder `onlyFacetedColumns` toggle).\n */\nexport type QueryBuilderInternalContextType = {\n  /** All columns available in the query (unfiltered by faceting). */\n  columnModels: ColumnModel[]\n  /** Facet results keyed by column name (used to populate pill choices). */\n  facetResults: readonly FacetColumnResult[]\n  /**\n   * When true, the property picker only offers columns that have facet\n   * metadata. Cohort Builder sets this true.\n   */\n  onlyFacetedColumns: boolean\n  /**\n   * Returns the user-facing label for a column — resolves `columnAliases`\n   * first, then falls back to `unCamelCase(name)`. Wired from\n   * `QueryVisualizationContext.getColumnDisplayName` when available.\n   */\n  getColumnDisplayName: (columnName: string) => string\n\n  // -- Group operations --\n  addConditionAt: (groupId: string) => void\n  addChildGroupAt: (groupId: string) => void\n  clearGroupAt: (groupId: string) => void\n  updateGroupAt: (\n    groupId: string,\n    patch: Partial<Omit<QBGroup, 'kind' | 'id' | 'children'>>,\n  ) => void\n  removeGroupAt: (groupId: string) => void\n\n  // -- Condition operations --\n  updateConditionAt: (\n    conditionId: string,\n    patch: Partial<Omit<QBCondition, 'kind' | 'id'>>,\n  ) => void\n  removeConditionAt: (conditionId: string) => void\n}\n\nconst QueryBuilderInternalContext =\n  createContext<QueryBuilderInternalContextType | null>(null)\n\nexport type QueryBuilderInternalContextProviderProps = PropsWithChildren<{\n  value: QueryBuilderInternalContextType\n}>\n\nexport function QueryBuilderInternalContextProvider(\n  props: QueryBuilderInternalContextProviderProps,\n) {\n  return (\n    <QueryBuilderInternalContext.Provider value={props.value}>\n      {props.children}\n    </QueryBuilderInternalContext.Provider>\n  )\n}\n\nexport function useQueryBuilderInternalContext(): QueryBuilderInternalContextType {\n  const context = useContext(QueryBuilderInternalContext)\n  if (context == null) {\n    throw new Error(\n      'QueryBuilderInternalContext missing — must be rendered inside QueryBuilderControls',\n    )\n  }\n  return context\n}\n"],"mappings":";;;AA6CA,IAAM,IACJ,EAAsD,IAAI;AAM5D,SAAgB,EACd,GACA;CACA,OACE,kBAAC,EAA4B,UAA7B;EAAsC,OAAO,EAAM;YAChD,EAAM;CAC6B,CAAA;AAE1C;AAEA,SAAgB,IAAkE;CAChF,IAAM,IAAU,EAAW,CAA2B;CACtD,IAAI,KAAW,MACb,MAAU,MACR,oFACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"QueryBuilderInternalContext.js","names":[],"sources":["../../../src/components/QueryBuilder/QueryBuilderInternalContext.tsx"],"sourcesContent":["import { ColumnModel, FacetColumnResult } from '@sage-bionetworks/synapse-types'\nimport { createContext, PropsWithChildren, useContext } from 'react'\nimport { QBCondition, QBGroup } from './QueryBuilderTypes'\nimport { QBValueDisplayNameFn } from './useQBValueDisplayName'\n\n/**\n * Internal-only context shared between `QueryBuilderControls`,\n * `FilterGroupNode`, and `FilterConditionRow`. Exposes the dispatch surface\n * for tree edits + the query metadata each row needs (column models, facet\n * results, and the Cohort Builder `onlyFacetedColumns` toggle).\n */\nexport type QueryBuilderInternalContextType = {\n  /** All columns available in the query (unfiltered by faceting). */\n  columnModels: ColumnModel[]\n  /** Facet results keyed by column name (used to populate pill choices). */\n  facetResults: readonly FacetColumnResult[]\n  /**\n   * When true, the property picker only offers columns that have facet\n   * metadata. Cohort Builder sets this true.\n   */\n  onlyFacetedColumns: boolean\n  /**\n   * Returns the user-facing label for a column — resolves `columnAliases`\n   * first, then falls back to `unCamelCase(name)`. Wired from\n   * `QueryVisualizationContext.getColumnDisplayName` when available.\n   */\n  getColumnDisplayName: (columnName: string) => string\n  /**\n   * Returns the user-facing label for a value of the given column — resolves\n   * Synapse IDs to entity/user/evaluation names, and the backend's\n   * `VALUE_NOT_SET` sentinel to `Not Assigned`.\n   */\n  getValueDisplayName: QBValueDisplayNameFn\n\n  // -- Group operations --\n  addConditionAt: (groupId: string) => void\n  addChildGroupAt: (groupId: string) => void\n  clearGroupAt: (groupId: string) => void\n  updateGroupAt: (\n    groupId: string,\n    patch: Partial<Omit<QBGroup, 'kind' | 'id' | 'children'>>,\n  ) => void\n  removeGroupAt: (groupId: string) => void\n\n  // -- Condition operations --\n  updateConditionAt: (\n    conditionId: string,\n    patch: Partial<Omit<QBCondition, 'kind' | 'id'>>,\n  ) => void\n  removeConditionAt: (conditionId: string) => void\n}\n\nconst QueryBuilderInternalContext =\n  createContext<QueryBuilderInternalContextType | null>(null)\n\nexport type QueryBuilderInternalContextProviderProps = PropsWithChildren<{\n  value: QueryBuilderInternalContextType\n}>\n\nexport function QueryBuilderInternalContextProvider(\n  props: QueryBuilderInternalContextProviderProps,\n) {\n  return (\n    <QueryBuilderInternalContext.Provider value={props.value}>\n      {props.children}\n    </QueryBuilderInternalContext.Provider>\n  )\n}\n\nexport function useQueryBuilderInternalContext(): QueryBuilderInternalContextType {\n  const context = useContext(QueryBuilderInternalContext)\n  if (context == null) {\n    throw new Error(\n      'QueryBuilderInternalContext missing — must be rendered inside QueryBuilderControls',\n    )\n  }\n  return context\n}\n"],"mappings":";;;AAoDA,IAAM,IACJ,EAAsD,IAAI;AAM5D,SAAgB,EACd,GACA;CACA,OACE,kBAAC,EAA4B,UAA7B;EAAsC,OAAO,EAAM;YAChD,EAAM;CAC6B,CAAA;AAE1C;AAEA,SAAgB,IAAkE;CAChF,IAAM,IAAU,EAAW,CAA2B;CACtD,IAAI,KAAW,MACb,MAAU,MACR,oFACF;CAEF,OAAO;AACT"}

package/dist/components/QueryBuilder/qbTreeToReadable.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { QBGroup } from './QueryBuilderTypes';
+import { QBValueDisplayNameFn } from './useQBValueDisplayName';
 /**
  * Render a QB tree as a plain-English React node with the AND / OR / NOT
  * connectives styled inline. Used by the QB's Reads-As summary bar.
@@ -10,5 +11,5 @@ import { QBGroup } from './QueryBuilderTypes';
  * - Excluded (NOT) groups are always parenthesized and prefixed with NOT.
  * - Incomplete conditions render as `(unset)`.
  */
-export declare function qbTreeToReadable(root: QBGroup, getColumnDisplayName?: (columnName: string) => string): ReactNode;
+export declare function qbTreeToReadable(root: QBGroup, getColumnDisplayName?: (columnName: string) => string, getValueDisplayName?: QBValueDisplayNameFn): ReactNode;
 //# sourceMappingURL=qbTreeToReadable.d.ts.map

package/dist/components/QueryBuilder/qbTreeToReadable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"qbTreeToReadable.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/qbTreeToReadable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAA0B,OAAO,EAAU,MAAM,qBAAqB,CAAA;AAG7E;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,OAAO,EACb,oBAAoB,GAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAqB,GAClE,SAAS,CAIX"}
+{"version":3,"file":"qbTreeToReadable.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/qbTreeToReadable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAA0B,OAAO,EAAU,MAAM,qBAAqB,CAAA;AAE7E,OAAO,EACL,oBAAoB,EAErB,MAAM,yBAAyB,CAAA;AAEhC;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,OAAO,EACb,oBAAoB,GAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAqB,EACnE,mBAAmB,GAAE,oBAA4C,GAChE,SAAS,CAKX"}

package/dist/components/QueryBuilder/qbTreeToReadable.js

@@ -1,9 +1,13 @@
 import { isQBGroup as e } from "./QueryBuilderTypes.js";
-import { labelForFacetValue as t, labelForOp as n } from "./queryBuilderMetadata.js";
+import { labelForOp as t } from "./queryBuilderMetadata.js";
+import { rawQBValueDisplayName as n } from "./useQBValueDisplayName.js";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/QueryBuilder/qbTreeToReadable.tsx
-function o(e, t = (e) => e) {
-	return s(e, !0, t) ?? /* @__PURE__ */ i("span", { children: "(no filters)" });
+function o(e, t = (e) => e, r = n) {
+	return s(e, !0, {
+		getColumnDisplayName: t,
+		getValueDisplayName: r
+	}) ?? /* @__PURE__ */ i("span", { children: "(no filters)" });
 }
 function s(t, n, r) {
 	return e(t) ? c(t, n, r) : l(t, r);
@@ -31,36 +35,36 @@ function c(e, t, n) {
 		")"
 	] });
 }
-function l(e, t) {
-	let r = u(e);
-	if (e.columnName == null && r == null) return null;
-	let o = e.columnName ? t(e.columnName) : "(unset)";
-	return r == null ? /* @__PURE__ */ a("span", { children: [/* @__PURE__ */ i("strong", { children: o }), " (unset)"] }) : /* @__PURE__ */ a("span", { children: [
-		/* @__PURE__ */ i("strong", { children: o }),
+function l(e, n) {
+	let { getColumnDisplayName: r, getValueDisplayName: o } = n, s = u(e, o);
+	if (e.columnName == null && s == null) return null;
+	let c = e.columnName ? r(e.columnName) : "(unset)";
+	return s == null ? /* @__PURE__ */ a("span", { children: [/* @__PURE__ */ i("strong", { children: c }), " (unset)"] }) : /* @__PURE__ */ a("span", { children: [
+		/* @__PURE__ */ i("strong", { children: c }),
 		" ",
-		n(e.op),
+		t(e.op),
 		" ",
-		r
+		s
 	] });
 }
-function u(e) {
-	let { op: n, values: r, rangeMin: i, rangeMax: a, text: o } = e;
-	switch (n) {
+function u(e, t) {
+	let { columnName: n, op: r, values: i, rangeMin: a, rangeMax: o, text: s } = e, c = (e) => t(n, e);
+	switch (r) {
 		case "has_value":
 		case "no_value": return "";
 		case "is_any_of":
-		case "is_all_of": return r.length === 0 ? null : r.map(t).join(", ");
+		case "is_all_of": return i.length === 0 ? null : i.map(c).join(", ");
 		case "equal":
-		case "not_equal": return r.length === 0 ? null : t(r[0]);
-		case "between": return !i || !a ? null : `${i} and ${a}`;
+		case "not_equal": return i.length === 0 ? null : c(i[0]);
+		case "between": return !a || !o ? null : `${a} and ${o}`;
 		case "gt":
-		case "gte": return i || null;
+		case "gte": return a || null;
 		case "lt":
-		case "lte": return a || null;
+		case "lte": return o || null;
 		case "contains":
 		case "starts_with":
 		case "ends_with":
-		case "is_exactly": return o ? `"${o}"` : null;
+		case "is_exactly": return s ? `"${s}"` : null;
 		default: return null;
 	}
 }

package/dist/components/QueryBuilder/qbTreeToReadable.js.map

@@ -1 +1 @@
-{"version":3,"file":"qbTreeToReadable.js","names":[],"sources":["../../../src/components/QueryBuilder/qbTreeToReadable.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { isQBGroup, QBCondition, QBGroup, QBNode } from './QueryBuilderTypes'\nimport { labelForFacetValue, labelForOp } from './queryBuilderMetadata'\n\n/**\n * Render a QB tree as a plain-English React node with the AND / OR / NOT\n * connectives styled inline. Used by the QB's Reads-As summary bar.\n *\n * Rules (per the design's plain-English summary spec):\n * - The root group reads without outer parentheses.\n * - Nested groups retain parentheses.\n * - Excluded (NOT) groups are always parenthesized and prefixed with NOT.\n * - Incomplete conditions render as `(unset)`.\n */\nexport function qbTreeToReadable(\n  root: QBGroup,\n  getColumnDisplayName: (columnName: string) => string = name => name,\n): ReactNode {\n  const rendered = renderNode(root, true, getColumnDisplayName)\n  if (rendered == null) return <span>(no filters)</span>\n  return rendered\n}\n\nfunction renderNode(\n  node: QBNode,\n  isRoot: boolean,\n  getColumnDisplayName: (columnName: string) => string,\n): ReactNode | null {\n  if (isQBGroup(node)) return renderGroup(node, isRoot, getColumnDisplayName)\n  return renderCondition(node, getColumnDisplayName)\n}\n\nfunction renderGroup(\n  group: QBGroup,\n  isRoot: boolean,\n  getColumnDisplayName: (columnName: string) => string,\n): ReactNode | null {\n  const parts = group.children\n    .map((child, index) => ({\n      key: child.id,\n      node: renderNode(child, false, getColumnDisplayName),\n      index,\n    }))\n    .filter(part => part.node != null)\n\n  if (parts.length === 0) return null\n\n  const combinator = group.combinator\n  const inner = parts.map((part, index) => (\n    <span key={part.key}>\n      {index > 0 && (\n        <>\n          {' '}\n          <ConnectiveSpan combinator={combinator} />{' '}\n        </>\n      )}\n      {part.node}\n    </span>\n  ))\n\n  const body = <span>{inner}</span>\n\n  if (group.not) {\n    return (\n      <span>\n        <NotSpan /> ({body})\n      </span>\n    )\n  }\n  if (isRoot) return body\n  return <span>({body})</span>\n}\n\nfunction renderCondition(\n  condition: QBCondition,\n  getColumnDisplayName: (columnName: string) => string,\n): ReactNode | null {\n  const valueSummary = summarizeConditionValue(condition)\n  // Skip fully-blank rows so they don't clutter the summary bar. A row is\n  // fully blank when the user hasn't picked a column AND hasn't entered any\n  // value yet — that's an in-progress row we don't want to narrate.\n  if (condition.columnName == null && valueSummary == null) return null\n  const columnName = condition.columnName\n    ? getColumnDisplayName(condition.columnName)\n    : '(unset)'\n  if (valueSummary == null) {\n    return (\n      <span>\n        <strong>{columnName}</strong> (unset)\n      </span>\n    )\n  }\n  return (\n    <span>\n      <strong>{columnName}</strong> {labelForOp(condition.op)} {valueSummary}\n    </span>\n  )\n}\n\nfunction summarizeConditionValue(condition: QBCondition): string | null {\n  const { op, values, rangeMin, rangeMax, text } = condition\n  switch (op) {\n    case 'has_value':\n    case 'no_value':\n      return ''\n    case 'is_any_of':\n    case 'is_all_of':\n      return values.length === 0\n        ? null\n        : values.map(labelForFacetValue).join(', ')\n    case 'equal':\n    case 'not_equal':\n      return values.length === 0 ? null : labelForFacetValue(values[0])\n    case 'between':\n      if (!rangeMin || !rangeMax) return null\n      return `${rangeMin} and ${rangeMax}`\n    case 'gt':\n    case 'gte':\n      return rangeMin ? rangeMin : null\n    case 'lt':\n    case 'lte':\n      return rangeMax ? rangeMax : null\n    case 'contains':\n    case 'starts_with':\n    case 'ends_with':\n    case 'is_exactly':\n      return text ? `\"${text}\"` : null\n    default:\n      op satisfies never\n      return null\n  }\n}\n\nfunction ConnectiveSpan({ combinator }: { combinator: 'AND' | 'OR' }) {\n  const color =\n    combinator === 'OR'\n      ? 'var(--synapse-warning)'\n      : 'var(--synapse-primary-action-color)'\n  return (\n    <span style={{ color, fontWeight: 700 }} aria-hidden=\"false\">\n      {combinator}\n    </span>\n  )\n}\n\nfunction NotSpan() {\n  return (\n    <span style={{ color: 'var(--synapse-error)', fontWeight: 700 }}>NOT</span>\n  )\n}\n"],"mappings":";;;;AAcA,SAAgB,EACd,GACA,KAAuD,MAAQ,GACpD;CAGX,OAFiB,EAAW,GAAM,IAAM,CACpC,KAAyB,kBAAC,QAAD,EAAA,UAAM,eAAkB,CAAA;AAEvD;AAEA,SAAS,EACP,GACA,GACA,GACkB;CAElB,OADI,EAAU,CAAI,IAAU,EAAY,GAAM,GAAQ,CAAoB,IACnE,EAAgB,GAAM,CAAoB;AACnD;AAEA,SAAS,EACP,GACA,GACA,GACkB;CAClB,IAAM,IAAQ,EAAM,SACjB,KAAK,GAAO,OAAW;EACtB,KAAK,EAAM;EACX,MAAM,EAAW,GAAO,IAAO,CAAoB;EACnD;CACF,EAAE,EACD,QAAO,MAAQ,EAAK,QAAQ,IAAI;CAEnC,IAAI,EAAM,WAAW,GAAG,OAAO;CAE/B,IAAM,IAAa,EAAM,YAanB,IAAO,kBAAC,QAAD,EAAA,UAZC,EAAM,KAAK,GAAM,MAC7B,kBAAC,QAAD,EAAA,UAAA,CACG,IAAQ,KACP,kBAAA,GAAA,EAAA,UAAA;EACG;EACD,kBAAC,GAAD,EAA4B,cAAa,CAAA;EAAE;CAC3C,EAAA,CAAA,GAEH,EAAK,IACF,EAAA,GARK,EAAK,GAQV,CAGY,EAAY,CAAA;CAUhC,OARI,EAAM,MAEN,kBAAC,QAAD,EAAA,UAAA;EACE,kBAAC,GAAD,CAAU,CAAA;EAAC;EAAG;EAAK;CACf,EAAA,CAAA,IAGN,IAAe,IACZ,kBAAC,QAAD,EAAA,UAAA;EAAM;EAAE;EAAK;CAAO,EAAA,CAAA;AAC7B;AAEA,SAAS,EACP,GACA,GACkB;CAClB,IAAM,IAAe,EAAwB,CAAS;CAItD,IAAI,EAAU,cAAc,QAAQ,KAAgB,MAAM,OAAO;CACjE,IAAM,IAAa,EAAU,aACzB,EAAqB,EAAU,UAAU,IACzC;CAQJ,OAPI,KAAgB,OAEhB,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,UAAD,EAAA,UAAS,EAAmB,CAAA,GAAC,UACzB,EAAA,CAAA,IAIR,kBAAC,QAAD,EAAA,UAAA;EACE,kBAAC,UAAD,EAAA,UAAS,EAAmB,CAAA;EAAC;EAAE,EAAW,EAAU,EAAE;EAAE;EAAE;CACtD,EAAA,CAAA;AAEV;AAEA,SAAS,EAAwB,GAAuC;CACtE,IAAM,EAAE,OAAI,WAAQ,aAAU,aAAU,YAAS;CACjD,QAAQ,GAAR;EACE,KAAK;EACL,KAAK,YACH,OAAO;EACT,KAAK;EACL,KAAK,aACH,OAAO,EAAO,WAAW,IACrB,OACA,EAAO,IAAI,CAAkB,EAAE,KAAK,IAAI;EAC9C,KAAK;EACL,KAAK,aACH,OAAO,EAAO,WAAW,IAAI,OAAO,EAAmB,EAAO,EAAE;EAClE,KAAK,WAEH,OADI,CAAC,KAAY,CAAC,IAAiB,OAC5B,GAAG,EAAS,OAAO;EAC5B,KAAK;EACL,KAAK,OACH,OAAO,KAAsB;EAC/B,KAAK;EACL,KAAK,OACH,OAAO,KAAsB;EAC/B,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,cACH,OAAO,IAAO,IAAI,EAAK,KAAK;EAC9B,SAEE,OAAO;CACX;AACF;AAEA,SAAS,EAAe,EAAE,iBAA4C;CAKpE,OACE,kBAAC,QAAD;EAAM,OAAO;GAAE,OAJf,MAAe,OACX,2BACA;GAEkB,YAAY;EAAI;EAAG,eAAY;YAClD;CACG,CAAA;AAEV;AAEA,SAAS,IAAU;CACjB,OACE,kBAAC,QAAD;EAAM,OAAO;GAAE,OAAO;GAAwB,YAAY;EAAI;YAAG;CAAS,CAAA;AAE9E"}
+{"version":3,"file":"qbTreeToReadable.js","names":[],"sources":["../../../src/components/QueryBuilder/qbTreeToReadable.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { isQBGroup, QBCondition, QBGroup, QBNode } from './QueryBuilderTypes'\nimport { labelForOp } from './queryBuilderMetadata'\nimport {\n  QBValueDisplayNameFn,\n  rawQBValueDisplayName,\n} from './useQBValueDisplayName'\n\n/**\n * Render a QB tree as a plain-English React node with the AND / OR / NOT\n * connectives styled inline. Used by the QB's Reads-As summary bar.\n *\n * Rules (per the design's plain-English summary spec):\n * - The root group reads without outer parentheses.\n * - Nested groups retain parentheses.\n * - Excluded (NOT) groups are always parenthesized and prefixed with NOT.\n * - Incomplete conditions render as `(unset)`.\n */\nexport function qbTreeToReadable(\n  root: QBGroup,\n  getColumnDisplayName: (columnName: string) => string = name => name,\n  getValueDisplayName: QBValueDisplayNameFn = rawQBValueDisplayName,\n): ReactNode {\n  const displayNames = { getColumnDisplayName, getValueDisplayName }\n  const rendered = renderNode(root, true, displayNames)\n  if (rendered == null) return <span>(no filters)</span>\n  return rendered\n}\n\ntype DisplayNames = {\n  getColumnDisplayName: (columnName: string) => string\n  getValueDisplayName: QBValueDisplayNameFn\n}\n\nfunction renderNode(\n  node: QBNode,\n  isRoot: boolean,\n  displayNames: DisplayNames,\n): ReactNode | null {\n  if (isQBGroup(node)) return renderGroup(node, isRoot, displayNames)\n  return renderCondition(node, displayNames)\n}\n\nfunction renderGroup(\n  group: QBGroup,\n  isRoot: boolean,\n  displayNames: DisplayNames,\n): ReactNode | null {\n  const parts = group.children\n    .map((child, index) => ({\n      key: child.id,\n      node: renderNode(child, false, displayNames),\n      index,\n    }))\n    .filter(part => part.node != null)\n\n  if (parts.length === 0) return null\n\n  const combinator = group.combinator\n  const inner = parts.map((part, index) => (\n    <span key={part.key}>\n      {index > 0 && (\n        <>\n          {' '}\n          <ConnectiveSpan combinator={combinator} />{' '}\n        </>\n      )}\n      {part.node}\n    </span>\n  ))\n\n  const body = <span>{inner}</span>\n\n  if (group.not) {\n    return (\n      <span>\n        <NotSpan /> ({body})\n      </span>\n    )\n  }\n  if (isRoot) return body\n  return <span>({body})</span>\n}\n\nfunction renderCondition(\n  condition: QBCondition,\n  displayNames: DisplayNames,\n): ReactNode | null {\n  const { getColumnDisplayName, getValueDisplayName } = displayNames\n  const valueSummary = summarizeConditionValue(condition, getValueDisplayName)\n  // Skip fully-blank rows so they don't clutter the summary bar. A row is\n  // fully blank when the user hasn't picked a column AND hasn't entered any\n  // value yet — that's an in-progress row we don't want to narrate.\n  if (condition.columnName == null && valueSummary == null) return null\n  const columnName = condition.columnName\n    ? getColumnDisplayName(condition.columnName)\n    : '(unset)'\n  if (valueSummary == null) {\n    return (\n      <span>\n        <strong>{columnName}</strong> (unset)\n      </span>\n    )\n  }\n  return (\n    <span>\n      <strong>{columnName}</strong> {labelForOp(condition.op)} {valueSummary}\n    </span>\n  )\n}\n\nfunction summarizeConditionValue(\n  condition: QBCondition,\n  getValueDisplayName: QBValueDisplayNameFn,\n): string | null {\n  const { columnName, op, values, rangeMin, rangeMax, text } = condition\n  const labelForValue = (value: string) =>\n    getValueDisplayName(columnName, value)\n  switch (op) {\n    case 'has_value':\n    case 'no_value':\n      return ''\n    case 'is_any_of':\n    case 'is_all_of':\n      return values.length === 0 ? null : values.map(labelForValue).join(', ')\n    case 'equal':\n    case 'not_equal':\n      return values.length === 0 ? null : labelForValue(values[0])\n    case 'between':\n      if (!rangeMin || !rangeMax) return null\n      return `${rangeMin} and ${rangeMax}`\n    case 'gt':\n    case 'gte':\n      return rangeMin ? rangeMin : null\n    case 'lt':\n    case 'lte':\n      return rangeMax ? rangeMax : null\n    case 'contains':\n    case 'starts_with':\n    case 'ends_with':\n    case 'is_exactly':\n      return text ? `\"${text}\"` : null\n    default:\n      op satisfies never\n      return null\n  }\n}\n\nfunction ConnectiveSpan({ combinator }: { combinator: 'AND' | 'OR' }) {\n  const color =\n    combinator === 'OR'\n      ? 'var(--synapse-warning)'\n      : 'var(--synapse-primary-action-color)'\n  return (\n    <span style={{ color, fontWeight: 700 }} aria-hidden=\"false\">\n      {combinator}\n    </span>\n  )\n}\n\nfunction NotSpan() {\n  return (\n    <span style={{ color: 'var(--synapse-error)', fontWeight: 700 }}>NOT</span>\n  )\n}\n"],"mappings":"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"}

package/dist/components/QueryBuilder/queryBuilderDrag.css

@@ -1 +1 @@
-._dragHandle_1a118_1{cursor:grab;color:var(--synapse-gray-deemphasized)}._dragSource_1a118_6{opacity:.4}
+._dragHandle_p23fj_1{cursor:grab;color:var(--synapse-gray-deemphasized)}._dragSource_p23fj_6{opacity:var(--synapse-drag-source-opacity)}

package/dist/components/QueryBuilder/queryBuilderDrag.module.js

@@ -1,6 +1,6 @@
 import './queryBuilderDrag.css';var e = {
-	dragHandle: "_dragHandle_1a118_1",
-	dragSource: "_dragSource_1a118_6"
+	dragHandle: "_dragHandle_p23fj_1",
+	dragSource: "_dragSource_p23fj_6"
 };
 //#endregion
 export { e as default };

package/dist/components/QueryBuilder/queryBuilderDrag.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryBuilderDrag.module.js","names":[],"sources":["../../../src/components/QueryBuilder/queryBuilderDrag.module.scss"],"sourcesContent":["// Styles shared by both draggable node types in the tree.\n\n.dragHandle {\n  cursor: grab;\n  color: var(--synapse-gray-deemphasized);\n}\n\n// The node the pointer is carrying. It stays in the tree and moves between\n// groups as the drag goes, so it is dimmed to read as in-flight.\n.dragSource {\n  opacity: 0.4;\n}\n"],"mappings":""}
+{"version":3,"file":"queryBuilderDrag.module.js","names":[],"sources":["../../../src/components/QueryBuilder/queryBuilderDrag.module.scss"],"sourcesContent":["// Styles shared by both draggable node types in the tree.\n\n.dragHandle {\n  cursor: grab;\n  color: var(--synapse-gray-deemphasized);\n}\n\n// The node the pointer is carrying. It stays in the tree and moves between\n// groups as the drag goes, so it is dimmed to read as in-flight.\n.dragSource {\n  opacity: var(--synapse-drag-source-opacity);\n}\n"],"mappings":""}

package/dist/components/QueryBuilder/queryBuilderDrag.module.scss

@@ -8,5 +8,5 @@
 // The node the pointer is carrying. It stays in the tree and moves between
 // groups as the drag goes, so it is dimmed to read as in-flight.
 .dragSource {
-  opacity: 0.4;
+  opacity: var(--synapse-drag-source-opacity);
 }

package/dist/components/QueryBuilder/queryBuilderMetadata.d.ts

@@ -1,4 +1,12 @@
+/**
+ * Column-kind classification and operator availability per kind. The QB uses
+ * this both to populate the operator picker dropdown and to decide what shape
+ * of value input to render.
+ */
+import { FacetColumnResult, FacetColumnResultValues } from '@sage-bionetworks/synapse-types';
 import { QBConditionOp } from './QueryBuilderTypes';
+/** Narrows a facet result to the enumerated-values variant the QB can render. */
+export declare function isFacetColumnResultValues(facet: FacetColumnResult): facet is FacetColumnResultValues;
 /** Categorization of columns for the QB UI. Not a synapse-types concept. */
 export type QBColumnKind = 'enum' | 'list' | 'range' | 'boolean' | 'text' | 'unknown';
 /**
@@ -21,4 +29,12 @@ export declare function labelForOp(op: QBConditionOp): string;
  * The underlying value stored on the QB condition is unchanged.
  */
 export declare function labelForFacetValue(value: string): string;
+/**
+ * Does a facet value match the pill filter query? Matching considers both the
+ * user-facing label and the underlying value, so a pill labeled with a
+ * resolved entity or user name is still findable by the ID it stores.
+ *
+ * An empty query matches everything.
+ */
+export declare function facetValueMatchesFilter(value: string, label: string, query: string): boolean;
 //# sourceMappingURL=queryBuilderMetadata.d.ts.map

package/dist/components/QueryBuilder/queryBuilderMetadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"queryBuilderMetadata.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/queryBuilderMetadata.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,4EAA4E;AAC5E,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,CAAA;AAEb;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,QAAQ,EAAE,OAAO,GAChB,YAAY,CA4Bd;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,EAAE,CAoCvE;AAED,0EAA0E;AAC1E,wBAAgB,UAAU,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAoCpD;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExD"}
+{"version":3,"file":"queryBuilderMetadata.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/queryBuilderMetadata.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,iCAAiC,CAAA;AAMxC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,iFAAiF;AACjF,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,iBAAiB,GACvB,KAAK,IAAI,uBAAuB,CAKlC;AAED,4EAA4E;AAC5E,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,CAAA;AAEb;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,QAAQ,EAAE,OAAO,GAChB,YAAY,CA4Bd;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,EAAE,CAoCvE;AAED,0EAA0E;AAC1E,wBAAgB,UAAU,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAoCpD;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,OAAO,CAQT"}

package/dist/components/QueryBuilder/queryBuilderMetadata.js

@@ -1,6 +1,10 @@
 import { FRIENDLY_VALUE_NOT_SET as e } from "../../utils/SynapseConstants.js";
+import { parseSynId as t } from "../../utils/functions/RegularExpressions.js";
 //#region src/components/QueryBuilder/queryBuilderMetadata.ts
-function t(e, t) {
+function n(e) {
+	return e.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnResultValues";
+}
+function r(e, t) {
 	if (e?.endsWith("_LIST")) return "list";
 	if (t) return "enum";
 	if (e == null) return "unknown";
@@ -21,7 +25,7 @@ function t(e, t) {
 		default: return "text";
 	}
 }
-function n(e) {
+function i(e) {
 	switch (e) {
 		case "enum": return [
 			"is_any_of",
@@ -62,7 +66,7 @@ function n(e) {
 		default: return [];
 	}
 }
-function r(e) {
+function a(e) {
 	switch (e) {
 		case "is_any_of": return "is any of";
 		case "is_all_of": return "is all of";
@@ -82,10 +86,14 @@ function r(e) {
 		default: return e;
 	}
 }
-function i(t) {
+function o(t) {
 	return t === "org.sagebionetworks.UNDEFINED_NULL_NOTSET" ? e : t;
 }
+function s(e, n, r) {
+	let i = r.trim().toLowerCase();
+	return i === "" || n.toLowerCase().includes(i) || e.toLowerCase().includes(i) ? !0 : t(i)?.targetId === `syn${e}`;
+}
 //#endregion
-export { n as availableOpsForKind, t as classifyColumn, i as labelForFacetValue, r as labelForOp };
+export { i as availableOpsForKind, r as classifyColumn, s as facetValueMatchesFilter, n as isFacetColumnResultValues, o as labelForFacetValue, a as labelForOp };
 
 //# sourceMappingURL=queryBuilderMetadata.js.map

package/dist/components/QueryBuilder/queryBuilderMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryBuilderMetadata.js","names":[],"sources":["../../../src/components/QueryBuilder/queryBuilderMetadata.ts"],"sourcesContent":["/**\n * Column-kind classification and operator availability per kind. The QB uses\n * this both to populate the operator picker dropdown and to decide what shape\n * of value input to render.\n */\nimport {\n  FRIENDLY_VALUE_NOT_SET,\n  VALUE_NOT_SET,\n} from '../../utils/SynapseConstants'\nimport { QBConditionOp } from './QueryBuilderTypes'\n\n/** Categorization of columns for the QB UI. Not a synapse-types concept. */\nexport type QBColumnKind =\n  | 'enum'\n  | 'list'\n  | 'range'\n  | 'boolean'\n  | 'text'\n  | 'unknown'\n\n/**\n * Classify a column into a QB kind based on its `ColumnTypeEnum` string and\n * whether the column has a facet in the query result. `hasFacet` distinguishes\n * a faceted single-value column (`enum`) from a plain single-value column\n * (`text`).\n */\nexport function classifyColumn(\n  columnType: string | null,\n  hasFacet: boolean,\n): QBColumnKind {\n  // `_LIST` columns keep the `list` kind so `is_all_of` remains available.\n  if (columnType?.endsWith('_LIST')) return 'list'\n  // Any faceted column becomes an enum picker regardless of the raw column\n  // type (even when the type is unknown, e.g. when the QB tree was hydrated\n  // from `selectedFacets` without column-model context).\n  if (hasFacet) return 'enum'\n  if (columnType == null) return 'unknown'\n  switch (columnType) {\n    case 'BOOLEAN':\n      return 'boolean'\n    case 'INTEGER':\n    case 'DOUBLE':\n    case 'DATE':\n    case 'DATE_TIME':\n      return 'range'\n    case 'STRING':\n    case 'LARGETEXT':\n    case 'LINK':\n    case 'MEDIUMTEXT':\n    case 'USERID':\n    case 'ENTITYID':\n    case 'EVALUATIONID':\n    case 'SUBMISSIONID':\n      return 'text'\n    default:\n      return 'text'\n  }\n}\n\n/**\n * Ordered list of operators offered for a given column kind. Order controls\n * the operator picker dropdown ordering.\n */\nexport function availableOpsForKind(kind: QBColumnKind): QBConditionOp[] {\n  switch (kind) {\n    case 'enum':\n      return ['is_any_of', 'has_value', 'no_value']\n    case 'list':\n      return ['is_any_of', 'is_all_of', 'has_value', 'no_value']\n    case 'range':\n      return [\n        'between',\n        'gt',\n        'gte',\n        'lt',\n        'lte',\n        'equal',\n        'not_equal',\n        'has_value',\n        'no_value',\n      ]\n    case 'boolean':\n      return ['equal', 'has_value', 'no_value']\n    case 'text':\n      return [\n        'contains',\n        'starts_with',\n        'ends_with',\n        'is_exactly',\n        'has_value',\n        'no_value',\n      ]\n    case 'unknown':\n      // No column picked yet; offer nothing until one is selected.\n      return []\n    default:\n      kind satisfies never\n      return []\n  }\n}\n\n/** Human-readable label for an operator, shown in the operator picker. */\nexport function labelForOp(op: QBConditionOp): string {\n  switch (op) {\n    case 'is_any_of':\n      return 'is any of'\n    case 'is_all_of':\n      return 'is all of'\n    case 'between':\n      return 'between'\n    case 'gt':\n      return '>'\n    case 'gte':\n      return '≥'\n    case 'lt':\n      return '<'\n    case 'lte':\n      return '≤'\n    case 'equal':\n      return 'equals'\n    case 'not_equal':\n      return 'does not equal'\n    case 'has_value':\n      return 'has value'\n    case 'no_value':\n      return 'has no value'\n    case 'contains':\n      return 'contains'\n    case 'starts_with':\n      return 'starts with'\n    case 'ends_with':\n      return 'ends with'\n    case 'is_exactly':\n      return 'is exactly'\n    default:\n      op satisfies never\n      return op\n  }\n}\n\n/**\n * Returns the user-facing label for a raw facet value. Backend sentinels like\n * `VALUE_NOT_SET` display as `Not Assigned`; every other value renders as-is.\n * The underlying value stored on the QB condition is unchanged.\n */\nexport function labelForFacetValue(value: string): string {\n  return value === VALUE_NOT_SET ? FRIENDLY_VALUE_NOT_SET : value\n}\n"],"mappings":";;AA0BA,SAAgB,EACd,GACA,GACc;CAEd,IAAI,GAAY,SAAS,OAAO,GAAG,OAAO;CAI1C,IAAI,GAAU,OAAO;CACrB,IAAI,KAAc,MAAM,OAAO;CAC/B,QAAQ,GAAR;EACE,KAAK,WACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,aACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,gBACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAMA,SAAgB,EAAoB,GAAqC;CACvE,QAAQ,GAAR;EACE,KAAK,QACH,OAAO;GAAC;GAAa;GAAa;EAAU;EAC9C,KAAK,QACH,OAAO;GAAC;GAAa;GAAa;GAAa;EAAU;EAC3D,KAAK,SACH,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EACF,KAAK,WACH,OAAO;GAAC;GAAS;GAAa;EAAU;EAC1C,KAAK,QACH,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;EACF;EACF,KAAK,WAEH,OAAO,CAAC;EACV,SAEE,OAAO,CAAC;CACZ;AACF;AAGA,SAAgB,EAAW,GAA2B;CACpD,QAAQ,GAAR;EACE,KAAK,aACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,OACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,OACH,OAAO;EACT,KAAK,SACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,YACH,OAAO;EACT,KAAK,YACH,OAAO;EACT,KAAK,eACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,SAEE,OAAO;CACX;AACF;AAOA,SAAgB,EAAmB,GAAuB;CACxD,OAAO,MAAA,8CAA0B,IAAyB;AAC5D"}
+{"version":3,"file":"queryBuilderMetadata.js","names":[],"sources":["../../../src/components/QueryBuilder/queryBuilderMetadata.ts"],"sourcesContent":["/**\n * Column-kind classification and operator availability per kind. The QB uses\n * this both to populate the operator picker dropdown and to decide what shape\n * of value input to render.\n */\nimport {\n  FacetColumnResult,\n  FacetColumnResultValues,\n} from '@sage-bionetworks/synapse-types'\nimport { parseSynId } from '../../utils/functions/RegularExpressions'\nimport {\n  FRIENDLY_VALUE_NOT_SET,\n  VALUE_NOT_SET,\n} from '../../utils/SynapseConstants'\nimport { QBConditionOp } from './QueryBuilderTypes'\n\n/** Narrows a facet result to the enumerated-values variant the QB can render. */\nexport function isFacetColumnResultValues(\n  facet: FacetColumnResult,\n): facet is FacetColumnResultValues {\n  return (\n    facet.concreteType ===\n    'org.sagebionetworks.repo.model.table.FacetColumnResultValues'\n  )\n}\n\n/** Categorization of columns for the QB UI. Not a synapse-types concept. */\nexport type QBColumnKind =\n  | 'enum'\n  | 'list'\n  | 'range'\n  | 'boolean'\n  | 'text'\n  | 'unknown'\n\n/**\n * Classify a column into a QB kind based on its `ColumnTypeEnum` string and\n * whether the column has a facet in the query result. `hasFacet` distinguishes\n * a faceted single-value column (`enum`) from a plain single-value column\n * (`text`).\n */\nexport function classifyColumn(\n  columnType: string | null,\n  hasFacet: boolean,\n): QBColumnKind {\n  // `_LIST` columns keep the `list` kind so `is_all_of` remains available.\n  if (columnType?.endsWith('_LIST')) return 'list'\n  // Any faceted column becomes an enum picker regardless of the raw column\n  // type (even when the type is unknown, e.g. when the QB tree was hydrated\n  // from `selectedFacets` without column-model context).\n  if (hasFacet) return 'enum'\n  if (columnType == null) return 'unknown'\n  switch (columnType) {\n    case 'BOOLEAN':\n      return 'boolean'\n    case 'INTEGER':\n    case 'DOUBLE':\n    case 'DATE':\n    case 'DATE_TIME':\n      return 'range'\n    case 'STRING':\n    case 'LARGETEXT':\n    case 'LINK':\n    case 'MEDIUMTEXT':\n    case 'USERID':\n    case 'ENTITYID':\n    case 'EVALUATIONID':\n    case 'SUBMISSIONID':\n      return 'text'\n    default:\n      return 'text'\n  }\n}\n\n/**\n * Ordered list of operators offered for a given column kind. Order controls\n * the operator picker dropdown ordering.\n */\nexport function availableOpsForKind(kind: QBColumnKind): QBConditionOp[] {\n  switch (kind) {\n    case 'enum':\n      return ['is_any_of', 'has_value', 'no_value']\n    case 'list':\n      return ['is_any_of', 'is_all_of', 'has_value', 'no_value']\n    case 'range':\n      return [\n        'between',\n        'gt',\n        'gte',\n        'lt',\n        'lte',\n        'equal',\n        'not_equal',\n        'has_value',\n        'no_value',\n      ]\n    case 'boolean':\n      return ['equal', 'has_value', 'no_value']\n    case 'text':\n      return [\n        'contains',\n        'starts_with',\n        'ends_with',\n        'is_exactly',\n        'has_value',\n        'no_value',\n      ]\n    case 'unknown':\n      // No column picked yet; offer nothing until one is selected.\n      return []\n    default:\n      kind satisfies never\n      return []\n  }\n}\n\n/** Human-readable label for an operator, shown in the operator picker. */\nexport function labelForOp(op: QBConditionOp): string {\n  switch (op) {\n    case 'is_any_of':\n      return 'is any of'\n    case 'is_all_of':\n      return 'is all of'\n    case 'between':\n      return 'between'\n    case 'gt':\n      return '>'\n    case 'gte':\n      return '≥'\n    case 'lt':\n      return '<'\n    case 'lte':\n      return '≤'\n    case 'equal':\n      return 'equals'\n    case 'not_equal':\n      return 'does not equal'\n    case 'has_value':\n      return 'has value'\n    case 'no_value':\n      return 'has no value'\n    case 'contains':\n      return 'contains'\n    case 'starts_with':\n      return 'starts with'\n    case 'ends_with':\n      return 'ends with'\n    case 'is_exactly':\n      return 'is exactly'\n    default:\n      op satisfies never\n      return op\n  }\n}\n\n/**\n * Returns the user-facing label for a raw facet value. Backend sentinels like\n * `VALUE_NOT_SET` display as `Not Assigned`; every other value renders as-is.\n * The underlying value stored on the QB condition is unchanged.\n */\nexport function labelForFacetValue(value: string): string {\n  return value === VALUE_NOT_SET ? FRIENDLY_VALUE_NOT_SET : value\n}\n\n/**\n * Does a facet value match the pill filter query? Matching considers both the\n * user-facing label and the underlying value, so a pill labeled with a\n * resolved entity or user name is still findable by the ID it stores.\n *\n * An empty query matches everything.\n */\nexport function facetValueMatchesFilter(\n  value: string,\n  label: string,\n  query: string,\n): boolean {\n  const normalizedQuery = query.trim().toLowerCase()\n  if (normalizedQuery === '') return true\n  if (label.toLowerCase().includes(normalizedQuery)) return true\n  if (value.toLowerCase().includes(normalizedQuery)) return true\n  // An entity ID pasted from elsewhere in Synapse carries a `syn` prefix (and\n  // possibly a version suffix) that an ENTITYID column's stored value doesn't.\n  return parseSynId(normalizedQuery)?.targetId === `syn${value}`\n}\n"],"mappings":";;;AAiBA,SAAgB,EACd,GACkC;CAClC,OACE,EAAM,iBACN;AAEJ;AAiBA,SAAgB,EACd,GACA,GACc;CAEd,IAAI,GAAY,SAAS,OAAO,GAAG,OAAO;CAI1C,IAAI,GAAU,OAAO;CACrB,IAAI,KAAc,MAAM,OAAO;CAC/B,QAAQ,GAAR;EACE,KAAK,WACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,aACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,gBACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAMA,SAAgB,EAAoB,GAAqC;CACvE,QAAQ,GAAR;EACE,KAAK,QACH,OAAO;GAAC;GAAa;GAAa;EAAU;EAC9C,KAAK,QACH,OAAO;GAAC;GAAa;GAAa;GAAa;EAAU;EAC3D,KAAK,SACH,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EACF,KAAK,WACH,OAAO;GAAC;GAAS;GAAa;EAAU;EAC1C,KAAK,QACH,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;EACF;EACF,KAAK,WAEH,OAAO,CAAC;EACV,SAEE,OAAO,CAAC;CACZ;AACF;AAGA,SAAgB,EAAW,GAA2B;CACpD,QAAQ,GAAR;EACE,KAAK,aACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,OACH,OAAO;EACT,KAAK,MACH,OAAO;EACT,KAAK,OACH,OAAO;EACT,KAAK,SACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,YACH,OAAO;EACT,KAAK,YACH,OAAO;EACT,KAAK,eACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,SAEE,OAAO;CACX;AACF;AAOA,SAAgB,EAAmB,GAAuB;CACxD,OAAO,MAAA,8CAA0B,IAAyB;AAC5D;AASA,SAAgB,EACd,GACA,GACA,GACS;CACT,IAAM,IAAkB,EAAM,KAAK,EAAE,YAAY;CAMjD,OALI,MAAoB,MACpB,EAAM,YAAY,EAAE,SAAS,CAAe,KAC5C,EAAM,YAAY,EAAE,SAAS,CAAe,IAAU,KAGnD,EAAW,CAAe,GAAG,aAAa,MAAM;AACzD"}

package/dist/components/QueryBuilder/useQBValueDisplayName.d.ts

@@ -0,0 +1,18 @@
+import { ColumnModel, FacetColumnResult } from '@sage-bionetworks/synapse-types';
+/**
+ * Resolves the user-facing label for a value stored on a QB condition. Columns
+ * whose values are Synapse IDs resolve to the object's name; every other
+ * column falls back to {@link labelForFacetValue}.
+ */
+export type QBValueDisplayNameFn = (columnName: string | null, value: string) => string;
+/**
+ * Builds the labeling function used for every value the QB displays — pill
+ * choices and the plain-English summary alike.
+ *
+ * IDs are looked up in batch for the whole panel rather than per condition, so
+ * a value keeps its name whether or not a condition is currently selecting it.
+ */
+export declare function useQBValueDisplayName(columnModels: ColumnModel[], facetResults: readonly FacetColumnResult[]): QBValueDisplayNameFn;
+/** Labeler used when no ID resolution is available (e.g. outside the panel). */
+export declare const rawQBValueDisplayName: QBValueDisplayNameFn;
+//# sourceMappingURL=useQBValueDisplayName.d.ts.map