synapse-react-client 4.0.41 → 4.0.43

package/dist/components/JsonSchemaForm/widgets/SelectWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { Widget, WidgetProps, EnumOptionsType } from '@rjsf/utils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport { createFilterOptions } from '@mui/material/Autocomplete'\nimport { isObject } from 'lodash-es'\n\nconst filter = createFilterOptions<EnumOptionsType>()\n\n/**\n * This function finds the enum option that has the corresponding value and returns it.\n *\n * If value is nullish, this fn returns null. If there is no corresponding option, then a new object is returned\n * where the label and value are set to the provided value.\n */\nexport function findValueOption(\n  value: string | null | undefined,\n  options: EnumOptionsType[],\n): EnumOptionsType | string | null {\n  if (value == null) {\n    return null\n  }\n\n  const correspondingOption = options.filter(option => option.value === value)\n  if (correspondingOption.length > 0) {\n    return correspondingOption[0]\n  } else {\n    return { value: value, label: value }\n  }\n}\n\ntype SelectWidgetProps = WidgetProps & {\n  isClearable?: boolean\n}\n\n/**\n * Select widget compatible with react-jsonschema-form enumerations\n */\nexport const SelectWidget: Widget = (props: SelectWidgetProps) => {\n  const {\n    id,\n    options,\n    value,\n    required,\n    disabled,\n    readonly,\n    multiple,\n    autofocus,\n    onChange,\n    onBlur,\n    onFocus,\n    placeholder,\n    isClearable: _isClearable = true,\n    rawErrors,\n    registry,\n  } = props\n\n  const { enumOptions } = options as {\n    enumOptions: EnumOptionsType[]\n  }\n\n  // If the ID includes one of these, then this is a widget used to select a schema in `oneOf` or `anyOf`.\n  // In these cases, we should not allow free solo input.\n  const isAnyOrOneOfOption = ['__oneof_select', '__anyof_select'].some(\n    multiSchemaTag => id.includes(multiSchemaTag),\n  )\n\n  const allowFreeSolo =\n    !isAnyOrOneOfOption &&\n    Boolean((registry.formContext as CustomFormContext).allowFreeSoloEnum)\n\n  // any/oneOf options should not be clearable\n  const isClearable = _isClearable && !isAnyOrOneOfOption\n\n  return (\n    <Autocomplete\n      id={id}\n      value={findValueOption(value, enumOptions)}\n      freeSolo={allowFreeSolo}\n      forcePopupIcon\n      selectOnFocus\n      clearOnBlur\n      handleHomeEndKeys\n      options={enumOptions}\n      readOnly={readonly}\n      disabled={disabled}\n      multiple={multiple}\n      disableClearable={!isClearable}\n      onChange={(event, newValue) => {\n        if (isObject(newValue) && 'inputValue' in newValue) {\n          // Create a new value from the user input\n          onChange(newValue.inputValue)\n        } else if (isObject(newValue) && 'value' in newValue) {\n          onChange(newValue.value)\n        } else if (typeof newValue === 'string') {\n          onChange(newValue)\n        } else {\n          onChange(newValue)\n        }\n      }}\n      renderInput={params => (\n        <TextField\n          {...params}\n          required={required}\n          placeholder={placeholder}\n          error={rawErrors && rawErrors.length > 0}\n          autoFocus={autofocus}\n          onFocus={onFocus && (() => onFocus(id, value?.value))}\n          onBlur={onBlur && (() => onBlur(id, value?.value))}\n        />\n      )}\n      filterOptions={(options, params) => {\n        const filtered = filter(options, params)\n\n        const { inputValue } = params\n        // Suggest the creation of a new value\n        const isExisting = options.some(option => inputValue === option.label)\n        if (allowFreeSolo && inputValue !== '' && !isExisting) {\n          filtered.push({\n            value: inputValue,\n            label: `Set to custom value \"${inputValue}\"`,\n          })\n        }\n\n        return filtered\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAS,EAAqC;AAQpD,SAAgB,EACd,GACA,GACiC;CACjC,IAAI,KAAS,MACX,OAAO;CAGT,IAAM,IAAsB,EAAQ,QAAO,MAAU,EAAO,UAAU,CAAK;CAIzE,OAHE,EAAoB,SAAS,IACxB,EAAoB,KAEpB;EAAS;EAAO,OAAO;CAAM;AAExC;AASA,IAAa,KAAwB,MAA6B;CAChE,IAAM,EACJ,OACA,YACA,UACA,aACA,aACA,aACA,aACA,cACA,aACA,WACA,YACA,gBACA,aAAa,IAAe,IAC5B,cACA,gBACE,GAEE,EAAE,mBAAgB,GAMlB,IAAqB,CAAC,kBAAkB,gBAAgB,EAAE,MAC9D,MAAkB,EAAG,SAAS,CAAc,CAC9C,GAEM,IACJ,CAAC,KACD,EAAS,EAAS,YAAkC,mBAGhD,IAAc,KAAgB,CAAC;CAErC,OACE,kBAAC,GAAD;EACM;EACJ,OAAO,EAAgB,GAAO,CAAW;EACzC,UAAU;EACV,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAS;EACT,UAAU;EACA;EACA;EACV,kBAAkB,CAAC;EACnB,WAAW,GAAO,MAAa;GAC7B,AAAI,EAAS,CAAQ,KAAK,gBAAgB,IAExC,EAAS,EAAS,UAAU,IACnB,EAAS,CAAQ,KAAK,WAAW,IAC1C,EAAS,EAAS,KAAK,IAEvB,EAAS,CAEQ;EAErB;EACA,cAAa,MACX,kBAAC,GAAD;GACE,GAAI;GACM;GACG;GACb,OAAO,KAAa,EAAU,SAAS;GACvC,WAAW;GACX,SAAS,YAAkB,EAAQ,GAAI,GAAO,KAAK;GACnD,QAAQ,YAAiB,EAAO,GAAI,GAAO,KAAK;EACjD,CAAA;EAEH,gBAAgB,GAAS,MAAW;GAClC,IAAM,IAAW,EAAO,GAAS,CAAM,GAEjC,EAAE,kBAAe,GAEjB,IAAa,EAAQ,MAAK,MAAU,MAAe,EAAO,KAAK;GAQrE,OAPI,KAAiB,MAAe,MAAM,CAAC,KACzC,EAAS,KAAK;IACZ,OAAO;IACP,OAAO,wBAAwB,EAAW;GAC5C,CAAC,GAGI;EACT;CACD,CAAA;AAEL"}
+{"version":3,"file":"SelectWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { Widget, WidgetProps, EnumOptionsType } from '@rjsf/utils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport { createFilterOptions } from '@mui/material/Autocomplete'\nimport { isObject } from 'lodash-es'\n\nconst filter = createFilterOptions<EnumOptionsType>()\n\n/**\n * This function finds the enum option that has the corresponding value and returns it.\n *\n * If value is nullish, this fn returns null. If there is no corresponding option, then a new object is returned\n * where the label and value are set to the provided value.\n */\nexport function findValueOption(\n  value: string | null | undefined,\n  options: EnumOptionsType[],\n): EnumOptionsType | string | null {\n  if (value == null) {\n    return null\n  }\n\n  const correspondingOption = options.filter(option => option.value === value)\n  if (correspondingOption.length > 0) {\n    return correspondingOption[0]\n  } else {\n    return { value: value, label: value }\n  }\n}\n\n/**\n * Maps a multi-select form value (an array of enum values) to the Autocomplete option objects it\n * selects. Values with no matching option (e.g. free-solo input) become `{ value, label: value }`.\n * A non-array value selects nothing.\n */\nexport function toMultipleAutocompleteValue(\n  value: unknown,\n  options: EnumOptionsType[],\n): EnumOptionsType[] {\n  if (!Array.isArray(value)) {\n    return []\n  }\n  return value.map(\n    v =>\n      options.find(option => option.value === v) ?? {\n        value: v,\n        label: String(v),\n      },\n  )\n}\n\n/**\n * Maps a multi-select Autocomplete selection (option objects and/or free-solo strings) back to the\n * array of enum values stored in the form data.\n */\nexport function fromMultipleAutocompleteValue(newValue: unknown): unknown[] {\n  if (!Array.isArray(newValue)) {\n    return []\n  }\n  return newValue.map((v: unknown) =>\n    isObject(v) && 'value' in v ? v.value : v,\n  )\n}\n\ntype SelectWidgetProps = WidgetProps & {\n  isClearable?: boolean\n}\n\n/**\n * Select widget compatible with react-jsonschema-form enumerations\n */\nexport const SelectWidget: Widget = (props: SelectWidgetProps) => {\n  const {\n    id,\n    options,\n    value,\n    required,\n    disabled,\n    readonly,\n    multiple,\n    autofocus,\n    onChange,\n    onBlur,\n    onFocus,\n    placeholder,\n    isClearable: _isClearable = true,\n    rawErrors,\n    registry,\n  } = props\n\n  const { enumOptions } = options as {\n    enumOptions: EnumOptionsType[]\n  }\n\n  // If the ID includes one of these, then this is a widget used to select a schema in `oneOf` or `anyOf`.\n  // In these cases, we should not allow free solo input.\n  const isAnyOrOneOfOption = ['__oneof_select', '__anyof_select'].some(\n    multiSchemaTag => id.includes(multiSchemaTag),\n  )\n\n  const allowFreeSolo =\n    !isAnyOrOneOfOption &&\n    Boolean((registry.formContext as CustomFormContext).allowFreeSoloEnum)\n\n  // any/oneOf options should not be clearable\n  const isClearable = _isClearable && !isAnyOrOneOfOption\n\n  return (\n    <Autocomplete\n      id={id}\n      value={\n        multiple\n          ? toMultipleAutocompleteValue(value, enumOptions)\n          : findValueOption(value, enumOptions)\n      }\n      freeSolo={allowFreeSolo}\n      forcePopupIcon\n      selectOnFocus\n      clearOnBlur\n      handleHomeEndKeys\n      options={enumOptions}\n      readOnly={readonly}\n      disabled={disabled}\n      multiple={multiple}\n      disableClearable={!isClearable}\n      onChange={(event, newValue) => {\n        if (multiple) {\n          onChange(fromMultipleAutocompleteValue(newValue))\n        } else if (isObject(newValue) && 'inputValue' in newValue) {\n          // Create a new value from the user input\n          onChange(newValue.inputValue)\n        } else if (isObject(newValue) && 'value' in newValue) {\n          onChange(newValue.value)\n        } else if (typeof newValue === 'string') {\n          onChange(newValue)\n        } else {\n          onChange(newValue)\n        }\n      }}\n      renderInput={params => (\n        <TextField\n          {...params}\n          required={required}\n          placeholder={placeholder}\n          error={rawErrors && rawErrors.length > 0}\n          autoFocus={autofocus}\n          onFocus={onFocus && (() => onFocus(id, value?.value))}\n          onBlur={onBlur && (() => onBlur(id, value?.value))}\n        />\n      )}\n      filterOptions={(options, params) => {\n        const filtered = filter(options, params)\n\n        const { inputValue } = params\n        // Suggest the creation of a new value\n        const isExisting = options.some(option => inputValue === option.label)\n        if (allowFreeSolo && inputValue !== '' && !isExisting) {\n          filtered.push({\n            value: inputValue,\n            label: `Set to custom value \"${inputValue}\"`,\n          })\n        }\n\n        return filtered\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAS,EAAqC;AAQpD,SAAgB,EACd,GACA,GACiC;CACjC,IAAI,KAAS,MACX,OAAO;CAGT,IAAM,IAAsB,EAAQ,QAAO,MAAU,EAAO,UAAU,CAAK;CAIzE,OAHE,EAAoB,SAAS,IACxB,EAAoB,KAEpB;EAAS;EAAO,OAAO;CAAM;AAExC;AAOA,SAAgB,EACd,GACA,GACmB;CAInB,OAHK,MAAM,QAAQ,CAAK,IAGjB,EAAM,KACX,MACE,EAAQ,MAAK,MAAU,EAAO,UAAU,CAAC,KAAK;EAC5C,OAAO;EACP,OAAO,OAAO,CAAC;CACjB,CACJ,IARS,CAAC;AASZ;AAMA,SAAgB,EAA8B,GAA8B;CAI1E,OAHK,MAAM,QAAQ,CAAQ,IAGpB,EAAS,KAAK,MACnB,EAAS,CAAC,KAAK,WAAW,IAAI,EAAE,QAAQ,CAC1C,IAJS,CAAC;AAKZ;AASA,IAAa,KAAwB,MAA6B;CAChE,IAAM,EACJ,OACA,YACA,UACA,aACA,aACA,aACA,aACA,cACA,aACA,WACA,YACA,gBACA,aAAa,IAAe,IAC5B,cACA,gBACE,GAEE,EAAE,mBAAgB,GAMlB,IAAqB,CAAC,kBAAkB,gBAAgB,EAAE,MAC9D,MAAkB,EAAG,SAAS,CAAc,CAC9C,GAEM,IACJ,CAAC,KACD,EAAS,EAAS,YAAkC,mBAGhD,IAAc,KAAgB,CAAC;CAErC,OACE,kBAAC,GAAD;EACM;EACJ,OACE,IACI,EAA4B,GAAO,CAAW,IAC9C,EAAgB,GAAO,CAAW;EAExC,UAAU;EACV,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAS;EACT,UAAU;EACA;EACA;EACV,kBAAkB,CAAC;EACnB,WAAW,GAAO,MAAa;GAC7B,AAAI,IACF,EAAS,EAA8B,CAAQ,CAAC,IACvC,EAAS,CAAQ,KAAK,gBAAgB,IAE/C,EAAS,EAAS,UAAU,IACnB,EAAS,CAAQ,KAAK,WAAW,IAC1C,EAAS,EAAS,KAAK,IAEvB,EAAS,CAEQ;EAErB;EACA,cAAa,MACX,kBAAC,GAAD;GACE,GAAI;GACM;GACG;GACb,OAAO,KAAa,EAAU,SAAS;GACvC,WAAW;GACX,SAAS,YAAkB,EAAQ,GAAI,GAAO,KAAK;GACnD,QAAQ,YAAiB,EAAO,GAAI,GAAO,KAAK;EACjD,CAAA;EAEH,gBAAgB,GAAS,MAAW;GAClC,IAAM,IAAW,EAAO,GAAS,CAAM,GAEjC,EAAE,kBAAe,GAEjB,IAAa,EAAQ,MAAK,MAAU,MAAe,EAAO,KAAK;GAQrE,OAPI,KAAiB,MAAe,MAAM,CAAC,KACzC,EAAS,KAAK;IACZ,OAAO;IACP,OAAO,wBAAwB,EAAW;GAC5C,CAAC,GAGI;EACT;CACD,CAAA;AAEL"}

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

