synapse-react-client 4.0.40 → 4.0.42

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.js

@@ -1,4 +1,4 @@
-import './JsonSchemaForm.css';var e = { jsonSchemaForm: "_jsonSchemaForm_sosz4_1" };
+import './JsonSchemaForm.css';var e = { jsonSchemaForm: "_jsonSchemaForm_zdhfc_1" };
 //#endregion
 export { e as default };
 

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonSchemaForm.module.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.module.scss"],"sourcesContent":[".jsonSchemaForm {\n  display: grid;\n  // We can't rearrange the order of the HTML elements, so we use grid rows to reorder them.\n  grid-template-rows: auto auto auto auto auto;\n  margin-bottom: 15px;\n\n  :global(.react-select-container) > :global(.form-control) {\n    height: 53.33px;\n  }\n\n  :global(.form-group.rjsf-field-array) {\n    margin-bottom: 0px;\n  }\n\n  :global(.form-control) {\n    height: unset;\n  }\n\n  :global(.MuiTextField-root):not(:global(.datetime-picker)) {\n    display: flex;\n  }\n\n  :global(.rjsf-array-item) :global(.LabelContainer) {\n    display: none !important;\n  }\n\n  > :global(.form-group) {\n    grid-row-start: 1;\n  }\n\n  > hr {\n    grid-row-start: 4;\n    width: 100%;\n  }\n\n  :global(.row) {\n    padding: 0px 10px;\n  }\n\n  :global(.rjsf-field-array) > :global(.field-description) {\n    margin-top: 0px;\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-array-item) {\n    :global(.field-description) {\n      display: none;\n    }\n\n    :global(.HelpButton) {\n      display: none;\n    }\n\n    :global(.form-control),\n    :global(.react-select-container) {\n      grid-row-start: widget;\n    }\n\n    div {\n      grid-row-start: errors;\n    }\n  }\n\n  :global(.LabelContainer) {\n    display: flex;\n    label {\n      flex-grow: 1;\n      span:global(.required) {\n        color: var(--synapse-red-required);\n        margin-left: 2px;\n      }\n    }\n  }\n\n  select {\n    background-color: var(--synapse-gray-light);\n  }\n\n  :global(.rjsf-field-array)\n    > :global(.rjsf-array-item)\n    > label:global(.form-label) {\n    display: none;\n  }\n\n  :global(.HelpButton) {\n    float: right;\n    margin: 0 0 0.5rem;\n    cursor: pointer;\n  }\n\n  table:global(.FieldDescriptionTable) {\n    tr {\n      th,\n      td {\n        padding: 3px 0px;\n        vertical-align: middle;\n\n        :global(.field-description) {\n          margin-bottom: 0;\n        }\n      }\n      th {\n        padding-right: 25px;\n        font-weight: 400;\n        color: var(--synapse-text-color-disabled);\n      }\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"JsonSchemaForm.module.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.module.scss"],"sourcesContent":[".jsonSchemaForm {\n  display: grid;\n  // We can't rearrange the order of the HTML elements, so we use grid rows to reorder them.\n  grid-template-rows: auto auto auto auto auto;\n  margin-bottom: 15px;\n\n  :global(.react-select-container) > :global(.form-control) {\n    height: 53.33px;\n  }\n\n  :global(.form-group.rjsf-field-array) {\n    margin-bottom: 0px;\n  }\n\n  :global(.form-control) {\n    height: unset;\n  }\n\n  :global(.MuiTextField-root):not(:global(.datetime-picker)) {\n    display: flex;\n  }\n\n  :global(.rjsf-array-item) :global(.LabelContainer) {\n    display: none !important;\n  }\n\n  > :global(.form-group) {\n    grid-row-start: 1;\n  }\n\n  > hr {\n    grid-row-start: 4;\n    width: 100%;\n  }\n\n  :global(.row) {\n    padding: 0px 10px;\n  }\n\n  :global(.field-description-inline) {\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-field-array) > :global(.field-description) {\n    margin-top: 0px;\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-array-item) {\n    :global(.field-description),\n    :global(.field-description-inline) {\n      display: none;\n    }\n\n    :global(.HelpButton) {\n      display: none;\n    }\n\n    :global(.form-control),\n    :global(.react-select-container) {\n      grid-row-start: widget;\n    }\n\n    div {\n      grid-row-start: errors;\n    }\n  }\n\n  :global(.LabelContainer) {\n    display: flex;\n    label {\n      flex-grow: 1;\n      span:global(.required) {\n        color: var(--synapse-red-required);\n        margin-left: 2px;\n      }\n    }\n  }\n\n  select {\n    background-color: var(--synapse-gray-light);\n  }\n\n  :global(.rjsf-field-array)\n    > :global(.rjsf-array-item)\n    > label:global(.form-label) {\n    display: none;\n  }\n\n  :global(.HelpButton) {\n    float: right;\n    margin: 0 0 0.5rem;\n    cursor: pointer;\n  }\n\n  table:global(.FieldDescriptionTable) {\n    tr {\n      th,\n      td {\n        padding: 3px 0px;\n        vertical-align: middle;\n\n        :global(.field-description) {\n          margin-bottom: 0;\n        }\n      }\n      th {\n        padding-right: 25px;\n        font-weight: 400;\n        color: var(--synapse-text-color-disabled);\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.scss

@@ -37,13 +37,18 @@
     padding: 0px 10px;
   }
 
