synapse-react-client 4.0.38 → 4.0.40

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

@@ -0,0 +1,83 @@
+.group {
+  position: relative;
+  padding: 8px 0 8px 16px;
+  border-left: 2px solid
+    var(--qb-accent-color, var(--synapse-primary-action-color));
+  border-radius: 2px 0 0 2px;
+
+  &.nested {
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  margin-bottom: 4px;
+}
+
+.combinator :global(.MuiToggleButton-root) {
+  text-transform: none;
+  padding: 2px 12px;
+  min-width: 44px;
+  font-weight: 700;
+  border-color: var(--synapse-gray-dark);
+  color: var(--synapse-gray-regular);
+}
+
+.combinator :global(.MuiToggleButton-root.Mui-selected) {
+  background-color: var(--qb-accent-color, var(--synapse-primary-action-color));
+  color: white;
+  border-color: var(--qb-accent-color, var(--synapse-primary-action-color));
+}
+
+.combinator :global(.MuiToggleButton-root.Mui-selected:hover) {
+  background-color: var(--qb-accent-color, var(--synapse-primary-action-color));
+}
+
+.notToggle {
+  text-transform: none;
+  padding: 2px 12px;
+  border-color: var(--synapse-gray-dark);
+  color: var(--synapse-gray-regular);
+  font-weight: 600;
+  font-size: 13px;
+
+  &:global(.Mui-selected),
+  &:global(.Mui-selected:hover) {
+    background-color: var(--synapse-error);
+    color: white;
+    border-color: var(--synapse-error);
+  }
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: auto;
+}
+
+.actionButton {
+  text-transform: none;
+  padding: 2px 8px;
+  min-width: 0;
+  font-weight: 500;
+  color: var(--synapse-primary-action-color);
+}
+
+.children {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.emptyState {
+  padding: 8px 4px;
+  color: var(--synapse-gray-deemphasized);
+  font-style: italic;
+  font-size: 13px;
+}

package/dist/components/QueryBuilder/QueryBuilderControls.css

@@ -0,0 +1 @@
+._root_x90xm_1{background:var(--synapse-background-color-gray-light);border:1px solid var(--synapse-border-color-gray);border-radius:4px;flex-direction:column;gap:12px;padding:12px;display:flex}._applyRow_x90xm_11{justify-content:flex-end;display:flex}._applyButton_x90xm_16{text-transform:none}._summaryBar_x90xm_20{border:1px solid var(--synapse-border-color-gray);background:#fff;border-radius:4px;flex-direction:column;align-items:stretch;gap:6px;padding:8px 12px;display:flex}._summaryHeader_x90xm_31{justify-content:space-between;align-items:center;gap:12px;display:flex}._summaryLabel_x90xm_38{text-transform:uppercase;letter-spacing:.5px;color:var(--synapse-gray-regular);font-size:11px;font-weight:700}._summaryContent_x90xm_46{word-break:break-word;font-size:14px;line-height:1.5}._summaryModeToggle_x90xm_52{flex-shrink:0}._summaryModeToggle_x90xm_52 .MuiToggleButton-root{text-transform:none;padding:2px 12px;font-size:12px}._sqlPlaceholder_x90xm_61{color:var(--synapse-gray-deemphasized);font-style:italic}._sqlText_x90xm_66{font-family:var(--synapse-font-family-mono,monospace);white-space:pre-wrap;word-break:break-word;color:var(--synapse-gray-1000);font-size:12px;display:block}._sqlError_x90xm_75{color:var(--synapse-error);font-size:13px}

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

@@ -0,0 +1,21 @@
+import { QBGroup } from './QueryBuilderTypes';
+export type QueryBuilderControlsProps = {
+    /** The QB tree. When null, an empty default tree is rendered. */
+    tree: QBGroup | null;
+    /** Called with the next tree after any dispatched edit. */
+    onTreeChange: (next: QBGroup) => void;
+    /**
+     * When true, the property picker only offers columns that have facet
+     * metadata (Cohort Builder mode). Defaults to false.
+     */
+    onlyFacetedColumns?: boolean;
+};
+/**
+ * Top-level Query Builder panel. Uses `useQBFacetSourceMetadata()` — must be
+ * rendered inside the Suspense boundary that already wraps
+ * `QueryVisualizationWrapper` in `QueryWrapperPlotNav`. Facet metadata is
+ * pulled from a companion query that strips the QB's own `FilterGroup` out
+ * of `additionalFilters` so pill values remain stable while the user builds.
+ */
+export declare function QueryBuilderControls(props: QueryBuilderControlsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QueryBuilderControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderControls.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/QueryBuilderControls.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAe,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAI1D,MAAM,MAAM,yBAAyB,GAAG;IACtC,iEAAiE;IACjE,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IACpB,2DAA2D;IAC3D,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAID;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA+KpE"}

package/dist/components/QueryBuilder/QueryBuilderControls.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderControls.js","names":[],"sources":["../../../src/components/QueryBuilder/QueryBuilderControls.tsx"],"sourcesContent":["import { Button, ToggleButton, ToggleButtonGroup } from '@mui/material'\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 { 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\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      <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    </QueryBuilderInternalContextProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4CA,SAAgB,EAAqB,GAAkC;CACrE,IAAM,EAAE,SAAM,iBAAc,wBAAqB,OAAU,GACrD,EAAE,iBAAc,oBAAiB,EAAyB,GAC1D,EAAE,2BAAwB,EAAgB,GAE1C,IAAa,KAAQ,EAAe,GAEpC,IAAU,QAAkB;EAChC,IAAM,IAAc,EAAkB,CAAU;EAChD,GAAoB,MAAQ;GAI1B,IAAM,KAAa,EAAK,MAAM,qBAAqB,CAAC,GAAG,QACrD,MAAK,CAAC,EAAc,CAAC,CACvB,GACM,IAAO,IAAc,CAAC,GAAG,GAAW,CAAW,IAAI;GACzD,OAAO;IACL,GAAG;IACH,OAAO;KACL,GAAG,EAAK;KACR,mBAAmB,EAAK,SAAS,IAAI,IAAO,KAAA;IAC9C;GACF;EACF,CAAC;CACH,GAAG,CAAC,GAAY,CAAmB,CAAC,GAE9B,EAAE,4BAAyB,EAA6B,GAExD,CAAC,GAAa,KAAkB,EAAsB,eAAe,GAErE,IAAiB,GACpB,MAAoB;EACnB,EAAa,EAAoB,GAAY,GAAS,MAAM,IAAI,CAAC;CACnE,GACA,CAAC,GAAY,CAAY,CAC3B,GACM,IAAkB,GACrB,MAAoB;EACnB,EAAa,EAAc,GAAY,CAAO,CAAC;CACjD,GACA,CAAC,GAAY,CAAY,CAC3B,GACM,IAAe,GAClB,MAAoB;EACnB,EAAa,EAAW,GAAY,CAAO,CAAC;CAC9C,GACA,CAAC,GAAY,CAAY,CAC3B,GACM,IAAgB,GAElB,GACA,MACG;EACH,EAAa,EAAY,GAAY,GAAS,CAAK,CAAC;CACtD,GACA,CAAC,GAAY,CAAY,CAC3B,GACM,IAAgB,GACnB,MAAoB;EACnB,EAAa,EAAW,GAAY,CAAO,CAAC;CAC9C,GACA,CAAC,GAAY,CAAY,CAC3B,GACM,IAAoB,GACvB,GAAqB,MAAqD;EACzE,EAAa,EAAgB,GAAY,GAAa,CAAK,CAAC;CAC9D,GACA,CAAC,GAAY,CAAY,CAC3B,GACM,IAAoB,GACvB,MAAwB;EACvB,EAAa,EAAW,GAAY,CAAW,CAAC;CAClD,GACA,CAAC,GAAY,CAAY,CAC3B,GAEM,IAAe,SACZ;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF,GAEM,IAAW,QACT,EAAiB,GAAY,CAAoB,GACvD,CAAC,GAAY,CAAoB,CACnC,GAEM,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAiB,MAAgB,QAAQ,IAAa,IAAI;CAE9D,OACE,kBAAC,GAAD;EAAqC,OAAO;YAC1C,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAc;MAAmB,CAAA,GACzD,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,MAAK;OACL,WAAA;OACA,OAAO;OACP,WAAW,GAAQ,MAA6B;QAC9C,AAAI,KAAQ,QAAM,EAAe,CAAI;OACvC;OACA,cAAW;iBARb,CAUE,kBAAC,GAAD;QAAc,OAAM;QAAgB,cAAW;kBAAe;OAEhD,CAAA,GACd,kBAAC,GAAD;QAAc,OAAM;QAAM,cAAW;kBAAW;OAElC,CAAA,CACG;QAChB;SACL,kBAAC,OAAD;MACE,WAAW,EAAO;MAClB,aAAU;MACV,eAAY;gBAEX,MAAgB,kBACf,IACE,IACF,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAxB,CAAkC,gCACH,EAAS,OAClC;WACJ,IACF,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAgB;MAAkB,CAAA,IAE1D,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAU;MAAkB,CAAA;KAEnD,CAAA,CACF;;IAEL,kBAAC,GAAD;KAAiB,OAAO;KAAY,QAAA;IAAQ,CAAA;IAE5C,kBAAC,OAAD;KAAK,WAAW,EAAO;eACrB,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,SAAS;MACT,WAAW,EAAO;gBACnB;KAEO,CAAA;IACL,CAAA;GACF;;CAC8B,CAAA;AAEzC"}

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

@@ -0,0 +1,17 @@
+import './QueryBuilderControls.css';var e = {
+	root: "_root_x90xm_1",
+	applyRow: "_applyRow_x90xm_11",
+	applyButton: "_applyButton_x90xm_16",
+	summaryBar: "_summaryBar_x90xm_20",
+	summaryHeader: "_summaryHeader_x90xm_31",
+	summaryLabel: "_summaryLabel_x90xm_38",
+	summaryContent: "_summaryContent_x90xm_46",
+	summaryModeToggle: "_summaryModeToggle_x90xm_52",
+	sqlPlaceholder: "_sqlPlaceholder_x90xm_61",
+	sqlText: "_sqlText_x90xm_66",
+	sqlError: "_sqlError_x90xm_75"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=QueryBuilderControls.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBuilderControls.module.js","names":[],"sources":["../../../src/components/QueryBuilder/QueryBuilderControls.module.scss"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px;\n  background: var(--synapse-background-color-gray-light);\n  border: 1px solid var(--synapse-border-color-gray);\n  border-radius: 4px;\n}\n\n.applyRow {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.applyButton {\n  text-transform: none;\n}\n\n.summaryBar {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 6px;\n  padding: 8px 12px;\n  background: white;\n  border: 1px solid var(--synapse-border-color-gray);\n  border-radius: 4px;\n}\n\n.summaryHeader {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.summaryLabel {\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 0.5px;\n  color: var(--synapse-gray-regular);\n}\n\n.summaryContent {\n  font-size: 14px;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n.summaryModeToggle {\n  flex-shrink: 0;\n\n  :global(.MuiToggleButton-root) {\n    text-transform: none;\n    padding: 2px 12px;\n    font-size: 12px;\n  }\n}\n\n.sqlPlaceholder {\n  color: var(--synapse-gray-deemphasized);\n  font-style: italic;\n}\n\n.sqlText {\n  display: block;\n  font-family: var(--synapse-font-family-mono, monospace);\n  font-size: 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  color: var(--synapse-gray-1000);\n}\n\n.sqlError {\n  color: var(--synapse-error);\n  font-size: 13px;\n}\n"],"mappings":""}

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

@@ -0,0 +1,79 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 12px;
+  background: var(--synapse-background-color-gray-light);
+  border: 1px solid var(--synapse-border-color-gray);
+  border-radius: 4px;
+}
+
+.applyRow {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.applyButton {
+  text-transform: none;
+}
+
+.summaryBar {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 6px;
+  padding: 8px 12px;
+  background: white;
+  border: 1px solid var(--synapse-border-color-gray);
+  border-radius: 4px;
+}
+
+.summaryHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.summaryLabel {
+  font-weight: 700;
+  text-transform: uppercase;
+  font-size: 11px;
+  letter-spacing: 0.5px;
+  color: var(--synapse-gray-regular);
+}
+
+.summaryContent {
+  font-size: 14px;
+  line-height: 1.5;
+  word-break: break-word;
+}
+
+.summaryModeToggle {
+  flex-shrink: 0;
+
+  :global(.MuiToggleButton-root) {
+    text-transform: none;
+    padding: 2px 12px;
+    font-size: 12px;
+  }
+}
+
+.sqlPlaceholder {
+  color: var(--synapse-gray-deemphasized);
+  font-style: italic;
+}
+
+.sqlText {
+  display: block;
+  font-family: var(--synapse-font-family-mono, monospace);
+  font-size: 12px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  color: var(--synapse-gray-1000);
+}
+
+.sqlError {
+  color: var(--synapse-error);
+  font-size: 13px;
+}

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

@@ -0,0 +1,39 @@
+import { ColumnModel, FacetColumnResult } from '@sage-bionetworks/synapse-types';
+import { PropsWithChildren } from 'react';
+import { QBCondition, QBGroup } from './QueryBuilderTypes';
+/**
+ * Internal-only context shared between `QueryBuilderControls`,
+ * `FilterGroupNode`, and `FilterConditionRow`. Exposes the dispatch surface
+ * for tree edits + the query metadata each row needs (column models, facet
+ * results, and the Cohort Builder `onlyFacetedColumns` toggle).
+ */
+export type QueryBuilderInternalContextType = {
+    /** All columns available in the query (unfiltered by faceting). */
+    columnModels: ColumnModel[];
+    /** Facet results keyed by column name (used to populate pill choices). */
+    facetResults: readonly FacetColumnResult[];
+    /**
+     * When true, the property picker only offers columns that have facet
+     * metadata. Cohort Builder sets this true.
+     */
+    onlyFacetedColumns: boolean;
+    /**
+     * Returns the user-facing label for a column — resolves `columnAliases`
+     * first, then falls back to `unCamelCase(name)`. Wired from
+     * `QueryVisualizationContext.getColumnDisplayName` when available.
+     */
+    getColumnDisplayName: (columnName: string) => string;
+    addConditionAt: (groupId: string) => void;
+    addChildGroupAt: (groupId: string) => void;
+    clearGroupAt: (groupId: string) => void;
+    updateGroupAt: (groupId: string, patch: Partial<Omit<QBGroup, 'kind' | 'id' | 'children'>>) => void;
+    removeGroupAt: (groupId: string) => void;
+    updateConditionAt: (conditionId: string, patch: Partial<Omit<QBCondition, 'kind' | 'id'>>) => void;
+    removeConditionAt: (conditionId: string) => void;
+};
+export type QueryBuilderInternalContextProviderProps = PropsWithChildren<{
+    value: QueryBuilderInternalContextType;
+}>;
+export declare function QueryBuilderInternalContextProvider(props: QueryBuilderInternalContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useQueryBuilderInternalContext(): QueryBuilderInternalContextType;
+//# sourceMappingURL=QueryBuilderInternalContext.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/QueryBuilder/QueryBuilderInternalContext.js

@@ -0,0 +1,19 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/QueryBuilder/QueryBuilderInternalContext.tsx
+var r = e(null);
+function i(e) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: e.value,
+		children: e.children
+	});
+}
+function a() {
+	let e = t(r);
+	if (e == null) throw Error("QueryBuilderInternalContext missing — must be rendered inside QueryBuilderControls");
+	return e;
+}
+//#endregion
+export { i as QueryBuilderInternalContextProvider, a as useQueryBuilderInternalContext };
+
+//# sourceMappingURL=QueryBuilderInternalContext.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { QBGroup } from './QueryBuilderTypes';
+/**
+ * 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.
+ *
+ * Rules (per the design's plain-English summary spec):
+ * - The root group reads without outer parentheses.
+ * - Nested groups retain parentheses.
+ * - 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;
+//# sourceMappingURL=qbTreeToReadable.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/QueryBuilder/qbTreeToReadable.js

@@ -0,0 +1,89 @@
+import { labelForFacetValue as e, labelForOp as t } from "./queryBuilderMetadata.js";
+import { isQBGroup as n } from "./QueryBuilderTypes.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 s(e, t, r) {
+	return n(e) ? c(e, t, r) : l(e, r);
+}
+function c(e, t, n) {
+	let o = e.children.map((e, t) => ({
+		key: e.id,
+		node: s(e, !1, n),
+		index: t
+	})).filter((e) => e.node != null);
+	if (o.length === 0) return null;
+	let c = e.combinator, l = /* @__PURE__ */ i("span", { children: o.map((e, t) => /* @__PURE__ */ a("span", { children: [t > 0 && /* @__PURE__ */ a(r, { children: [
+		" ",
+		/* @__PURE__ */ i(d, { combinator: c }),
+		" "
+	] }), e.node] }, e.key)) });
+	return e.not ? /* @__PURE__ */ a("span", { children: [
+		/* @__PURE__ */ i(f, {}),
+		" (",
+		l,
+		")"
+	] }) : t ? l : /* @__PURE__ */ a("span", { children: [
+		"(",
+		l,
+		")"
+	] });
+}
+function l(e, n) {
+	let r = u(e);
+	if (e.columnName == null && r == null) return null;
+	let o = e.columnName ? n(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 }),
+		" ",
+		t(e.op),
+		" ",
+		r
+	] });
+}
+function u(t) {
+	let { op: n, values: r, rangeMin: i, rangeMax: a, text: o } = t;
+	switch (n) {
+		case "has_value":
+		case "no_value": return "";
+		case "is_any_of":
+		case "is_all_of": return r.length === 0 ? null : r.map(e).join(", ");
+		case "equal":
+		case "not_equal": return r.length === 0 ? null : e(r[0]);
+		case "between": return !i || !a ? null : `${i} and ${a}`;
+		case "gt":
+		case "gte": return i || null;
+		case "lt":
+		case "lte": return a || null;
+		case "contains":
+		case "starts_with":
+		case "ends_with":
+		case "is_exactly": return o ? `"${o}"` : null;
+		default: return null;
+	}
+}
+function d({ combinator: e }) {
+	return /* @__PURE__ */ i("span", {
+		style: {
+			color: e === "OR" ? "var(--synapse-warning)" : "var(--synapse-primary-action-color)",
+			fontWeight: 700
+		},
+		"aria-hidden": "false",
+		children: e
+	});
+}
+function f() {
+	return /* @__PURE__ */ i("span", {
+		style: {
+			color: "var(--synapse-error)",
+			fontWeight: 700
+		},
+		children: "NOT"
+	});
+}
+//#endregion
+export { o as qbTreeToReadable };
+
+//# sourceMappingURL=qbTreeToReadable.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export declare function newQBNodeId(): string;
+//# sourceMappingURL=queryBuilderId.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queryBuilderId.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/queryBuilderId.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,IAAI,MAAM,CAUpC"}