@@ -5,4 +5,5 @@ export type FilterConditionRowProps = {
     index: number;
 };
 export declare function FilterConditionRow(props: FilterConditionRowProps): import("react/jsx-runtime").JSX.Element;
+export declare const PILL_FILTER_THRESHOLD = 40;
 //# sourceMappingURL=FilterConditionRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterConditionRow.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/FilterConditionRow.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAA;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,WAAW,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA0KhE"}
+{"version":3,"file":"FilterConditionRow.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/FilterConditionRow.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAA;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,WAAW,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAmKhE;AAuJD,eAAO,MAAM,qBAAqB,KAAK,CAAA"}

package/dist/components/QueryBuilder/FilterConditionRow.js

@@ -1,61 +1,61 @@
 import { splitAndTrim as e } from "../../utils/functions/StringUtils.js";
 import { defaultOpForColumnType as t } from "./queryBuilderOperations.js";
-import { availableOpsForKind as n, classifyColumn as r, labelForFacetValue as i, labelForOp as a } from "./queryBuilderMetadata.js";
-import { useQueryBuilderInternalContext as o } from "./QueryBuilderInternalContext.js";
-import s from "./FilterConditionRow.module.js";
-import c from "./queryBuilderDrag.module.js";
-import { QBDragHandle as l } from "./QBDragHandle.js";
-import { useMemo as u, useState as d } from "react";
-import { Autocomplete as f, IconButton as p, InputLabel as m, MenuItem as h, Select as g, TextField as _, ToggleButton as v, ToggleButtonGroup as y, Tooltip as b } from "@mui/material";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import w from "@mui/icons-material/DeleteOutline";
-import { useSortable as T } from "@dnd-kit/react/sortable";
+import { availableOpsForKind as n, classifyColumn as r, facetValueMatchesFilter as i, isFacetColumnResultValues as a, labelForOp as o } from "./queryBuilderMetadata.js";
+import { useQueryBuilderInternalContext as s } from "./QueryBuilderInternalContext.js";
+import c from "./FilterConditionRow.module.js";
+import l from "./queryBuilderDrag.module.js";
+import { QBDragHandle as u } from "./QBDragHandle.js";
+import { useCallback as d, useMemo as f, useState as p } from "react";
+import { Autocomplete as m, IconButton as h, InputLabel as g, MenuItem as _, Select as v, TextField as y, ToggleButton as b, ToggleButtonGroup as x, Tooltip as S } from "@mui/material";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useSortable as E } from "@dnd-kit/react/sortable";
+import D from "@mui/icons-material/DeleteOutline";
 //#region src/components/QueryBuilder/FilterConditionRow.tsx
