synapse-react-client 4.0.40 → 4.0.41

package/dist/components/QueryBuilder/FilterGroupNode.js

@@ -1,100 +1,134 @@
-import { useQueryBuilderInternalContext as e } from "./QueryBuilderInternalContext.js";
-import { isQBGroup as t } from "./QueryBuilderTypes.js";
-import { FilterConditionRow as n } from "./FilterConditionRow.js";
-import r from "./FilterGroupNode.module.js";
-import { Button as i, ToggleButton as a, ToggleButtonGroup as o } from "@mui/material";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { isQBGroup as e } from "./QueryBuilderTypes.js";
+import { groupDropZoneData as t, groupDropZoneId as n } from "./queryBuilderDnd.js";
+import { useQueryBuilderInternalContext as r } from "./QueryBuilderInternalContext.js";
+import i from "./queryBuilderDrag.module.js";
+import { QBDragHandle as a } from "./QBDragHandle.js";
+import { FilterConditionRow as o } from "./FilterConditionRow.js";
+import s from "./FilterGroupNode.module.js";
+import { Button as c, ToggleButton as l, ToggleButtonGroup as u } from "@mui/material";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useForkRef as p } from "@mui/material/utils";
+import { useSortable as m } from "@dnd-kit/react/sortable";
+import { pointerIntersection as h } from "@dnd-kit/collision";
+import { useDroppable as g } from "@dnd-kit/react";
 //#region src/components/QueryBuilder/FilterGroupNode.tsx