+  :global(.field-description-inline) {
+    margin-bottom: 8px;
+  }
+
   :global(.rjsf-field-array) > :global(.field-description) {
     margin-top: 0px;
     margin-bottom: 8px;
   }
 
   :global(.rjsf-array-item) {
-    :global(.field-description) {
+    :global(.field-description),
+    :global(.field-description-inline) {
       display: none;
     }
 

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RJSFInputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,QAAQ,EACR,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,KAAK,mBAAmB,CACtB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,IAC7B,iBAAiB,CAAC;IACpB;wBACoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,4CAA4C;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAmDpC"}
+{"version":3,"file":"RJSFInputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,QAAQ,EACR,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,KAAK,mBAAmB,CACtB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,IAC7B,iBAAiB,CAAC;IACpB;wBACoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,4CAA4C;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAsDpC"}

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.js

@@ -35,6 +35,10 @@ function u(u) {
 				})
 			]
 		}),
+		!d && g === "inline" && p && /* @__PURE__ */ o("div", {
+			className: "field-description-inline",
+			children: p
+		}),
 		h,
 		!d && g === "expand" && /* @__PURE__ */ o(n, {
 			className: "field-description",

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RJSFInputLabel.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"sourcesContent":["import { StyledPopover } from '@/components/styled/StyledPopover'\nimport { HelpOutline, HelpTwoTone } from '@mui/icons-material'\nimport { Collapse, IconButton, Tooltip } from '@mui/material'\nimport {\n  FormContextType,\n  Registry,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { PropsWithChildren, useState } from 'react'\n\ntype RJSFInputLabelProps<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n> = PropsWithChildren<{\n  /** If true, the label will not be shown\n   * @default false */\n  hideLabel?: boolean\n  /** The rendered label of the field */\n  fieldLabel: React.ReactNode\n  /** The rendered description of the field */\n  description: React.ReactNode\n  /** The `registry` object */\n  registry: Registry<T, S, F>\n}>\n\n/**\n * Component that handles rendering our custom input label and description fields for RJSF.\n */\nexport function RJSFInputLabelWrapper<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: RJSFInputLabelProps<T, S, F>) {\n  const {\n    hideLabel = false,\n    fieldLabel,\n    description,\n    registry,\n    children,\n  } = props\n  const descriptionVariant =\n    registry.formContext.descriptionVariant || 'popover'\n\n  const [showDetails, setShowDetails] = useState(false)\n\n  const expandButton = (\n    <Tooltip title={'More Info'}>\n      <IconButton\n        onClick={e => {\n          e.preventDefault()\n          setShowDetails(!showDetails)\n        }}\n        aria-expanded={showDetails}\n        size={'small'}\n      >\n        <HelpOutline color={'primary'} sx={{ width: '16px', height: '16px' }} />\n      </IconButton>\n    </Tooltip>\n  )\n\n  const popoverButton = (\n    <StyledPopover popoverContent={description} maxWidth=\"350px\">\n      <HelpTwoTone className={`HelpButton`} />\n    </StyledPopover>\n  )\n\n  return (\n    <>\n      {!hideLabel && (\n        <div className=\"LabelContainer\">\n          {fieldLabel}\n          {description && descriptionVariant === 'popover' && popoverButton}\n          {description && descriptionVariant === 'expand' && expandButton}\n        </div>\n      )}\n      {children}\n      {!hideLabel && descriptionVariant === 'expand' && (\n        <Collapse className=\"field-description\" in={showDetails}>\n          {description}\n        </Collapse>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AA8BA,SAAgB,EAId,GAAqC;CACrC,IAAM,EACJ,eAAY,IACZ,eACA,gBACA,aACA,gBACE,GACE,IACJ,EAAS,YAAY,sBAAsB,WAEvC,CAAC,GAAa,KAAkB,EAAS,EAAK;CAuBpD,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,CAAC,KACA,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACA,KAAe,MAAuB,aAV7C,kBAAC,GAAD;KAAe,gBAAgB;KAAa,UAAS;eACnD,kBAAC,GAAD,EAAa,WAAW,aAAe,CAAA;IAC1B,CAQ2C;IACnD,KAAe,MAAuB,YA1B7C,kBAAC,GAAD;KAAS,OAAO;eACd,kBAAC,GAAD;MACE,UAAS,MAAK;OAEZ,AADA,EAAE,eAAe,GACjB,EAAe,CAAC,CAAW;MAC7B;MACA,iBAAe;MACf,MAAM;gBAEN,kBAAC,GAAD;OAAa,OAAO;OAAW,IAAI;QAAE,OAAO;QAAQ,QAAQ;OAAO;MAAI,CAAA;KAC7D,CAAA;IACL,CAegD;GAChD;;EAEN;EACA,CAAC,KAAa,MAAuB,YACpC,kBAAC,GAAD;GAAU,WAAU;GAAoB,IAAI;aACzC;EACO,CAAA;CAEZ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"RJSFInputLabel.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"sourcesContent":["import { StyledPopover } from '@/components/styled/StyledPopover'\nimport { HelpOutline, HelpTwoTone } from '@mui/icons-material'\nimport { Collapse, IconButton, Tooltip } from '@mui/material'\nimport {\n  FormContextType,\n  Registry,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { PropsWithChildren, useState } from 'react'\n\ntype RJSFInputLabelProps<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n> = PropsWithChildren<{\n  /** If true, the label will not be shown\n   * @default false */\n  hideLabel?: boolean\n  /** The rendered label of the field */\n  fieldLabel: React.ReactNode\n  /** The rendered description of the field */\n  description: React.ReactNode\n  /** The `registry` object */\n  registry: Registry<T, S, F>\n}>\n\n/**\n * Component that handles rendering our custom input label and description fields for RJSF.\n */\nexport function RJSFInputLabelWrapper<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: RJSFInputLabelProps<T, S, F>) {\n  const {\n    hideLabel = false,\n    fieldLabel,\n    description,\n    registry,\n    children,\n  } = props\n  const descriptionVariant =\n    registry.formContext.descriptionVariant || 'popover'\n\n  const [showDetails, setShowDetails] = useState(false)\n\n  const expandButton = (\n    <Tooltip title={'More Info'}>\n      <IconButton\n        onClick={e => {\n          e.preventDefault()\n          setShowDetails(!showDetails)\n        }}\n        aria-expanded={showDetails}\n        size={'small'}\n      >\n        <HelpOutline color={'primary'} sx={{ width: '16px', height: '16px' }} />\n      </IconButton>\n    </Tooltip>\n  )\n\n  const popoverButton = (\n    <StyledPopover popoverContent={description} maxWidth=\"350px\">\n      <HelpTwoTone className={`HelpButton`} />\n    </StyledPopover>\n  )\n\n  return (\n    <>\n      {!hideLabel && (\n        <div className=\"LabelContainer\">\n          {fieldLabel}\n          {description && descriptionVariant === 'popover' && popoverButton}\n          {description && descriptionVariant === 'expand' && expandButton}\n        </div>\n      )}\n      {!hideLabel && descriptionVariant === 'inline' && description && (\n        <div className=\"field-description-inline\">{description}</div>\n      )}\n      {children}\n      {!hideLabel && descriptionVariant === 'expand' && (\n        <Collapse className=\"field-description\" in={showDetails}>\n          {description}\n        </Collapse>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AA8BA,SAAgB,EAId,GAAqC;CACrC,IAAM,EACJ,eAAY,IACZ,eACA,gBACA,aACA,gBACE,GACE,IACJ,EAAS,YAAY,sBAAsB,WAEvC,CAAC,GAAa,KAAkB,EAAS,EAAK;CAuBpD,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,CAAC,KACA,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACA,KAAe,MAAuB,aAV7C,kBAAC,GAAD;KAAe,gBAAgB;KAAa,UAAS;eACnD,kBAAC,GAAD,EAAa,WAAW,aAAe,CAAA;IAC1B,CAQ2C;IACnD,KAAe,MAAuB,YA1B7C,kBAAC,GAAD;KAAS,OAAO;eACd,kBAAC,GAAD;MACE,UAAS,MAAK;OAEZ,AADA,EAAE,eAAe,GACjB,EAAe,CAAC,CAAW;MAC7B;MACA,iBAAe;MACf,MAAM;gBAEN,kBAAC,GAAD;OAAa,OAAO;OAAW,IAAI;QAAE,OAAO;QAAQ,QAAQ;OAAO;MAAI,CAAA;KAC7D,CAAA;IACL,CAegD;GAChD;;EAEN,CAAC,KAAa,MAAuB,YAAY,KAChD,kBAAC,OAAD;GAAK,WAAU;aAA4B;EAAiB,CAAA;EAE7D;EACA,CAAC,KAAa,MAAuB,YACpC,kBAAC,GAAD;GAAU,WAAU;GAAoB,IAAI;aACzC;EACO,CAAA;CAEZ,EAAA,CAAA;AAEN"}

package/dist/components/JsonSchemaForm/widgets/SelectWidget.d.ts

@@ -6,6 +6,17 @@ import { Widget, EnumOptionsType } from '@rjsf/utils';
  * where the label and value are set to the provided value.
  */
 export declare function findValueOption(value: string | null | undefined, options: EnumOptionsType[]): EnumOptionsType | string | null;
+/**
+ * Maps a multi-select form value (an array of enum values) to the Autocomplete option objects it
+ * selects. Values with no matching option (e.g. free-solo input) become `{ value, label: value }`.
+ * A non-array value selects nothing.
+ */
+export declare function toMultipleAutocompleteValue(value: unknown, options: EnumOptionsType[]): EnumOptionsType[];
+/**
+ * Maps a multi-select Autocomplete selection (option objects and/or free-solo strings) back to the
+ * array of enum values stored in the form data.
+ */
+export declare function fromMultipleAutocompleteValue(newValue: unknown): unknown[];
 /**
  * Select widget compatible with react-jsonschema-form enumerations
  */

package/dist/components/JsonSchemaForm/widgets/SelectWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAe,eAAe,EAAE,MAAM,aAAa,CAAA;AAOlE;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,GAAG,MAAM,GAAG,IAAI,CAWjC;AAMD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MA0F1B,CAAA"}
+{"version":3,"file":"SelectWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAe,eAAe,EAAE,MAAM,aAAa,CAAA;AAOlE;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,GAAG,MAAM,GAAG,IAAI,CAWjC;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,EAAE,CAWnB;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,EAAE,CAO1E;AAMD;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAgG1B,CAAA"}

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

@@ -12,36 +12,45 @@ function o(e, t) {
 		label: e
 	};
 }
-var s = (i) => {
-	let { id: s, options: c, value: l, required: u, disabled: d, readonly: f, multiple: p, autofocus: m, onChange: h, onBlur: g, onFocus: _, placeholder: v, isClearable: y = !0, rawErrors: b, registry: x } = i, { enumOptions: S } = c, C = ["__oneof_select", "__anyof_select"].some((e) => s.includes(e)), w = !C && !!x.formContext.allowFreeSoloEnum, T = y && !C;
+function s(e, t) {
+	return Array.isArray(e) ? e.map((e) => t.find((t) => t.value === e) ?? {
+		value: e,
+		label: String(e)
+	}) : [];
+}
+function c(t) {
+	return Array.isArray(t) ? t.map((t) => e(t) && "value" in t ? t.value : t) : [];
+}
+var l = (i) => {
+	let { id: l, options: u, value: d, required: f, disabled: p, readonly: m, multiple: h, autofocus: g, onChange: _, onBlur: v, onFocus: y, placeholder: b, isClearable: x = !0, rawErrors: S, registry: C } = i, { enumOptions: w } = u, T = ["__oneof_select", "__anyof_select"].some((e) => l.includes(e)), E = !T && !!C.formContext.allowFreeSoloEnum, D = x && !T;
 	return /* @__PURE__ */ r(t, {
-		id: s,
-		value: o(l, S),
-		freeSolo: w,
+		id: l,
+		value: h ? s(d, w) : o(d, w),
+		freeSolo: E,
 		forcePopupIcon: !0,
 		selectOnFocus: !0,
 		clearOnBlur: !0,
 		handleHomeEndKeys: !0,
-		options: S,
-		readOnly: f,
-		disabled: d,
-		multiple: p,
-		disableClearable: !T,
+		options: w,
+		readOnly: m,
+		disabled: p,
+		multiple: h,
+		disableClearable: !D,
 		onChange: (t, n) => {
-			e(n) && "inputValue" in n ? h(n.inputValue) : e(n) && "value" in n ? h(n.value) : h(n);
+			h ? _(c(n)) : e(n) && "inputValue" in n ? _(n.inputValue) : e(n) && "value" in n ? _(n.value) : _(n);
 		},
 		renderInput: (e) => /* @__PURE__ */ r(n, {
 			...e,
-			required: u,
-			placeholder: v,
-			error: b && b.length > 0,
-			autoFocus: m,
-			onFocus: _ && (() => _(s, l?.value)),
-			onBlur: g && (() => g(s, l?.value))
+			required: f,
+			placeholder: b,
+			error: S && S.length > 0,
+			autoFocus: g,
+			onFocus: y && (() => y(l, d?.value)),
+			onBlur: v && (() => v(l, d?.value))
 		}),
 		filterOptions: (e, t) => {
 			let n = a(e, t), { inputValue: r } = t, i = e.some((e) => r === e.label);
-			return w && r !== "" && !i && n.push({
+			return E && r !== "" && !i && n.push({
 				value: r,
 				label: `Set to custom value "${r}"`
 			}), n;
@@ -49,6 +58,6 @@ var s = (i) => {
 	});
 };
 //#endregion
-export { s as SelectWidget, o as findValueOption };
+export { l as SelectWidget, o as findValueOption, c as fromMultipleAutocompleteValue, s as toMultipleAutocompleteValue };
 
 //# sourceMappingURL=SelectWidget.js.map

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.css

@@ -1 +1 @@
-._row_t1xbt_1{--qb-pill-color:var(--synapse-primary-action-color);align-items:center;gap:8px;min-height:30px;padding:4px 0;display:flex}._dragHandle_t1xbt_10{cursor:grab;color:var(--synapse-gray-deemphasized)}._remove_t1xbt_15{border:1px solid var(--synapse-border-color-gray);color:var(--synapse-gray-600)!important;border-radius:4px!important;padding:4px!important}._remove_t1xbt_15:hover{color:var(--synapse-error);border-color:var(--synapse-error);background-color:#0000!important}._propertyPicker_t1xbt_27 .MuiOutlinedInput-root,._operatorPicker_t1xbt_28 .MuiOutlinedInput-root,._rangeInput_t1xbt_29 .MuiOutlinedInput-root,._textInput_t1xbt_30 .MuiOutlinedInput-root{height:36px;font-size:14px}._propertyPicker_t1xbt_27{min-width:200px}._operatorPicker_t1xbt_28{min-width:120px}._rangeInput_t1xbt_29{width:120px}._textInput_t1xbt_30{min-width:200px}._pillGroupContainer_t1xbt_51{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}._pillFilter_t1xbt_59{max-width:260px}._pillGroupScroll_t1xbt_63{max-height:120px;overflow-y:auto}._pillGroup_t1xbt_51{flex-wrap:wrap;gap:6px;display:flex}._pillGroup_t1xbt_51 .MuiToggleButton-root,._pillGroup_t1xbt_51 .MuiToggleButtonGroup-grouped{text-transform:none;padding:2px 12px;font-size:13px;line-height:1.4;border:1px solid var(--synapse-gray-dark)!important;border-radius:999px!important;margin:0!important}._pillGroup_t1xbt_51 .MuiToggleButton-root.Mui-selected{background-color:var(--qb-pill-color);color:#fff;border-color:var(--qb-pill-color)}._pillGroup_t1xbt_51 .MuiToggleButton-root.Mui-selected:hover{background-color:var(--qb-pill-color)}
+._row_bmqgz_1{--qb-pill-color:var(--synapse-primary-action-color);align-items:center;gap:8px;min-height:30px;padding:4px 0;display:flex}._remove_bmqgz_10{border:1px solid var(--synapse-border-color-gray);color:var(--synapse-gray-600)!important;border-radius:4px!important;padding:4px!important}._remove_bmqgz_10:hover{color:var(--synapse-error);border-color:var(--synapse-error);background-color:#0000!important}._propertyPicker_bmqgz_22 .MuiOutlinedInput-root,._operatorPicker_bmqgz_23 .MuiOutlinedInput-root,._rangeInput_bmqgz_24 .MuiOutlinedInput-root,._textInput_bmqgz_25 .MuiOutlinedInput-root{height:36px;font-size:14px}._propertyPicker_bmqgz_22{min-width:200px}._operatorPicker_bmqgz_23{min-width:120px}._rangeInput_bmqgz_24{width:120px}._textInput_bmqgz_25{min-width:200px}._pillGroupContainer_bmqgz_46{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}._pillFilter_bmqgz_54{max-width:260px}._pillGroupScroll_bmqgz_58{max-height:120px;overflow-y:auto}._pillGroup_bmqgz_46{flex-wrap:wrap;gap:6px;display:flex}._pillGroup_bmqgz_46 .MuiToggleButton-root,._pillGroup_bmqgz_46 .MuiToggleButtonGroup-grouped{text-transform:none;padding:2px 12px;font-size:13px;line-height:1.4;border:1px solid var(--synapse-gray-dark)!important;border-radius:999px!important;margin:0!important}._pillGroup_bmqgz_46 .MuiToggleButton-root.Mui-selected{background-color:var(--qb-pill-color);color:#fff;border-color:var(--qb-pill-color)}._pillGroup_bmqgz_46 .MuiToggleButton-root.Mui-selected:hover{background-color:var(--qb-pill-color)}

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

@@ -1,6 +1,9 @@
 import { QBCondition } from './QueryBuilderTypes';
 export type FilterConditionRowProps = {
     condition: QBCondition;
+    parentGroupId: string;
+    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":"AA0BA,OAAO,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAA;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,EAAE,WAAW,CAAA;CACvB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAgKhE"}
+{"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,58 +1,61 @@
 import { splitAndTrim as e } from "../../utils/functions/StringUtils.js";
-import { useQueryBuilderInternalContext as t } from "./QueryBuilderInternalContext.js";
-import { availableOpsForKind as n, classifyColumn as r, labelForFacetValue as i, labelForOp as a } from "./queryBuilderMetadata.js";
-import o from "./FilterConditionRow.module.js";
-import { defaultOpForColumnType as s } from "./queryBuilderOperations.js";
-import { useMemo as c, useState as l } from "react";
-import { Autocomplete as u, IconButton as d, InputLabel as f, MenuItem as p, Select as m, TextField as h, ToggleButton as g, ToggleButtonGroup as _, Tooltip as v } from "@mui/material";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import S from "@mui/icons-material/DeleteOutline";
-import C from "@mui/icons-material/DragIndicator";
+import { defaultOpForColumnType as t } from "./queryBuilderOperations.js";
+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 w(e) {
-	let { condition: i } = e, { columnModels: l, facetResults: g, onlyFacetedColumns: _, getColumnDisplayName: w, updateConditionAt: E, removeConditionAt: D } = t(), A = c(() => new Set(g.filter((e) => e.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnResultValues").map((e) => e.columnName)), [g]), j = c(() => (_ ? l.filter((e) => A.has(e.name)) : l).map((e) => ({
+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: p,
+		group: d,
+		disabled: { droppable: !0 }
+	}), 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: w(e.name)
+		label: A(e.name)
 	})), [
-		l,
-		A,
-		_,
-		w
-	]), M = j.find((e) => e.name === i.columnName) ?? null, N = i.columnName != null && A.has(i.columnName), P = r(i.columnType, N), F = n(P), I = `qb-op-label-${i.id}`;
-	return /* @__PURE__ */ x("div", {
-		className: o.row,
+		b,
+		R,
+		O,
+		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__ */ b(v, {
-				title: "Drag to reorder",
-				children: /* @__PURE__ */ b(d, {
-					size: "small",
-					className: o.dragHandle,
-					"aria-label": "Drag to reorder condition",
-					children: /* @__PURE__ */ b(C, { fontSize: "small" })
-				})
+			/* @__PURE__ */ w(u, {
+				handleRef: I,
+				label: "Drag condition into a condition group"
 			}),
-			/* @__PURE__ */ b(v, {
+			/* @__PURE__ */ w(S, {
 				title: "Remove condition",
-				children: /* @__PURE__ */ b(d, {
+				children: /* @__PURE__ */ w(h, {
 					size: "small",
-					className: o.remove,
+					className: c.remove,
 					"aria-label": "Remove condition",
-					onClick: () => D(i.id),
-					children: /* @__PURE__ */ b(S, { fontSize: "small" })
+					onClick: () => P(i.id),
+					children: /* @__PURE__ */ w(D, { fontSize: "small" })
 				})
 			}),
-			/* @__PURE__ */ b(u, {
-				className: o.propertyPicker,
+			/* @__PURE__ */ w(m, {
+				className: c.propertyPicker,
 				size: "small",
-				options: j,
+				options: z,
 				getOptionLabel: (e) => e.label,
 				isOptionEqualToValue: (e, t) => e.name === t.name,
-				value: M,
-				renderInput: (e) => /* @__PURE__ */ b(h, {
+				value: B,
+				renderInput: (e) => /* @__PURE__ */ w(y, {
 					...e,
 					variant: "outlined",
 					placeholder: "Select property…",
@@ -61,13 +64,13 @@ function w(e) {
 						"aria-label": "Property"
 					}
 				}),
-				onChange: (e, t) => {
-					if (t == null) return;
-					let a = n(r(t.columnType, k(g, t.name))), o = a.length > 0 ? a[0] : s(t.columnType);
-					E(i.id, {
-						columnName: t.name,
-						columnType: t.columnType,
-						op: o,
+				onChange: (e, a) => {
+					if (a == null) return;
+					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,
 						values: [],
 						rangeMin: null,
 						rangeMax: null,
@@ -75,183 +78,180 @@ function w(e) {
 					});
 				}
 			}),
-			F.length > 0 && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(f, {
-				id: I,
+			U.length > 0 && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(g, {
+				id: W,
 				sx: { display: "none" },
 				children: "Operator"
-			}), /* @__PURE__ */ b(m, {
-				className: o.operatorPicker,
+			}), /* @__PURE__ */ w(v, {
+				className: c.operatorPicker,
 				size: "small",
-				labelId: I,
+				labelId: W,
 				variant: "outlined",
-				value: F.includes(i.op) ? i.op : F[0],
+				value: U.includes(i.op) ? i.op : U[0],
 				onChange: (e) => {
 					let t = e.target.value;
-					E(i.id, { op: t });
+					j(i.id, { op: t });
 				},
 				"aria-label": "Operator",
-				children: F.map((e) => /* @__PURE__ */ b(p, {
+				children: U.map((e) => /* @__PURE__ */ w(_, {
 					value: e,
-					children: a(e)
+					children: o(e)
 				}, e))
 			})] }),
-			/* @__PURE__ */ b(T, {
+			/* @__PURE__ */ w(k, {
 				condition: i,
-				columnKind: P,
-				hasFacet: N,
-				columnModels: l,
-				facetValues: N && i.columnName != null ? O(g, i.columnName) : [],
-				onChange: (e) => E(i.id, e)
+				columnKind: H,
+				hasFacet: V,
+				facetValues: V && i.columnName != null ? M(x, i.columnName) : [],
+				onChange: (e) => j(i.id, e)
 			})
 		]
 	});
 }
-function T(t) {
-	let { condition: n, columnKind: r, hasFacet: i, facetValues: a, onChange: s } = 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__ */ b(D, {
+		case "is_all_of": return (r === "enum" || r === "list") && i ? /* @__PURE__ */ w(j, {
+			columnName: n.columnName,
 			facetValues: a,
 			selectedValues: n.values,
-			onChange: (e) => s({ values: e })
-		}) : /* @__PURE__ */ b(h, {
-			className: o.textInput,
+			onChange: (e) => o({ values: e })
+		}) : /* @__PURE__ */ w(y, {
+			className: c.textInput,
 			size: "small",
 			variant: "outlined",
 			placeholder: "Comma-separated values",
 			value: n.values.join(", "),
 			slotProps: { htmlInput: { "aria-label": "Values" } },
-			onChange: (t) => s({ values: e(t.target.value) })
+			onChange: (t) => o({ values: e(t.target.value) })
 		});
-		case "between": return /* @__PURE__ */ x(y, { children: [
-			/* @__PURE__ */ b(h, {
-				className: o.rangeInput,
+		case "between": return /* @__PURE__ */ T(C, { children: [
+			/* @__PURE__ */ w(y, {
+				className: c.rangeInput,
 				size: "small",
 				variant: "outlined",
 				type: "text",
 				placeholder: "Min",
 				value: n.rangeMin ?? "",
 				slotProps: { htmlInput: { "aria-label": "Minimum" } },
-				onChange: (e) => s({ rangeMin: e.target.value })
+				onChange: (e) => o({ rangeMin: e.target.value })
 			}),
-			/* @__PURE__ */ b("span", {
+			/* @__PURE__ */ w("span", {
 				"aria-hidden": "true",
 				children: "to"
 			}),
-			/* @__PURE__ */ b(h, {
-				className: o.rangeInput,
+			/* @__PURE__ */ w(y, {
+				className: c.rangeInput,
 				size: "small",
 				variant: "outlined",
 				type: "text",
 				placeholder: "Max",
 				value: n.rangeMax ?? "",
 				slotProps: { htmlInput: { "aria-label": "Maximum" } },
-				onChange: (e) => s({ rangeMax: e.target.value })
+				onChange: (e) => o({ rangeMax: e.target.value })
 			})
 		] });
 		case "gt":
-		case "gte": return /* @__PURE__ */ b(h, {
-			className: o.rangeInput,
+		case "gte": return /* @__PURE__ */ w(y, {
+			className: c.rangeInput,
 			size: "small",
 			variant: "outlined",
 			type: "text",
 			value: n.rangeMin ?? "",
 			slotProps: { htmlInput: { "aria-label": "Value" } },
-			onChange: (e) => s({ rangeMin: e.target.value })
+			onChange: (e) => o({ rangeMin: e.target.value })
 		});
 		case "lt":
-		case "lte": return /* @__PURE__ */ b(h, {
-			className: o.rangeInput,
+		case "lte": return /* @__PURE__ */ w(y, {
+			className: c.rangeInput,
 			size: "small",
 			variant: "outlined",
 			type: "text",
 			value: n.rangeMax ?? "",
 			slotProps: { htmlInput: { "aria-label": "Value" } },
-			onChange: (e) => s({ rangeMax: e.target.value })
+			onChange: (e) => o({ rangeMax: e.target.value })
 		});
 		case "equal":
-		case "not_equal": return r === "boolean" ? /* @__PURE__ */ x(_, {
-			className: o.pillGroup,
+		case "not_equal": return r === "boolean" ? /* @__PURE__ */ T(x, {
+			className: c.pillGroup,
 			exclusive: !0,
 			value: n.values[0] ?? null,
 			onChange: (e, t) => {
-				s({ values: t == null ? [] : [t] });
+				o({ values: t == null ? [] : [t] });
 			},
 			"aria-label": "Boolean value",
-			children: [/* @__PURE__ */ b(g, {
+			children: [/* @__PURE__ */ w(b, {
 				value: "true",
 				children: "Yes"
-			}), /* @__PURE__ */ b(g, {
+			}), /* @__PURE__ */ w(b, {
 				value: "false",
 				children: "No"
 			})]
-		}) : /* @__PURE__ */ b(h, {
-			className: o.textInput,
+		}) : /* @__PURE__ */ w(y, {
+			className: c.textInput,
 			size: "small",
 			variant: "outlined",
 			value: n.values[0] ?? "",
 			slotProps: { htmlInput: { "aria-label": "Value" } },
-			onChange: (e) => s({ values: [e.target.value] })
+			onChange: (e) => o({ values: [e.target.value] })
 		});
 		case "contains":
 		case "starts_with":
 		case "ends_with":
-		case "is_exactly": return /* @__PURE__ */ b(h, {
-			className: o.textInput,
+		case "is_exactly": return /* @__PURE__ */ w(y, {
+			className: c.textInput,
 			size: "small",
 			variant: "outlined",
 			value: n.text ?? "",
 			slotProps: { htmlInput: { "aria-label": "Value" } },
-			onChange: (e) => s({ text: e.target.value })
+			onChange: (e) => o({ text: e.target.value })
 		});
 		default: return null;
 	}
 }
-var E = 40;
-function D(e) {
-	let { facetValues: t, selectedValues: n, onChange: r } = e, [a, s] = l(""), u = t.length > E, d = c(() => [...t].sort((e, t) => i(e).localeCompare(i(t), void 0, { sensitivity: "base" })), [t]), f = c(() => {
-		if (!u || a.trim() === "") return d;
-		let e = a.trim().toLowerCase();
-		return d.filter((t) => i(t).toLowerCase().includes(e));
-	}, [
-		d,
-		a,
-		u
+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,
+		m,
+		h
 	]);
-	return /* @__PURE__ */ x("div", {
-		className: o.pillGroupContainer,
-		children: [u && /* @__PURE__ */ b(h, {
-			className: o.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) => s(e.target.value),
+			placeholder: `Filter ${n.length} values…`,
+			value: l,
+			onChange: (e) => u(e.target.value),
 			slotProps: { htmlInput: { "aria-label": "Filter values" } }
-		}), /* @__PURE__ */ b("div", {
-			className: o.pillGroupScroll,
-			children: /* @__PURE__ */ b(_, {
-				className: o.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__ */ b(g, {
+				children: _.map((e) => /* @__PURE__ */ w(b, {
 					value: e,
-					children: i(e)
+					children: h(e)
 				}, e))
 			})
 		})]
 	});
 }
-function O(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 k(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 { w as FilterConditionRow };
+export { O as FilterConditionRow, A as PILL_FILTER_THRESHOLD };
 
 //# sourceMappingURL=FilterConditionRow.js.map