-function E(e) {
-	let { condition: i, parentGroupId: d, index: v } = e, { columnModels: y, facetResults: E, onlyFacetedColumns: O, getColumnDisplayName: k, updateConditionAt: M, removeConditionAt: N } = o(), { ref: P, handleRef: F, isDragSource: I } = T({
+function O(e) {
+	let { condition: i, parentGroupId: d, index: p } = e, { columnModels: b, facetResults: x, onlyFacetedColumns: O, getColumnDisplayName: A, updateConditionAt: j, removeConditionAt: P } = s(), { ref: F, handleRef: I, isDragSource: L } = E({
 		id: i.id,
-		index: v,
+		index: p,
 		group: d,
 		disabled: { droppable: !0 }
-	}), L = u(() => new Set(E.filter((e) => e.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnResultValues").map((e) => e.columnName)), [E]), R = u(() => (O ? y.filter((e) => L.has(e.name)) : y).map((e) => ({
+	}), R = f(() => new Set(x.filter(a).map((e) => e.columnName)), [x]), z = f(() => (O ? b.filter((e) => R.has(e.name)) : b).map((e) => ({
 		name: e.name,
 		columnType: e.columnType,
-		label: k(e.name)
+		label: A(e.name)
 	})), [
-		y,
-		L,
+		b,
+		R,
 		O,
-		k
-	]), z = R.find((e) => e.name === i.columnName) ?? null, B = i.columnName != null && L.has(i.columnName), V = r(i.columnType, B), H = n(V), U = `qb-op-label-${i.id}`;
-	return /* @__PURE__ */ C("div", {
-		ref: P,
-		className: `${s.row}${I ? ` ${c.dragSource}` : ""}`,
+		A
+	]), B = z.find((e) => e.name === i.columnName) ?? null, V = i.columnName != null && R.has(i.columnName), H = r(i.columnType, V), U = n(H), W = `qb-op-label-${i.id}`;
+	return /* @__PURE__ */ T("div", {
+		ref: F,
+		className: `${c.row}${L ? ` ${l.dragSource}` : ""}`,
 		role: "group",
 		"aria-label": `Filter condition${i.columnName ? ` on ${i.columnName}` : ""}`,
 		"data-qb-node-id": i.id,
 		children: [
-			/* @__PURE__ */ S(l, {
-				handleRef: F,
+			/* @__PURE__ */ w(u, {
+				handleRef: I,
 				label: "Drag condition into a condition group"
 			}),
-			/* @__PURE__ */ S(b, {
+			/* @__PURE__ */ w(S, {
 				title: "Remove condition",
-				children: /* @__PURE__ */ S(p, {
+				children: /* @__PURE__ */ w(h, {
 					size: "small",
-					className: s.remove,
+					className: c.remove,
 					"aria-label": "Remove condition",
-					onClick: () => N(i.id),
-					children: /* @__PURE__ */ S(w, { fontSize: "small" })
+					onClick: () => P(i.id),
+					children: /* @__PURE__ */ w(D, { fontSize: "small" })
 				})
 			}),
-			/* @__PURE__ */ S(f, {
-				className: s.propertyPicker,
+			/* @__PURE__ */ w(m, {
+				className: c.propertyPicker,
 				size: "small",
-				options: R,
+				options: z,
 				getOptionLabel: (e) => e.label,
 				isOptionEqualToValue: (e, t) => e.name === t.name,
-				value: z,
-				renderInput: (e) => /* @__PURE__ */ S(_, {
+				value: B,
+				renderInput: (e) => /* @__PURE__ */ w(y, {
 					...e,
 					variant: "outlined",
 					placeholder: "Select property…",
@@ -66,8 +66,8 @@ function E(e) {
 				}),
 				onChange: (e, a) => {
 					if (a == null) return;
-					let o = n(r(a.columnType, j(E, a.name))), s = o.length > 0 ? o[0] : t(a.columnType);
-					M(i.id, {
+					let o = n(r(a.columnType, N(x, a.name))), s = o.length > 0 ? o[0] : t(a.columnType);
+					j(i.id, {
 						columnName: a.name,
 						columnType: a.columnType,
 						op: s,
@@ -78,48 +78,48 @@ function E(e) {
 					});
 				}
 			}),
-			H.length > 0 && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(m, {
-				id: U,
+			U.length > 0 && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(g, {
+				id: W,
 				sx: { display: "none" },
 				children: "Operator"
-			}), /* @__PURE__ */ S(g, {
-				className: s.operatorPicker,
+			}), /* @__PURE__ */ w(v, {
+				className: c.operatorPicker,
 				size: "small",
-				labelId: U,
+				labelId: W,
 				variant: "outlined",
-				value: H.includes(i.op) ? i.op : H[0],
+				value: U.includes(i.op) ? i.op : U[0],
 				onChange: (e) => {
 					let t = e.target.value;
-					M(i.id, { op: t });
+					j(i.id, { op: t });
 				},
 				"aria-label": "Operator",
-				children: H.map((e) => /* @__PURE__ */ S(h, {
+				children: U.map((e) => /* @__PURE__ */ w(_, {
 					value: e,
-					children: a(e)
+					children: o(e)
 				}, e))
 			})] }),
-			/* @__PURE__ */ S(D, {
+			/* @__PURE__ */ w(k, {
 				condition: i,
-				columnKind: V,
-				hasFacet: B,
-				columnModels: y,
-				facetValues: B && i.columnName != null ? A(E, i.columnName) : [],
-				onChange: (e) => M(i.id, e)
+				columnKind: H,
+				hasFacet: V,
+				facetValues: V && i.columnName != null ? M(x, i.columnName) : [],
+				onChange: (e) => j(i.id, e)
 			})
 		]
 	});
 }
-function D(t) {
-	let { condition: n, columnKind: r, hasFacet: i, facetValues: a, onChange: o } = t, { op: c } = n;
-	if (c === "has_value" || c === "no_value") return null;
-	switch (c) {
+function k(t) {
+	let { condition: n, columnKind: r, hasFacet: i, facetValues: a, onChange: o } = t, { op: s } = n;
+	if (s === "has_value" || s === "no_value") return null;
+	switch (s) {
 		case "is_any_of":
-		case "is_all_of": return (r === "enum" || r === "list") && i ? /* @__PURE__ */ S(k, {
+		case "is_all_of": return (r === "enum" || r === "list") && i ? /* @__PURE__ */ w(j, {
+			columnName: n.columnName,
 			facetValues: a,
 			selectedValues: n.values,
 			onChange: (e) => o({ values: e })
-		}) : /* @__PURE__ */ S(_, {
-			className: s.textInput,
+		}) : /* @__PURE__ */ w(y, {
+			className: c.textInput,
 			size: "small",
 			variant: "outlined",
 			placeholder: "Comma-separated values",
@@ -127,9 +127,9 @@ function D(t) {
 			slotProps: { htmlInput: { "aria-label": "Values" } },
 			onChange: (t) => o({ values: e(t.target.value) })
 		});
-		case "between": return /* @__PURE__ */ C(x, { children: [
-			/* @__PURE__ */ S(_, {
-				className: s.rangeInput,
+		case "between": return /* @__PURE__ */ T(C, { children: [
+			/* @__PURE__ */ w(y, {
+				className: c.rangeInput,
 				size: "small",
 				variant: "outlined",
 				type: "text",
@@ -138,12 +138,12 @@ function D(t) {
 				slotProps: { htmlInput: { "aria-label": "Minimum" } },
 				onChange: (e) => o({ rangeMin: e.target.value })
 			}),
-			/* @__PURE__ */ S("span", {
+			/* @__PURE__ */ w("span", {
 				"aria-hidden": "true",
 				children: "to"
 			}),
-			/* @__PURE__ */ S(_, {
-				className: s.rangeInput,
+			/* @__PURE__ */ w(y, {
+				className: c.rangeInput,
 				size: "small",
 				variant: "outlined",
 				type: "text",
@@ -154,8 +154,8 @@ function D(t) {
 			})
 		] });
 		case "gt":
-		case "gte": return /* @__PURE__ */ S(_, {
-			className: s.rangeInput,
+		case "gte": return /* @__PURE__ */ w(y, {
+			className: c.rangeInput,
 			size: "small",
 			variant: "outlined",
 			type: "text",
@@ -164,8 +164,8 @@ function D(t) {
 			onChange: (e) => o({ rangeMin: e.target.value })
 		});
 		case "lt":
-		case "lte": return /* @__PURE__ */ S(_, {
-			className: s.rangeInput,
+		case "lte": return /* @__PURE__ */ w(y, {
+			className: c.rangeInput,
 			size: "small",
 			variant: "outlined",
 			type: "text",
@@ -174,23 +174,23 @@ function D(t) {
 			onChange: (e) => o({ rangeMax: e.target.value })
 		});
 		case "equal":
-		case "not_equal": return r === "boolean" ? /* @__PURE__ */ C(y, {
-			className: s.pillGroup,
+		case "not_equal": return r === "boolean" ? /* @__PURE__ */ T(x, {
+			className: c.pillGroup,
 			exclusive: !0,
 			value: n.values[0] ?? null,
 			onChange: (e, t) => {
 				o({ values: t == null ? [] : [t] });
 			},
 			"aria-label": "Boolean value",
-			children: [/* @__PURE__ */ S(v, {
+			children: [/* @__PURE__ */ w(b, {
 				value: "true",
 				children: "Yes"
-			}), /* @__PURE__ */ S(v, {
+			}), /* @__PURE__ */ w(b, {
 				value: "false",
 				children: "No"
 			})]
-		}) : /* @__PURE__ */ S(_, {
-			className: s.textInput,
+		}) : /* @__PURE__ */ w(y, {
+			className: c.textInput,
 			size: "small",
 			variant: "outlined",
 			value: n.values[0] ?? "",
@@ -200,8 +200,8 @@ function D(t) {
 		case "contains":
 		case "starts_with":
 		case "ends_with":
-		case "is_exactly": return /* @__PURE__ */ S(_, {
-			className: s.textInput,
+		case "is_exactly": return /* @__PURE__ */ w(y, {
+			className: c.textInput,
 			size: "small",
 			variant: "outlined",
 			value: n.text ?? "",
@@ -211,50 +211,47 @@ function D(t) {
 		default: return null;
 	}
 }
-var O = 40;
-function k(e) {
-	let { facetValues: t, selectedValues: n, onChange: r } = e, [a, o] = d(""), c = t.length > O, l = u(() => [...t].sort((e, t) => i(e).localeCompare(i(t), void 0, { sensitivity: "base" })), [t]), f = u(() => {
-		if (!c || a.trim() === "") return l;
-		let e = a.trim().toLowerCase();
-		return l.filter((t) => i(t).toLowerCase().includes(e));
-	}, [
+var A = 40;
+function j(e) {
+	let { columnName: t, facetValues: n, selectedValues: r, onChange: a } = e, { getValueDisplayName: o } = s(), [l, u] = p(""), m = n.length > 40, h = d((e) => o(t, e), [o, t]), g = f(() => [...n].sort((e, t) => h(e).localeCompare(h(t), void 0, { sensitivity: "base" })), [n, h]), _ = f(() => m ? g.filter((e) => i(e, h(e), l)) : g, [
+		g,
 		l,
-		a,
-		c
+		m,
+		h
 	]);
-	return /* @__PURE__ */ C("div", {
-		className: s.pillGroupContainer,
-		children: [c && /* @__PURE__ */ S(_, {
-			className: s.pillFilter,
+	return /* @__PURE__ */ T("div", {
+		className: c.pillGroupContainer,
+		children: [m && /* @__PURE__ */ w(y, {
+			className: c.pillFilter,
 			size: "small",
 			variant: "outlined",
-			placeholder: `Filter ${t.length} values…`,
-			value: a,
-			onChange: (e) => o(e.target.value),
+			placeholder: `Filter ${n.length} values…`,
+			value: l,
+			onChange: (e) => u(e.target.value),
 			slotProps: { htmlInput: { "aria-label": "Filter values" } }
-		}), /* @__PURE__ */ S("div", {
-			className: s.pillGroupScroll,
-			children: /* @__PURE__ */ S(y, {
-				className: s.pillGroup,
-				value: n,
-				onChange: (e, t) => r(t),
+		}), /* @__PURE__ */ w("div", {
+			className: c.pillGroupScroll,
+			children: /* @__PURE__ */ w(x, {
+				className: c.pillGroup,
+				value: r,
+				onChange: (e, t) => a(t),
 				"aria-label": "Selected values",
-				children: f.map((e) => /* @__PURE__ */ S(v, {
+				children: _.map((e) => /* @__PURE__ */ w(b, {
 					value: e,
-					children: i(e)
+					children: h(e)
 				}, e))
 			})
 		})]
 	});
 }
-function A(e, t) {
+function M(e, t) {
 	let n = e.find((e) => e.columnName === t);
-	return n == null ? [] : n.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnResultValues" ? n.facetValues.map((e) => e.value) : [];
+	return n == null || !a(n) ? [] : n.facetValues.map((e) => e.value);
 }
-function j(e, t) {
-	return e.some((e) => e.columnName === t && e.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnResultValues");
+function N(e, t) {
+	return e.some((e) => e.columnName === t && a(e));
 }
 //#endregion
-export { E as FilterConditionRow };
+export { O as FilterConditionRow, A as PILL_FILTER_THRESHOLD };
 
 //# sourceMappingURL=FilterConditionRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterConditionRow.js","names":[],"sources":["../../../src/components/QueryBuilder/FilterConditionRow.tsx"],"sourcesContent":["import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'\nimport { useSortable } from '@dnd-kit/react/sortable'\nimport {\n  Autocomplete,\n  IconButton,\n  InputLabel,\n  MenuItem,\n  Select,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Tooltip,\n} from '@mui/material'\nimport { ColumnModel } from '@sage-bionetworks/synapse-types'\nimport { useMemo, useState } from 'react'\nimport { splitAndTrim } from '../../utils/functions/StringUtils'\nimport { useQueryBuilderInternalContext } from './QueryBuilderInternalContext'\nimport {\n  availableOpsForKind,\n  classifyColumn,\n  labelForFacetValue,\n  labelForOp,\n  QBColumnKind,\n} from './queryBuilderMetadata'\nimport styles from './FilterConditionRow.module.scss'\nimport { QBDragHandle } from './QBDragHandle'\nimport dragStyles from './queryBuilderDrag.module.scss'\nimport { defaultOpForColumnType } from './queryBuilderOperations'\nimport { QBCondition, QBConditionOp } from './QueryBuilderTypes'\n\nexport type FilterConditionRowProps = {\n  condition: QBCondition\n  parentGroupId: string\n  index: number\n}\n\nexport function FilterConditionRow(props: FilterConditionRowProps) {\n  const { condition, parentGroupId, index } = props\n  const {\n    columnModels,\n    facetResults,\n    onlyFacetedColumns,\n    getColumnDisplayName,\n    updateConditionAt,\n    removeConditionAt,\n  } = useQueryBuilderInternalContext()\n\n  // A condition is a drag source only. Dropping onto a condition has no\n  // meaning in a boolean tree — a node joins a group, not another leaf — so\n  // groups own every drop zone and this row never becomes a target.\n  const {\n    ref: sortableRef,\n    handleRef,\n    isDragSource,\n  } = useSortable({\n    id: condition.id,\n    index,\n    group: parentGroupId,\n    disabled: { droppable: true },\n  })\n\n  const facetColumnNames = useMemo(\n    () =>\n      new Set(\n        facetResults\n          .filter(\n            f =>\n              f.concreteType ===\n              'org.sagebionetworks.repo.model.table.FacetColumnResultValues',\n          )\n          .map(f => f.columnName),\n      ),\n    [facetResults],\n  )\n\n  const propertyOptions = useMemo(() => {\n    const source = onlyFacetedColumns\n      ? columnModels.filter(cm => facetColumnNames.has(cm.name))\n      : columnModels\n    return source.map(cm => ({\n      name: cm.name,\n      columnType: cm.columnType as string,\n      label: getColumnDisplayName(cm.name),\n    }))\n  }, [columnModels, facetColumnNames, onlyFacetedColumns, getColumnDisplayName])\n\n  const selectedOption =\n    propertyOptions.find(opt => opt.name === condition.columnName) ?? null\n\n  const hasFacet =\n    condition.columnName != null && facetColumnNames.has(condition.columnName)\n  const columnKind = classifyColumn(condition.columnType, hasFacet)\n  const availableOps = availableOpsForKind(columnKind)\n\n  const operatorLabelId = `qb-op-label-${condition.id}`\n\n  return (\n    <div\n      ref={sortableRef}\n      className={`${styles.row}${isDragSource ? ` ${dragStyles.dragSource}` : ''}`}\n      role=\"group\"\n      aria-label={`Filter condition${condition.columnName ? ` on ${condition.columnName}` : ''}`}\n      data-qb-node-id={condition.id}\n    >\n      <QBDragHandle\n        handleRef={handleRef}\n        label=\"Drag condition into a condition group\"\n      />\n\n      <Tooltip title=\"Remove condition\">\n        <IconButton\n          size=\"small\"\n          className={styles.remove}\n          aria-label=\"Remove condition\"\n          onClick={() => removeConditionAt(condition.id)}\n        >\n          <DeleteOutlineIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n\n      <Autocomplete\n        className={styles.propertyPicker}\n        size=\"small\"\n        options={propertyOptions}\n        getOptionLabel={opt => opt.label}\n        isOptionEqualToValue={(a, b) => a.name === b.name}\n        value={selectedOption}\n        renderInput={params => (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            placeholder=\"Select property…\"\n            inputProps={{ ...params.inputProps, 'aria-label': 'Property' }}\n          />\n        )}\n        onChange={(_event, value) => {\n          if (value == null) return\n          // Pick a default op that matches the new column's kind (so a\n          // faceted column shifts the row into pill-picker mode, a numeric\n          // column into range mode, etc.). Fall back to the raw columnType\n          // default if the kind has no ops.\n          const nextKind = classifyColumn(\n            value.columnType,\n            hasFacetForColumnName(facetResults, value.name),\n          )\n          const opsForKind = availableOpsForKind(nextKind)\n          const nextOp =\n            opsForKind.length > 0\n              ? opsForKind[0]\n              : defaultOpForColumnType(value.columnType)\n          updateConditionAt(condition.id, {\n            columnName: value.name,\n            columnType: value.columnType,\n            op: nextOp,\n            values: [],\n            rangeMin: null,\n            rangeMax: null,\n            text: null,\n          })\n        }}\n      />\n\n      {availableOps.length > 0 && (\n        <>\n          <InputLabel id={operatorLabelId} sx={{ display: 'none' }}>\n            Operator\n          </InputLabel>\n          <Select\n            className={styles.operatorPicker}\n            size=\"small\"\n            labelId={operatorLabelId}\n            variant=\"outlined\"\n            value={\n              availableOps.includes(condition.op)\n                ? condition.op\n                : availableOps[0]\n            }\n            onChange={event => {\n              const nextOp = event.target.value as QBConditionOp\n              updateConditionAt(condition.id, { op: nextOp })\n            }}\n            aria-label=\"Operator\"\n          >\n            {availableOps.map(op => (\n              <MenuItem key={op} value={op}>\n                {labelForOp(op)}\n              </MenuItem>\n            ))}\n          </Select>\n        </>\n      )}\n\n      <ValueInput\n        condition={condition}\n        columnKind={columnKind}\n        hasFacet={hasFacet}\n        columnModels={columnModels}\n        facetValues={\n          hasFacet && condition.columnName != null\n            ? findFacetValues(facetResults, condition.columnName)\n            : []\n        }\n        onChange={patch => updateConditionAt(condition.id, patch)}\n      />\n    </div>\n  )\n}\n\ntype ValueInputProps = {\n  condition: QBCondition\n  columnKind: QBColumnKind\n  hasFacet: boolean\n  columnModels: ColumnModel[]\n  facetValues: string[]\n  onChange: (patch: Partial<Omit<QBCondition, 'kind' | 'id'>>) => void\n}\n\nfunction ValueInput(props: ValueInputProps) {\n  const { condition, columnKind, hasFacet, facetValues, onChange } = props\n  const { op } = condition\n\n  // Presence operators have no input at all.\n  if (op === 'has_value' || op === 'no_value') return null\n\n  switch (op) {\n    case 'is_any_of':\n    case 'is_all_of':\n      if ((columnKind === 'enum' || columnKind === 'list') && hasFacet) {\n        return (\n          <FacetPillGroup\n            facetValues={facetValues}\n            selectedValues={condition.values}\n            onChange={next => onChange({ values: next })}\n          />\n        )\n      }\n      return (\n        <TextField\n          className={styles.textInput}\n          size=\"small\"\n          variant=\"outlined\"\n          placeholder=\"Comma-separated values\"\n          value={condition.values.join(', ')}\n          slotProps={{ htmlInput: { 'aria-label': 'Values' } }}\n          onChange={event =>\n            onChange({ values: splitAndTrim(event.target.value) })\n          }\n        />\n      )\n    case 'between':\n      return (\n        <>\n          <TextField\n            className={styles.rangeInput}\n            size=\"small\"\n            variant=\"outlined\"\n            type=\"text\"\n            placeholder=\"Min\"\n            value={condition.rangeMin ?? ''}\n            slotProps={{ htmlInput: { 'aria-label': 'Minimum' } }}\n            onChange={event => onChange({ rangeMin: event.target.value })}\n          />\n          <span aria-hidden=\"true\">to</span>\n          <TextField\n            className={styles.rangeInput}\n            size=\"small\"\n            variant=\"outlined\"\n            type=\"text\"\n            placeholder=\"Max\"\n            value={condition.rangeMax ?? ''}\n            slotProps={{ htmlInput: { 'aria-label': 'Maximum' } }}\n            onChange={event => onChange({ rangeMax: event.target.value })}\n          />\n        </>\n      )\n    case 'gt':\n    case 'gte':\n      return (\n        <TextField\n          className={styles.rangeInput}\n          size=\"small\"\n          variant=\"outlined\"\n          type=\"text\"\n          value={condition.rangeMin ?? ''}\n          slotProps={{ htmlInput: { 'aria-label': 'Value' } }}\n          onChange={event => onChange({ rangeMin: event.target.value })}\n        />\n      )\n    case 'lt':\n    case 'lte':\n      return (\n        <TextField\n          className={styles.rangeInput}\n          size=\"small\"\n          variant=\"outlined\"\n          type=\"text\"\n          value={condition.rangeMax ?? ''}\n          slotProps={{ htmlInput: { 'aria-label': 'Value' } }}\n          onChange={event => onChange({ rangeMax: event.target.value })}\n        />\n      )\n    case 'equal':\n    case 'not_equal':\n      if (columnKind === 'boolean') {\n        return (\n          <ToggleButtonGroup\n            className={styles.pillGroup}\n            exclusive\n            value={condition.values[0] ?? null}\n            onChange={(_event, next: string | null) => {\n              onChange({ values: next == null ? [] : [next] })\n            }}\n            aria-label=\"Boolean value\"\n          >\n            <ToggleButton value=\"true\">Yes</ToggleButton>\n            <ToggleButton value=\"false\">No</ToggleButton>\n          </ToggleButtonGroup>\n        )\n      }\n      return (\n        <TextField\n          className={styles.textInput}\n          size=\"small\"\n          variant=\"outlined\"\n          value={condition.values[0] ?? ''}\n          slotProps={{ htmlInput: { 'aria-label': 'Value' } }}\n          onChange={event => onChange({ values: [event.target.value] })}\n        />\n      )\n    case 'contains':\n    case 'starts_with':\n    case 'ends_with':\n    case 'is_exactly':\n      return (\n        <TextField\n          className={styles.textInput}\n          size=\"small\"\n          variant=\"outlined\"\n          value={condition.text ?? ''}\n          slotProps={{ htmlInput: { 'aria-label': 'Value' } }}\n          onChange={event => onChange({ text: event.target.value })}\n        />\n      )\n    default:\n      op satisfies never\n      return null\n  }\n}\n\ntype FacetPillGroupProps = {\n  facetValues: string[]\n  selectedValues: string[]\n  onChange: (next: string[]) => void\n}\n\n// Above this many pills we show a text filter above the group.\nconst PILL_FILTER_THRESHOLD = 40\n\nfunction FacetPillGroup(props: FacetPillGroupProps) {\n  const { facetValues, selectedValues, onChange } = props\n  const [filter, setFilter] = useState('')\n  const showFilter = facetValues.length > PILL_FILTER_THRESHOLD\n\n  // Sort alphabetically by the user-facing label so the pill order is\n  // predictable regardless of the backend's facet-result ordering.\n  const sortedValues = useMemo(() => {\n    return [...facetValues].sort((a, b) =>\n      labelForFacetValue(a).localeCompare(labelForFacetValue(b), undefined, {\n        sensitivity: 'base',\n      }),\n    )\n  }, [facetValues])\n\n  const visibleValues = useMemo(() => {\n    if (!showFilter || filter.trim() === '') return sortedValues\n    const q = filter.trim().toLowerCase()\n    return sortedValues.filter(v =>\n      labelForFacetValue(v).toLowerCase().includes(q),\n    )\n  }, [sortedValues, filter, showFilter])\n\n  return (\n    <div className={styles.pillGroupContainer}>\n      {showFilter && (\n        <TextField\n          className={styles.pillFilter}\n          size=\"small\"\n          variant=\"outlined\"\n          placeholder={`Filter ${facetValues.length} values…`}\n          value={filter}\n          onChange={event => setFilter(event.target.value)}\n          slotProps={{ htmlInput: { 'aria-label': 'Filter values' } }}\n        />\n      )}\n      <div className={styles.pillGroupScroll}>\n        <ToggleButtonGroup\n          className={styles.pillGroup}\n          value={selectedValues}\n          onChange={(_event, next: string[]) => onChange(next)}\n          aria-label=\"Selected values\"\n        >\n          {visibleValues.map(value => (\n            <ToggleButton key={value} value={value}>\n              {labelForFacetValue(value)}\n            </ToggleButton>\n          ))}\n        </ToggleButtonGroup>\n      </div>\n    </div>\n  )\n}\n\nfunction findFacetValues(\n  facetResults: readonly ReturnType<\n    typeof useQueryBuilderInternalContext\n  >['facetResults'][number][],\n  columnName: string,\n): string[] {\n  const match = facetResults.find(f => f.columnName === columnName)\n  if (match == null) return []\n  if (\n    match.concreteType ===\n    'org.sagebionetworks.repo.model.table.FacetColumnResultValues'\n  ) {\n    return match.facetValues.map(v => v.value)\n  }\n  return []\n}\n\nfunction hasFacetForColumnName(\n  facetResults: readonly ReturnType<\n    typeof useQueryBuilderInternalContext\n  >['facetResults'][number][],\n  columnName: string,\n): boolean {\n  return facetResults.some(\n    f =>\n      f.columnName === columnName &&\n      f.concreteType ===\n        'org.sagebionetworks.repo.model.table.FacetColumnResultValues',\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FilterConditionRow.js","names":[],"sources":["../../../src/components/QueryBuilder/FilterConditionRow.tsx"],"sourcesContent":["import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'\nimport { useSortable } from '@dnd-kit/react/sortable'\nimport {\n  Autocomplete,\n  IconButton,\n  InputLabel,\n  MenuItem,\n  Select,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Tooltip,\n} from '@mui/material'\nimport { FacetColumnResult } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useMemo, useState } from 'react'\nimport { splitAndTrim } from '../../utils/functions/StringUtils'\nimport { useQueryBuilderInternalContext } from './QueryBuilderInternalContext'\nimport {\n  availableOpsForKind,\n  classifyColumn,\n  facetValueMatchesFilter,\n  isFacetColumnResultValues,\n  labelForOp,\n  QBColumnKind,\n} from './queryBuilderMetadata'\nimport styles from './FilterConditionRow.module.scss'\nimport { QBDragHandle } from './QBDragHandle'\nimport dragStyles from './queryBuilderDrag.module.scss'\nimport { defaultOpForColumnType } from './queryBuilderOperations'\nimport { QBCondition, QBConditionOp } from './QueryBuilderTypes'\n\nexport type FilterConditionRowProps = {\n  condition: QBCondition\n  parentGroupId: string\n  index: number\n}\n\nexport function FilterConditionRow(props: FilterConditionRowProps) {\n  const { condition, parentGroupId, index } = props\n  const {\n    columnModels,\n    facetResults,\n    onlyFacetedColumns,\n    getColumnDisplayName,\n    updateConditionAt,\n    removeConditionAt,\n  } = useQueryBuilderInternalContext()\n\n  // A condition is a drag source only. Dropping onto a condition has no\n  // meaning in a boolean tree — a node joins a group, not another leaf — so\n  // groups own every drop zone and this row never becomes a target.\n  const {\n    ref: sortableRef,\n    handleRef,\n    isDragSource,\n  } = useSortable({\n    id: condition.id,\n    index,\n    group: parentGroupId,\n    disabled: { droppable: true },\n  })\n\n  const facetColumnNames = useMemo(\n    () =>\n      new Set(\n        facetResults.filter(isFacetColumnResultValues).map(f => f.columnName),\n      ),\n    [facetResults],\n  )\n\n  const propertyOptions = useMemo(() => {\n    const source = onlyFacetedColumns\n      ? columnModels.filter(cm => facetColumnNames.has(cm.name))\n      : columnModels\n    return source.map(cm => ({\n      name: cm.name,\n      columnType: cm.columnType as string,\n      label: getColumnDisplayName(cm.name),\n    }))\n  }, [columnModels, facetColumnNames, onlyFacetedColumns, getColumnDisplayName])\n\n  const selectedOption =\n    propertyOptions.find(opt => opt.name === condition.columnName) ?? null\n\n  const hasFacet =\n    condition.columnName != null && facetColumnNames.has(condition.columnName)\n  const columnKind = classifyColumn(condition.columnType, hasFacet)\n  const availableOps = availableOpsForKind(columnKind)\n\n  const operatorLabelId = `qb-op-label-${condition.id}`\n\n  return (\n    <div\n      ref={sortableRef}\n      className={`${styles.row}${isDragSource ? ` ${dragStyles.dragSource}` : ''}`}\n      role=\"group\"\n      aria-label={`Filter condition${condition.columnName ? ` on ${condition.columnName}` : ''}`}\n      data-qb-node-id={condition.id}\n    >\n      <QBDragHandle\n        handleRef={handleRef}\n        label=\"Drag condition into a condition group\"\n      />\n\n      <Tooltip title=\"Remove condition\">\n        <IconButton\n          size=\"small\"\n          className={styles.remove}\n          aria-label=\"Remove condition\"\n          onClick={() => removeConditionAt(condition.id)}\n        >\n          <DeleteOutlineIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n\n      <Autocomplete\n        className={styles.propertyPicker}\n        size=\"small\"\n        options={propertyOptions}\n        getOptionLabel={opt => opt.label}\n        isOptionEqualToValue={(a, b) => a.name === b.name}\n        value={selectedOption}\n        renderInput={params => (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            placeholder=\"Select property…\"\n            inputProps={{ ...params.inputProps, 'aria-label': 'Property' }}\n          />\n        )}\n        onChange={(_event, value) => {\n          if (value == null) return\n          // Pick a default op that matches the new column's kind (so a\n          // faceted column shifts the row into pill-picker mode, a numeric\n          // column into range mode, etc.). Fall back to the raw columnType\n          // default if the kind has no ops.\n          const nextKind = classifyColumn(\n            value.columnType,\n            hasFacetForColumnName(facetResults, value.name),\n          )\n          const opsForKind = availableOpsForKind(nextKind)\n          const nextOp =\n            opsForKind.length > 0\n              ? opsForKind[0]\n              : defaultOpForColumnType(value.columnType)\n          updateConditionAt(condition.id, {\n            columnName: value.name,\n            columnType: value.columnType,\n            op: nextOp,\n            values: [],\n            rangeMin: null,\n            rangeMax: null,\n            text: null,\n          })\n        }}\n      />\n\n      {availableOps.length > 0 && (\n        <>\n          <InputLabel id={operatorLabelId} sx={{ display: 'none' }}>\n            Operator\n          </InputLabel>\n          <Select\n            className={styles.operatorPicker}\n            size=\"small\"\n            labelId={operatorLabelId}\n            variant=\"outlined\"\n            value={\n              availableOps.includes(condition.op)\n                ? condition.op\n                : availableOps[0]\n            }\n            onChange={event => {\n              const nextOp = event.target.value as QBConditionOp\n              updateConditionAt(condition.id, { op: nextOp })\n            }}\n            aria-label=\"Operator\"\n          >\n            {availableOps.map(op => (\n              <MenuItem key={op} value={op}>\n                {labelForOp(op)}\n              </MenuItem>\n            ))}\n          </Select>\n        </>\n      )}\n\n      <ValueInput\n        condition={condition}\n        columnKind={columnKind}\n        hasFacet={hasFacet}\n        facetValues={\n          hasFacet && condition.columnName != null\n            ? findFacetValues(facetResults, condition.columnName)\n            : []\n        }\n        onChange={patch => updateConditionAt(condition.id, patch)}\n      />\n    </div>\n  )\n}\n\ntype ValueInputProps = {\n  condition: QBCondition\n  columnKind: QBColumnKind\n  hasFacet: boolean\n  facetValues: string[]\n  onChange: (patch: Partial<Omit<QBCondition, 'kind' | 'id'>>) => void\n}\n\nfunction ValueInput(props: ValueInputProps) {\n  const { condition, columnKind, hasFacet, facetValues, onChange } = props\n  const { op } = condition\n\n  // Presence operators have no input at all.\n  if (op === 'has_value' || op === 'no_value') return null\n\n  switch (op) {\n    case 'is_any_of':\n    case 'is_all_of':\n      if ((columnKind === 'enum' || columnKind === 'list') && hasFacet) {\n        return (\n          <FacetPillGroup\n            columnName={condition.columnName}\n            facetValues={facetValues}\n            selectedValues={condition.values}\n            onChange={next => onChange({ values: next })}\n          />\n        )\n      }\n      return (\n        <TextField\n          className={styles.textInput}\n          size=\"small\"\n          variant=\"outlined\"\n          placeholder=\"Comma-separated values\"\n          value={condition.values.join(', ')}\n          slotProps={{ htmlInput: { 'aria-label': 'Values' } }}\n          onChange={event =>\n            onChange({ values: splitAndTrim(event.target.value) })\n          }\n        />\n      )\n    case 'between':\n      return (\n        <>\n          <TextField\n            className={styles.rangeInput}\n            size=\"small\"\n            variant=\"outlined\"\n            type=\"text\"\n            placeholder=\"Min\"\n            value={condition.rangeMin ?? ''}\n            slotProps={{ htmlInput: { 'aria-label': 'Minimum' } }}\n            onChange={event => onChange({ rangeMin: event.target.value })}\n          />\n          <span aria-hidden=\"true\">to</span>\n          <TextField\n            className={styles.rangeInput}\n            size=\"small\"\n            variant=\"outlined\"\n            type=\"text\"\n            placeholder=\"Max\"\n            value={condition.rangeMax ?? ''}\n            slotProps={{ htmlInput: { 'aria-label': 'Maximum' } }}\n            onChange={event => onChange({ rangeMax: event.target.value })}\n          />\n        </>\n      )\n    case 'gt':\n    case 'gte':\n      return (\n        <TextField\n          className={styles.rangeInput}\n          size=\"small\"\n          variant=\"outlined\"\n          type=\"text\"\n          value={condition.rangeMin ?? ''}\n          slotProps={{ htmlInput: { 'aria-label': 'Value' } }}\n          onChange={event => onChange({ rangeMin: event.target.value })}\n        />\n      )\n    case 'lt':\n    case 'lte':\n      return (\n        <TextField\n          className={styles.rangeInput}\n          size=\"small\"\n          variant=\"outlined\"\n          type=\"text\"\n          value={condition.rangeMax ?? ''}\n          slotProps={{ htmlInput: { 'aria-label': 'Value' } }}\n          onChange={event => onChange({ rangeMax: event.target.value })}\n        />\n      )\n    case 'equal':\n    case 'not_equal':\n      if (columnKind === 'boolean') {\n        return (\n          <ToggleButtonGroup\n            className={styles.pillGroup}\n            exclusive\n            value={condition.values[0] ?? null}\n            onChange={(_event, next: string | null) => {\n              onChange({ values: next == null ? [] : [next] })\n            }}\n            aria-label=\"Boolean value\"\n          >\n            <ToggleButton value=\"true\">Yes</ToggleButton>\n            <ToggleButton value=\"false\">No</ToggleButton>\n          </ToggleButtonGroup>\n        )\n      }\n      return (\n        <TextField\n          className={styles.textInput}\n          size=\"small\"\n          variant=\"outlined\"\n          value={condition.values[0] ?? ''}\n          slotProps={{ htmlInput: { 'aria-label': 'Value' } }}\n          onChange={event => onChange({ values: [event.target.value] })}\n        />\n      )\n    case 'contains':\n    case 'starts_with':\n    case 'ends_with':\n    case 'is_exactly':\n      return (\n        <TextField\n          className={styles.textInput}\n          size=\"small\"\n          variant=\"outlined\"\n          value={condition.text ?? ''}\n          slotProps={{ htmlInput: { 'aria-label': 'Value' } }}\n          onChange={event => onChange({ text: event.target.value })}\n        />\n      )\n    default:\n      op satisfies never\n      return null\n  }\n}\n\ntype FacetPillGroupProps = {\n  columnName: string | null\n  facetValues: string[]\n  selectedValues: string[]\n  onChange: (next: string[]) => void\n}\n\n// Above this many pills we show a text filter above the group.\nexport const PILL_FILTER_THRESHOLD = 40\n\nfunction FacetPillGroup(props: FacetPillGroupProps) {\n  const { columnName, facetValues, selectedValues, onChange } = props\n  const { getValueDisplayName } = useQueryBuilderInternalContext()\n  const [filter, setFilter] = useState('')\n  const showFilter = facetValues.length > PILL_FILTER_THRESHOLD\n\n  const labelForValue = useCallback(\n    (value: string) => getValueDisplayName(columnName, value),\n    [getValueDisplayName, columnName],\n  )\n\n  // Sort alphabetically by the user-facing label so the pill order is\n  // predictable regardless of the backend's facet-result ordering.\n  const sortedValues = useMemo(() => {\n    return [...facetValues].sort((a, b) =>\n      labelForValue(a).localeCompare(labelForValue(b), undefined, {\n        sensitivity: 'base',\n      }),\n    )\n  }, [facetValues, labelForValue])\n\n  const visibleValues = useMemo(() => {\n    if (!showFilter) return sortedValues\n    return sortedValues.filter(v =>\n      facetValueMatchesFilter(v, labelForValue(v), filter),\n    )\n  }, [sortedValues, filter, showFilter, labelForValue])\n\n  return (\n    <div className={styles.pillGroupContainer}>\n      {showFilter && (\n        <TextField\n          className={styles.pillFilter}\n          size=\"small\"\n          variant=\"outlined\"\n          placeholder={`Filter ${facetValues.length} values…`}\n          value={filter}\n          onChange={event => setFilter(event.target.value)}\n          slotProps={{ htmlInput: { 'aria-label': 'Filter values' } }}\n        />\n      )}\n      <div className={styles.pillGroupScroll}>\n        <ToggleButtonGroup\n          className={styles.pillGroup}\n          value={selectedValues}\n          onChange={(_event, next: string[]) => onChange(next)}\n          aria-label=\"Selected values\"\n        >\n          {visibleValues.map(value => (\n            <ToggleButton key={value} value={value}>\n              {labelForValue(value)}\n            </ToggleButton>\n          ))}\n        </ToggleButtonGroup>\n      </div>\n    </div>\n  )\n}\n\nfunction findFacetValues(\n  facetResults: readonly FacetColumnResult[],\n  columnName: string,\n): string[] {\n  const match = facetResults.find(f => f.columnName === columnName)\n  if (match == null || !isFacetColumnResultValues(match)) return []\n  return match.facetValues.map(v => v.value)\n}\n\nfunction hasFacetForColumnName(\n  facetResults: readonly FacetColumnResult[],\n  columnName: string,\n): boolean {\n  return facetResults.some(\n    f => f.columnName === columnName && isFacetColumnResultValues(f),\n  )\n}\n"],"mappings":"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"}

package/dist/components/QueryBuilder/FilterGroupNode.js

@@ -8,12 +8,12 @@ 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";
+import { useDroppable as m } from "@dnd-kit/react";
+import { useSortable as h } from "@dnd-kit/react/sortable";
+import { pointerIntersection as g } from "@dnd-kit/collision";
 //#region src/components/QueryBuilder/FilterGroupNode.tsx
 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({
+	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 } = h({
 		id: x.id,
 		index: w ?? 0,
 		group: C ?? x.id,
@@ -21,10 +21,10 @@ function _(b) {
 			draggable: S,
 			droppable: !0
 		}
-	}), { ref: P, isDropTarget: F } = g({
+	}), { ref: P, isDropTarget: F } = m({
 		id: n(x.id),
 		data: t(x.id),
-		collisionDetector: h,
+		collisionDetector: g,
 		collisionPriority: T
 	}), I = p(j, P), L = {
 		"--qb-accent-color": v(x),

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":"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"}
+{"version":3,"file":"QueryBuilderControls.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/QueryBuilderControls.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAe,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAK1D,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,2CAsLpE"}