-function l(f) {
-	let { group: p, isRoot: m = !1 } = f, { addConditionAt: h, addChildGroupAt: g, clearGroupAt: _, updateGroupAt: v, removeGroupAt: y } = e(), b = {
-		"--qb-accent-color": u(p),
-		"--qb-pill-color": u(p)
+function _(b) {
+	let { group: x, isRoot: S = !1, parentGroupId: C, index: w, depth: T = 0 } = b, { addConditionAt: E, addChildGroupAt: D, clearGroupAt: O, updateGroupAt: k, removeGroupAt: A } = r(), { ref: j, handleRef: M, isDragSource: N } = m({
+		id: x.id,
+		index: w ?? 0,
+		group: C ?? x.id,
+		disabled: {
+			draggable: S,
+			droppable: !0
+		}
+	}), { ref: P, isDropTarget: F } = g({
+		id: n(x.id),
+		data: t(x.id),
+		collisionDetector: h,
+		collisionPriority: T
+	}), I = p(j, P), L = {
+		"--qb-accent-color": v(x),
+		"--qb-pill-color": v(x)
 	};
-	return /* @__PURE__ */ c("div", {
-		className: `${r.group} ${m ? "" : r.nested}`,
-		style: b,
+	return /* @__PURE__ */ f("div", {
+		ref: I,
+		className: `${s.group} ${S ? "" : s.nested}${N ? ` ${i.dragSource}` : ""}${F ? ` ${s.dropTarget}` : ""}`,
+		style: L,
 		role: "group",
-		"aria-label": d(p),
-		"data-qb-node-id": p.id,
-		children: [/* @__PURE__ */ c("div", {
-			className: r.header,
+		"aria-label": y(x),
+		"data-qb-node-id": x.id,
+		children: [/* @__PURE__ */ f("div", {
+			className: s.header,
 			children: [
-				/* @__PURE__ */ c(o, {
+				!S && /* @__PURE__ */ d(a, {
+					handleRef: M,
+					label: "Drag condition group into another condition group"
+				}),
+				/* @__PURE__ */ f(u, {
 					size: "small",
-					className: r.combinator,
+					className: s.combinator,
 					exclusive: !0,
-					value: p.combinator,
+					value: x.combinator,
 					"aria-label": "Boolean combinator",
 					onChange: (e, t) => {
-						t != null && v(p.id, { combinator: t });
+						t != null && k(x.id, { combinator: t });
 					},
-					children: [/* @__PURE__ */ s(a, {
+					children: [/* @__PURE__ */ d(l, {
 						value: "AND",
 						"aria-label": "AND",
 						children: "AND"
-					}), /* @__PURE__ */ s(a, {
+					}), /* @__PURE__ */ d(l, {
 						value: "OR",
 						"aria-label": "OR",
 						children: "OR"
 					})]
 				}),
-				/* @__PURE__ */ s(a, {
+				/* @__PURE__ */ d(l, {
 					size: "small",
 					value: "not",
-					selected: p.not,
-					className: r.notToggle,
+					selected: x.not,
+					className: s.notToggle,
 					"aria-label": "Negate this group",
-					"aria-pressed": p.not,
-					onChange: () => v(p.id, { not: !p.not }),
+					"aria-pressed": x.not,
+					onChange: () => k(x.id, { not: !x.not }),
 					children: "Exclude (NOT)"
 				}),
-				/* @__PURE__ */ c("div", {
-					className: r.actions,
+				/* @__PURE__ */ f("div", {
+					className: s.actions,
 					children: [
-						/* @__PURE__ */ s(i, {
-							className: r.actionButton,
+						/* @__PURE__ */ d(c, {
+							className: s.actionButton,
 							size: "small",
-							onClick: () => h(p.id),
+							onClick: () => E(x.id),
 							children: "+ Condition"
 						}),
-						/* @__PURE__ */ s(i, {
-							className: r.actionButton,
+						/* @__PURE__ */ d(c, {
+							className: s.actionButton,
 							size: "small",
-							onClick: () => g(p.id),
+							onClick: () => D(x.id),
 							children: "+ Condition Group"
 						}),
-						/* @__PURE__ */ s(i, {
-							className: r.actionButton,
+						/* @__PURE__ */ d(c, {
+							className: s.actionButton,
 							size: "small",
-							onClick: () => _(p.id),
-							disabled: p.children.length === 0,
+							onClick: () => O(x.id),
+							disabled: x.children.length === 0,
 							children: "Clear"
 						}),
-						!m && /* @__PURE__ */ s(i, {
-							className: r.actionButton,
+						!S && /* @__PURE__ */ d(c, {
+							className: s.actionButton,
 							size: "small",
-							onClick: () => y(p.id),
+							onClick: () => A(x.id),
 							children: "Delete Condition Group"
 						})
 					]
 				})
 			]
-		}), /* @__PURE__ */ s("div", {
-			className: r.children,
-			children: p.children.length === 0 ? /* @__PURE__ */ s("div", {
-				className: r.emptyState,
+		}), /* @__PURE__ */ d("div", {
+			className: s.children,
+			children: x.children.length === 0 ? /* @__PURE__ */ d("div", {
+				className: s.emptyState,
 				children: "No conditions yet, add one above"
-			}) : p.children.map((e) => t(e) ? /* @__PURE__ */ s(l, { group: e }, e.id) : /* @__PURE__ */ s(n, { condition: e }, e.id))
+			}) : x.children.map((t, n) => e(t) ? /* @__PURE__ */ d(_, {
+				group: t,
+				parentGroupId: x.id,
+				index: n,
+				depth: T + 1
+			}, t.id) : /* @__PURE__ */ d(o, {
+				condition: t,
+				parentGroupId: x.id,
+				index: n
+			}, t.id))
 		})]
 	});
 }
-function u(e) {
+function v(e) {
 	return e.not ? "var(--synapse-error)" : e.combinator === "OR" ? "var(--synapse-warning)" : "var(--synapse-primary-action-color)";
 }
-function d(e) {
+function y(e) {
 	return `${e.not ? "excluded " : ""}${e.combinator} filter group`;
 }
 //#endregion
-export { l as FilterGroupNode };
+export { _ as FilterGroupNode };
 
 //# sourceMappingURL=FilterGroupNode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterGroupNode.js","names":[],"sources":["../../../src/components/QueryBuilder/FilterGroupNode.tsx"],"sourcesContent":["import { Button, ToggleButton, ToggleButtonGroup } from '@mui/material'\nimport { CSSProperties } from 'react'\nimport { FilterConditionRow } from './FilterConditionRow'\nimport styles from './FilterGroupNode.module.scss'\nimport { useQueryBuilderInternalContext } from './QueryBuilderInternalContext'\nimport { isQBGroup, QBGroup } from './QueryBuilderTypes'\n\nexport type FilterGroupNodeProps = {\n  group: QBGroup\n  isRoot?: boolean\n}\n\nexport function FilterGroupNode(props: FilterGroupNodeProps) {\n  const { group, isRoot = false } = props\n  const {\n    addConditionAt,\n    addChildGroupAt,\n    clearGroupAt,\n    updateGroupAt,\n    removeGroupAt,\n  } = useQueryBuilderInternalContext()\n\n  const style: CSSProperties = {\n    ['--qb-accent-color' as string]: accentColorFor(group),\n    ['--qb-pill-color' as string]: accentColorFor(group),\n  }\n\n  return (\n    <div\n      className={`${styles.group} ${isRoot ? '' : styles.nested}`}\n      style={style}\n      role=\"group\"\n      aria-label={groupAriaLabel(group)}\n      data-qb-node-id={group.id}\n    >\n      <div className={styles.header}>\n        <ToggleButtonGroup\n          size=\"small\"\n          className={styles.combinator}\n          exclusive\n          value={group.combinator}\n          aria-label=\"Boolean combinator\"\n          onChange={(_event, next) => {\n            if (next == null) return\n            updateGroupAt(group.id, { combinator: next })\n          }}\n        >\n          <ToggleButton value=\"AND\" aria-label=\"AND\">\n            AND\n          </ToggleButton>\n          <ToggleButton value=\"OR\" aria-label=\"OR\">\n            OR\n          </ToggleButton>\n        </ToggleButtonGroup>\n\n        <ToggleButton\n          size=\"small\"\n          value=\"not\"\n          selected={group.not}\n          className={styles.notToggle}\n          aria-label=\"Negate this group\"\n          aria-pressed={group.not}\n          onChange={() => updateGroupAt(group.id, { not: !group.not })}\n        >\n          Exclude (NOT)\n        </ToggleButton>\n\n        <div className={styles.actions}>\n          <Button\n            className={styles.actionButton}\n            size=\"small\"\n            onClick={() => addConditionAt(group.id)}\n          >\n            + Condition\n          </Button>\n          <Button\n            className={styles.actionButton}\n            size=\"small\"\n            onClick={() => addChildGroupAt(group.id)}\n          >\n            + Condition Group\n          </Button>\n          <Button\n            className={styles.actionButton}\n            size=\"small\"\n            onClick={() => clearGroupAt(group.id)}\n            disabled={group.children.length === 0}\n          >\n            Clear\n          </Button>\n          {!isRoot && (\n            <Button\n              className={styles.actionButton}\n              size=\"small\"\n              onClick={() => removeGroupAt(group.id)}\n            >\n              Delete Condition Group\n            </Button>\n          )}\n        </div>\n      </div>\n\n      <div className={styles.children}>\n        {group.children.length === 0 ? (\n          <div className={styles.emptyState}>\n            No conditions yet, add one above\n          </div>\n        ) : (\n          group.children.map(child => {\n            if (isQBGroup(child)) {\n              return <FilterGroupNode key={child.id} group={child} />\n            }\n            return <FilterConditionRow key={child.id} condition={child} />\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction accentColorFor(group: QBGroup): string {\n  if (group.not) return 'var(--synapse-error)'\n  if (group.combinator === 'OR') return 'var(--synapse-warning)'\n  return 'var(--synapse-primary-action-color)'\n}\n\nfunction groupAriaLabel(group: QBGroup): string {\n  const modifier = group.not ? 'excluded ' : ''\n  return `${modifier}${group.combinator} filter group`\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,UAAO,YAAS,OAAU,GAC5B,EACJ,mBACA,oBACA,iBACA,kBACA,qBACE,EAA+B,GAE7B,IAAuB;EAC1B,qBAAgC,EAAe,CAAK;EACpD,mBAA8B,EAAe,CAAK;CACrD;CAEA,OACE,kBAAC,OAAD;EACE,WAAW,GAAG,EAAO,MAAM,GAAG,IAAS,KAAK,EAAO;EAC5C;EACP,MAAK;EACL,cAAY,EAAe,CAAK;EAChC,mBAAiB,EAAM;YALzB,CAOE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,GAAD;KACE,MAAK;KACL,WAAW,EAAO;KAClB,WAAA;KACA,OAAO,EAAM;KACb,cAAW;KACX,WAAW,GAAQ,MAAS;MACtB,KAAQ,QACZ,EAAc,EAAM,IAAI,EAAE,YAAY,EAAK,CAAC;KAC9C;eATF,CAWE,kBAAC,GAAD;MAAc,OAAM;MAAM,cAAW;gBAAM;KAE7B,CAAA,GACd,kBAAC,GAAD;MAAc,OAAM;MAAK,cAAW;gBAAK;KAE3B,CAAA,CACG;;IAEnB,kBAAC,GAAD;KACE,MAAK;KACL,OAAM;KACN,UAAU,EAAM;KAChB,WAAW,EAAO;KAClB,cAAW;KACX,gBAAc,EAAM;KACpB,gBAAgB,EAAc,EAAM,IAAI,EAAE,KAAK,CAAC,EAAM,IAAI,CAAC;eAC5D;IAEa,CAAA;IAEd,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,MAAK;OACL,eAAe,EAAe,EAAM,EAAE;iBACvC;MAEO,CAAA;MACR,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,MAAK;OACL,eAAe,EAAgB,EAAM,EAAE;iBACxC;MAEO,CAAA;MACR,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,MAAK;OACL,eAAe,EAAa,EAAM,EAAE;OACpC,UAAU,EAAM,SAAS,WAAW;iBACrC;MAEO,CAAA;MACP,CAAC,KACA,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,MAAK;OACL,eAAe,EAAc,EAAM,EAAE;iBACtC;MAEO,CAAA;KAEP;;GACF;MAEL,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,EAAM,SAAS,WAAW,IACzB,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAY;GAE9B,CAAA,IAEL,EAAM,SAAS,KAAI,MACb,EAAU,CAAK,IACV,kBAAC,GAAD,EAAgC,OAAO,EAAQ,GAAzB,EAAM,EAAmB,IAEjD,kBAAC,GAAD,EAAmC,WAAW,EAAQ,GAA7B,EAAM,EAAuB,CAC9D;EAEA,CAAA,CACF;;AAET;AAEA,SAAS,EAAe,GAAwB;CAG9C,OAFI,EAAM,MAAY,yBAClB,EAAM,eAAe,OAAa,2BAC/B;AACT;AAEA,SAAS,EAAe,GAAwB;CAE9C,OAAO,GADU,EAAM,MAAM,cAAc,KACtB,EAAM,WAAW;AACxC"}
+{"version":3,"file":"FilterGroupNode.js","names":[],"sources":["../../../src/components/QueryBuilder/FilterGroupNode.tsx"],"sourcesContent":["import { Button, ToggleButton, ToggleButtonGroup } from '@mui/material'\nimport { useForkRef } from '@mui/material/utils'\nimport { pointerIntersection } from '@dnd-kit/collision'\nimport { useDroppable } from '@dnd-kit/react'\nimport { useSortable } from '@dnd-kit/react/sortable'\nimport { CSSProperties } from 'react'\nimport { FilterConditionRow } from './FilterConditionRow'\nimport styles from './FilterGroupNode.module.scss'\nimport { QBDragHandle } from './QBDragHandle'\nimport dragStyles from './queryBuilderDrag.module.scss'\nimport { groupDropZoneData, groupDropZoneId } from './queryBuilderDnd'\nimport { useQueryBuilderInternalContext } from './QueryBuilderInternalContext'\nimport { isQBGroup, QBGroup } from './QueryBuilderTypes'\n\nexport type FilterGroupNodeProps = {\n  group: QBGroup\n  isRoot?: boolean\n  parentGroupId?: string\n  index?: number\n  /** Nesting level, used to resolve drops into the innermost group. */\n  depth?: number\n}\n\nexport function FilterGroupNode(props: FilterGroupNodeProps) {\n  const { group, isRoot = false, parentGroupId, index, depth = 0 } = props\n  const {\n    addConditionAt,\n    addChildGroupAt,\n    clearGroupAt,\n    updateGroupAt,\n    removeGroupAt,\n  } = useQueryBuilderInternalContext()\n\n  // Groups become drop targets only through the `useDroppable` zone below.\n  // Keep the sortable's droppable half disabled unless `useQueryBuilderDrag`\n  // also resolves sortable targets: for any target the app doesn't reposition\n  // in `onDragOver`, dnd-kit's OptimisticSortingPlugin moves the DOM node\n  // itself, and React's next commit throws `NotFoundError` on `removeChild`.\n  const {\n    ref: sortableRef,\n    handleRef,\n    isDragSource,\n  } = useSortable({\n    id: group.id,\n    index: index ?? 0,\n    group: parentGroupId ?? group.id,\n    disabled: { draggable: isRoot, droppable: true },\n  })\n\n  // `useQueryBuilderDrag` identifies the target group by `data.groupId`. Zones\n  // nest inside their groups, so the pointer is inside every ancestor of the\n  // group it is over; hit-testing by pointer and ranking by depth selects the\n  // innermost. `collisionPriority` replaces the ranking a detector returns, so\n  // the detector has to be one that reports nothing but pointer hits —\n  // otherwise a deeper zone the dragged box merely overlaps outranks the zone\n  // the pointer is actually in.\n  const { ref: dropZoneRef, isDropTarget } = useDroppable({\n    id: groupDropZoneId(group.id),\n    data: groupDropZoneData(group.id),\n    collisionDetector: pointerIntersection,\n    collisionPriority: depth,\n  })\n\n  // The drag source and the drop zone are the same element.\n  const groupRef = useForkRef(sortableRef, dropZoneRef)\n\n  const style: CSSProperties = {\n    ['--qb-accent-color' as string]: accentColorFor(group),\n    ['--qb-pill-color' as string]: accentColorFor(group),\n  }\n\n  return (\n    <div\n      ref={groupRef}\n      className={`${styles.group} ${isRoot ? '' : styles.nested}${\n        isDragSource ? ` ${dragStyles.dragSource}` : ''\n      }${isDropTarget ? ` ${styles.dropTarget}` : ''}`}\n      style={style}\n      role=\"group\"\n      aria-label={groupAriaLabel(group)}\n      data-qb-node-id={group.id}\n    >\n      <div className={styles.header}>\n        {!isRoot && (\n          <QBDragHandle\n            handleRef={handleRef}\n            label=\"Drag condition group into another condition group\"\n          />\n        )}\n        <ToggleButtonGroup\n          size=\"small\"\n          className={styles.combinator}\n          exclusive\n          value={group.combinator}\n          aria-label=\"Boolean combinator\"\n          onChange={(_event, next) => {\n            if (next == null) return\n            updateGroupAt(group.id, { combinator: next })\n          }}\n        >\n          <ToggleButton value=\"AND\" aria-label=\"AND\">\n            AND\n          </ToggleButton>\n          <ToggleButton value=\"OR\" aria-label=\"OR\">\n            OR\n          </ToggleButton>\n        </ToggleButtonGroup>\n\n        <ToggleButton\n          size=\"small\"\n          value=\"not\"\n          selected={group.not}\n          className={styles.notToggle}\n          aria-label=\"Negate this group\"\n          aria-pressed={group.not}\n          onChange={() => updateGroupAt(group.id, { not: !group.not })}\n        >\n          Exclude (NOT)\n        </ToggleButton>\n\n        <div className={styles.actions}>\n          <Button\n            className={styles.actionButton}\n            size=\"small\"\n            onClick={() => addConditionAt(group.id)}\n          >\n            + Condition\n          </Button>\n          <Button\n            className={styles.actionButton}\n            size=\"small\"\n            onClick={() => addChildGroupAt(group.id)}\n          >\n            + Condition Group\n          </Button>\n          <Button\n            className={styles.actionButton}\n            size=\"small\"\n            onClick={() => clearGroupAt(group.id)}\n            disabled={group.children.length === 0}\n          >\n            Clear\n          </Button>\n          {!isRoot && (\n            <Button\n              className={styles.actionButton}\n              size=\"small\"\n              onClick={() => removeGroupAt(group.id)}\n            >\n              Delete Condition Group\n            </Button>\n          )}\n        </div>\n      </div>\n\n      <div className={styles.children}>\n        {group.children.length === 0 ? (\n          <div className={styles.emptyState}>\n            No conditions yet, add one above\n          </div>\n        ) : (\n          group.children.map((child, childIndex) => {\n            if (isQBGroup(child)) {\n              return (\n                <FilterGroupNode\n                  key={child.id}\n                  group={child}\n                  parentGroupId={group.id}\n                  index={childIndex}\n                  depth={depth + 1}\n                />\n              )\n            }\n            return (\n              <FilterConditionRow\n                key={child.id}\n                condition={child}\n                parentGroupId={group.id}\n                index={childIndex}\n              />\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n\nfunction accentColorFor(group: QBGroup): string {\n  if (group.not) return 'var(--synapse-error)'\n  if (group.combinator === 'OR') return 'var(--synapse-warning)'\n  return 'var(--synapse-primary-action-color)'\n}\n\nfunction groupAriaLabel(group: QBGroup): string {\n  const modifier = group.not ? 'excluded ' : ''\n  return `${modifier}${group.combinator} filter group`\n}\n"],"mappings":"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"}

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

@@ -1,13 +1,14 @@
 import './FilterGroupNode.css';var e = {
-	group: "_group_7cqi2_1",
-	nested: "_nested_7cqi2_7",
-	header: "_header_7cqi2_12",
-	combinator: "_combinator_7cqi2_20",
-	notToggle: "_notToggle_7cqi2_39",
-	actions: "_actions_7cqi2_53",
-	actionButton: "_actionButton_7cqi2_60",
-	children: "_children_7cqi2_68",
-	emptyState: "_emptyState_7cqi2_74"
+	group: "_group_ryxud_1",
+	nested: "_nested_ryxud_7",
+	dropTarget: "_dropTarget_ryxud_11",
+	header: "_header_ryxud_16",
+	combinator: "_combinator_ryxud_24",
+	notToggle: "_notToggle_ryxud_43",
+	actions: "_actions_ryxud_57",
+	actionButton: "_actionButton_ryxud_64",
+	children: "_children_ryxud_72",
+	emptyState: "_emptyState_ryxud_78"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"FilterGroupNode.module.js","names":[],"sources":["../../../src/components/QueryBuilder/FilterGroupNode.module.scss"],"sourcesContent":[".group {\n  position: relative;\n  padding: 8px 0 8px 16px;\n  border-left: 2px solid\n    var(--qb-accent-color, var(--synapse-primary-action-color));\n  border-radius: 2px 0 0 2px;\n\n  &.nested {\n    margin-top: 4px;\n    margin-bottom: 4px;\n  }\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.combinator :global(.MuiToggleButton-root) {\n  text-transform: none;\n  padding: 2px 12px;\n  min-width: 44px;\n  font-weight: 700;\n  border-color: var(--synapse-gray-dark);\n  color: var(--synapse-gray-regular);\n}\n\n.combinator :global(.MuiToggleButton-root.Mui-selected) {\n  background-color: var(--qb-accent-color, var(--synapse-primary-action-color));\n  color: white;\n  border-color: var(--qb-accent-color, var(--synapse-primary-action-color));\n}\n\n.combinator :global(.MuiToggleButton-root.Mui-selected:hover) {\n  background-color: var(--qb-accent-color, var(--synapse-primary-action-color));\n}\n\n.notToggle {\n  text-transform: none;\n  padding: 2px 12px;\n  border-color: var(--synapse-gray-dark);\n  color: var(--synapse-gray-regular);\n  font-weight: 600;\n  font-size: 13px;\n\n  &:global(.Mui-selected),\n  &:global(.Mui-selected:hover) {\n    background-color: var(--synapse-error);\n    color: white;\n    border-color: var(--synapse-error);\n  }\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: auto;\n}\n\n.actionButton {\n  text-transform: none;\n  padding: 2px 8px;\n  min-width: 0;\n  font-weight: 500;\n  color: var(--synapse-primary-action-color);\n}\n\n.children {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.emptyState {\n  padding: 8px 4px;\n  color: var(--synapse-gray-deemphasized);\n  font-style: italic;\n  font-size: 13px;\n}\n"],"mappings":""}
+{"version":3,"file":"FilterGroupNode.module.js","names":[],"sources":["../../../src/components/QueryBuilder/FilterGroupNode.module.scss"],"sourcesContent":[".group {\n  position: relative;\n  padding: 8px 0 8px 16px;\n  border-left: 2px solid\n    var(--qb-accent-color, var(--synapse-primary-action-color));\n  border-radius: 2px 0 0 2px;\n\n  &.nested {\n    margin-top: 4px;\n    margin-bottom: 4px;\n  }\n\n  // Groups are the only drop targets, so this marks which one a release\n  // would land in. The dragged node has already moved here by the time it\n  // shows, so the highlight reads as confirmation rather than a preview.\n  &.dropTarget {\n    border-radius: 3px;\n    box-shadow: inset 0 0 0 2px\n      var(--qb-accent-color, var(--synapse-primary-action-color));\n  }\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-bottom: 4px;\n}\n\n.combinator :global(.MuiToggleButton-root) {\n  text-transform: none;\n  padding: 2px 12px;\n  min-width: 44px;\n  font-weight: 700;\n  border-color: var(--synapse-gray-dark);\n  color: var(--synapse-gray-regular);\n}\n\n.combinator :global(.MuiToggleButton-root.Mui-selected) {\n  background-color: var(--qb-accent-color, var(--synapse-primary-action-color));\n  color: white;\n  border-color: var(--qb-accent-color, var(--synapse-primary-action-color));\n}\n\n.combinator :global(.MuiToggleButton-root.Mui-selected:hover) {\n  background-color: var(--qb-accent-color, var(--synapse-primary-action-color));\n}\n\n.notToggle {\n  text-transform: none;\n  padding: 2px 12px;\n  border-color: var(--synapse-gray-dark);\n  color: var(--synapse-gray-regular);\n  font-weight: 600;\n  font-size: 13px;\n\n  &:global(.Mui-selected),\n  &:global(.Mui-selected:hover) {\n    background-color: var(--synapse-error);\n    color: white;\n    border-color: var(--synapse-error);\n  }\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: auto;\n}\n\n.actionButton {\n  text-transform: none;\n  padding: 2px 8px;\n  min-width: 0;\n  font-weight: 500;\n  color: var(--synapse-primary-action-color);\n}\n\n.children {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.emptyState {\n  padding: 8px 4px;\n  color: var(--synapse-gray-deemphasized);\n  font-style: italic;\n  font-size: 13px;\n}\n"],"mappings":""}

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

@@ -9,6 +9,15 @@
     margin-top: 4px;
     margin-bottom: 4px;
   }
+
+  // Groups are the only drop targets, so this marks which one a release
+  // would land in. The dragged node has already moved here by the time it
+  // shows, so the highlight reads as confirmation rather than a preview.
+  &.dropTarget {
+    border-radius: 3px;
+    box-shadow: inset 0 0 0 2px
+      var(--qb-accent-color, var(--synapse-primary-action-color));
+  }
 }
 
 .header {

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

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+export type QBDragHandleProps = {
+    /** `handleRef` from `useSortable`, which binds the drag sensor here. */
+    handleRef: Ref<HTMLButtonElement>;
+    /** Names the drag for both the tooltip and the accessible name. */
+    label: string;
+};
+/** The grip that starts a drag on a condition or a condition group. */
+export declare function QBDragHandle(props: QBDragHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QBDragHandle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QBDragHandle.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/QBDragHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,wEAAwE;IACxE,SAAS,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;IACjC,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,uEAAuE;AACvE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAcpD"}

package/dist/components/QueryBuilder/QBDragHandle.js

@@ -0,0 +1,22 @@
+import e from "./queryBuilderDrag.module.js";
+import { IconButton as t, Tooltip as n } from "@mui/material";
+import { jsx as r } from "react/jsx-runtime";
+import i from "@mui/icons-material/DragIndicator";
+//#region src/components/QueryBuilder/QBDragHandle.tsx
+function a(a) {
+	let { handleRef: o, label: s } = a;
+	return /* @__PURE__ */ r(n, {
+		title: s,
+		children: /* @__PURE__ */ r(t, {
+			ref: o,
+			size: "small",
+			className: e.dragHandle,
+			"aria-label": s,
+			children: /* @__PURE__ */ r(i, { fontSize: "small" })
+		})
+	});
+}
+//#endregion
+export { a as QBDragHandle };
+
+//# sourceMappingURL=QBDragHandle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QBDragHandle.js","names":[],"sources":["../../../src/components/QueryBuilder/QBDragHandle.tsx"],"sourcesContent":["import DragIndicatorIcon from '@mui/icons-material/DragIndicator'\nimport { IconButton, Tooltip } from '@mui/material'\nimport { Ref } from 'react'\nimport styles from './queryBuilderDrag.module.scss'\n\nexport type QBDragHandleProps = {\n  /** `handleRef` from `useSortable`, which binds the drag sensor here. */\n  handleRef: Ref<HTMLButtonElement>\n  /** Names the drag for both the tooltip and the accessible name. */\n  label: string\n}\n\n/** The grip that starts a drag on a condition or a condition group. */\nexport function QBDragHandle(props: QBDragHandleProps) {\n  const { handleRef, label } = props\n  return (\n    <Tooltip title={label}>\n      <IconButton\n        ref={handleRef}\n        size=\"small\"\n        className={styles.dragHandle}\n        aria-label={label}\n      >\n        <DragIndicatorIcon fontSize=\"small\" />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAa,GAA0B;CACrD,IAAM,EAAE,cAAW,aAAU;CAC7B,OACE,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACE,KAAK;GACL,MAAK;GACL,WAAW,EAAO;GAClB,cAAY;aAEZ,kBAAC,GAAD,EAAmB,UAAS,QAAS,CAAA;EAC3B,CAAA;CACL,CAAA;AAEb"}

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

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

package/dist/components/QueryBuilder/QueryBuilderControls.js

@@ -3,22 +3,24 @@ 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";
+import { addChildGroup as r, addConditionToGroup as i, clearGroup as a, defaultQBGroup as o, removeNode as s, updateCondition as c, updateGroup as l } from "./queryBuilderOperations.js";
+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";
 //#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) => {
+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) => {
 			let r = (n.query.additionalFilters ?? []).filter((t) => !e(t)), i = t ? [...r, t] : r;
 			return {
 				...n,
@@ -28,111 +30,114 @@ function T(T) {
 				}
 			};
 		});
-	}, [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
+	}, [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
 	}), [
-		k,
+		j,
+		M,
 		A,
-		O,
-		P,
-		L,
-		R,
+		I,
 		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"
+		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,
+				children: [
+					/* @__PURE__ */ T("div", {
+						className: _.summaryBar,
+						children: [/* @__PURE__ */ T("div", {
+							className: _.summaryHeader,
+							children: [/* @__PURE__ */ w("span", {
+								className: _.summaryLabel,
+								children: "Query Summary"
+							}), /* @__PURE__ */ T(C, {
+								className: _.summaryModeToggle,
+								size: "small",
+								exclusive: !0,
+								value: L,
+								onChange: (e, t) => {
+									t != null && R(t);
+								},
+								"aria-label": "Query summary display mode",
+								children: [/* @__PURE__ */ w(S, {
+									value: "plain-english",
+									"aria-label": "Show summary",
+									children: "Summary"
+								}), /* @__PURE__ */ w(S, {
+									value: "sql",
+									"aria-label": "Show SQL",
+									children: "SQL"
+								})]
 							})]
+						}), /* @__PURE__ */ w("div", {
+							className: _.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: "Loading SQL…"
+							}) : /* @__PURE__ */ w("code", {
+								className: _.sqlText,
+								children: Y
+							})
 						})]
-					}), /* @__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__ */ w(h, {
+						group: P,
+						isRoot: !0
+					}),
+					/* @__PURE__ */ w("div", {
+						className: _.applyRow,
+						children: /* @__PURE__ */ w(x, {
+							variant: "contained",
+							color: "primary",
+							onClick: F,
+							className: _.applyButton,
+							children: "Update Results"
 						})
-					})]
-				}),
-				/* @__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 };
+export { D as QueryBuilderControls };
 
 //# sourceMappingURL=QueryBuilderControls.js.map