package/dist/components/QueryBuilder/queryBuilderId.js

@@ -0,0 +1,9 @@
+//#region src/components/QueryBuilder/queryBuilderId.ts
+var e = 0;
+function t() {
+	return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : (e += 1, `qb-${e}`);
+}
+//#endregion
+export { t as newQBNodeId };
+
+//# sourceMappingURL=queryBuilderId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queryBuilderId.js","names":[],"sources":["../../../src/components/QueryBuilder/queryBuilderId.ts"],"sourcesContent":["let idCounter = 0\n\nexport function newQBNodeId(): string {\n  if (\n    typeof crypto !== 'undefined' &&\n    typeof crypto.randomUUID === 'function'\n  ) {\n    return crypto.randomUUID()\n  }\n  // Monotonic counter is sufficient — QB ids are client-only React keys, not secrets.\n  idCounter += 1\n  return `qb-${idCounter}`\n}\n"],"mappings":";AAAA,IAAI,IAAY;AAEhB,SAAgB,IAAsB;CASpC,OAPE,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,aAEtB,OAAO,WAAW,KAG3B,KAAa,GACN,MAAM;AACf"}

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

@@ -0,0 +1,24 @@
+import { QBConditionOp } from './QueryBuilderTypes';
+/** Categorization of columns for the QB UI. Not a synapse-types concept. */
+export type QBColumnKind = 'enum' | 'list' | 'range' | 'boolean' | 'text' | 'unknown';
+/**
+ * Classify a column into a QB kind based on its `ColumnTypeEnum` string and
+ * whether the column has a facet in the query result. `hasFacet` distinguishes
+ * a faceted single-value column (`enum`) from a plain single-value column
+ * (`text`).
+ */
+export declare function classifyColumn(columnType: string | null, hasFacet: boolean): QBColumnKind;
+/**
+ * Ordered list of operators offered for a given column kind. Order controls
+ * the operator picker dropdown ordering.
+ */
+export declare function availableOpsForKind(kind: QBColumnKind): QBConditionOp[];
+/** Human-readable label for an operator, shown in the operator picker. */
+export declare function labelForOp(op: QBConditionOp): string;
+/**
+ * Returns the user-facing label for a raw facet value. Backend sentinels like
+ * `VALUE_NOT_SET` display as `Not Assigned`; every other value renders as-is.
+ * The underlying value stored on the QB condition is unchanged.
+ */
+export declare function labelForFacetValue(value: string): string;
+//# sourceMappingURL=queryBuilderMetadata.d.ts.map

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

@@ -0,0 +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"}