@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/elements/WhereBuilder/Condition/Select/types.js

@@ -1,2 +1,3 @@
-export {};
+export { };
+
 //# sourceMappingURL=types.js.map

package/dist/elements/WhereBuilder/Condition/Select/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/types.ts"],"sourcesContent":["import type { LabelFunction, Option, SelectFieldClient } from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type SelectFilterProps = {\n  readonly field: SelectFieldClient\n  readonly isClearable?: boolean\n  readonly onChange: (val: string) => void\n  readonly options: Option[]\n  readonly placeholder?: LabelFunction | string\n  readonly value: string\n} & DefaultFilterProps\n"],"mappings":"AAIA","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/types.ts"],"sourcesContent":["import type { LabelFunction, Option, SelectFieldClient } from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type SelectFilterProps = {\n  readonly field: SelectFieldClient\n  readonly isClearable?: boolean\n  readonly onChange: (val: string) => void\n  readonly options: Option[]\n  readonly placeholder?: LabelFunction | string\n  readonly value: string\n} & DefaultFilterProps\n"],"names":[],"mappings":"AAIA,WAOsB"}

package/dist/elements/WhereBuilder/Condition/Text/index.js

@@ -1,132 +1,81 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { ReactSelect } from '../../../ReactSelect/index.js';
 import './index.scss';
 const baseClass = 'condition-value-text';
-export const Text = props => {
-  const $ = _c(18);
-  const {
-    disabled,
-    field: t0,
-    onChange,
-    operator,
-    value
-  } = props;
-  const {
-    hasMany
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  let t1;
-  if ($[0] !== hasMany || $[1] !== operator) {
-    t1 = ["in", "not_in"].includes(operator) || hasMany;
-    $[0] = hasMany;
-    $[1] = operator;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const isMulti = t1;
-  let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [];
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const [valueToRender, setValueToRender] = React.useState(t2);
-  let t3;
-  if ($[4] !== isMulti || $[5] !== onChange) {
-    t3 = selectedOption => {
-      let newValue;
-      if (!selectedOption) {
-        newValue = [];
-      } else {
-        if (isMulti) {
-          if (Array.isArray(selectedOption)) {
-            newValue = selectedOption.map(_temp);
-          } else {
-            newValue = [selectedOption.value?.value || selectedOption.value];
-          }
+export const Text = (props)=>{
+    const { disabled, field: { hasMany }, onChange, operator, value } = props;
+    const { t } = useTranslation();
+    const isMulti = [
+        'in',
+        'not_in'
+    ].includes(operator) || hasMany;
+    const [valueToRender, setValueToRender] = React.useState([]);
+    const onSelect = React.useCallback((selectedOption)=>{
+        let newValue;
+        if (!selectedOption) {
+            newValue = [];
+        } else if (isMulti) {
+            if (Array.isArray(selectedOption)) {
+                newValue = selectedOption.map((option)=>option.value?.value || option.value);
+            } else {
+                newValue = [
+                    selectedOption.value?.value || selectedOption.value
+                ];
+            }
+        }
+        onChange(newValue);
+    }, [
+        isMulti,
+        onChange
+    ]);
+    React.useEffect(()=>{
+        if (Array.isArray(value)) {
+            setValueToRender(value.map((val, index)=>{
+                return {
+                    id: `${val}${index}`,
+                    // append index to avoid duplicate keys but allow duplicate numbers
+                    label: `${val}`,
+                    value: {
+                        toString: ()=>`${val}${index}`,
+                        value: val?.value || val
+                    }
+                };
+            }));
+        } else {
+            setValueToRender([]);
         }
-      }
-      onChange(newValue);
-    };
-    $[4] = isMulti;
-    $[5] = onChange;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  const onSelect = t3;
-  let t4;
-  let t5;
-  if ($[7] !== value) {
-    t4 = () => {
-      if (Array.isArray(value)) {
-        setValueToRender(value.map(_temp2));
-      } else {
-        setValueToRender([]);
-      }
-    };
-    t5 = [value];
-    $[7] = value;
-    $[8] = t4;
-    $[9] = t5;
-  } else {
-    t4 = $[8];
-    t5 = $[9];
-  }
-  React.useEffect(t4, t5);
-  let t6;
-  if ($[10] !== disabled || $[11] !== isMulti || $[12] !== onChange || $[13] !== onSelect || $[14] !== t || $[15] !== value || $[16] !== valueToRender) {
-    t6 = isMulti ? _jsx(ReactSelect, {
-      disabled,
-      isClearable: true,
-      isCreatable: true,
-      isMulti,
-      isSortable: true,
-      onChange: onSelect,
-      options: [],
-      placeholder: t("general:enterAValue"),
-      value: valueToRender || []
-    }) : _jsx("input", {
-      className: baseClass,
-      disabled,
-      onChange: e => onChange(e.target.value),
-      placeholder: t("general:enterAValue"),
-      type: "text",
-      value: value || ""
-    });
-    $[10] = disabled;
-    $[11] = isMulti;
-    $[12] = onChange;
-    $[13] = onSelect;
-    $[14] = t;
-    $[15] = value;
-    $[16] = valueToRender;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  return t6;
+    }, [
+        value
+    ]);
+    return isMulti ? /*#__PURE__*/ _jsxDEV(ReactSelect, {
+        disabled: disabled,
+        isClearable: true,
+        isCreatable: true,
+        isMulti: isMulti,
+        isSortable: true,
+        onChange: onSelect,
+        options: [],
+        placeholder: t('general:enterAValue'),
+        value: valueToRender || []
+    }, void 0, false, {
+        fileName: "src/elements/WhereBuilder/Condition/Text/index.tsx",
+        lineNumber: 66,
+        columnNumber: 5
+    }, this) : /*#__PURE__*/ _jsxDEV("input", {
+        className: baseClass,
+        disabled: disabled,
+        onChange: (e)=>onChange(e.target.value),
+        placeholder: t('general:enterAValue'),
+        type: "text",
+        value: value || ''
+    }, void 0, false, {
+        fileName: "src/elements/WhereBuilder/Condition/Text/index.tsx",
+        lineNumber: 78,
+        columnNumber: 5
+    }, this);
 };
-function _temp(option) {
-  return option.value?.value || option.value;
-}
-function _temp2(val, index) {
-  return {
-    id: `${val}${index}`,
-    label: `${val}`,
-    value: {
-      toString: () => `${val}${index}`,
-      value: val?.value || val
-    }
-  };
-}
+
 //# sourceMappingURL=index.js.map

package/dist/elements/WhereBuilder/Condition/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","ReactSelect","baseClass","Text","props","$","disabled","field","t0","onChange","operator","value","hasMany","t","t1","includes","isMulti","t2","Symbol","for","valueToRender","setValueToRender","useState","t3","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t4","t5","_temp2","useEffect","t6","_jsx","isClearable","isCreatable","isSortable","options","placeholder","className","e","target","type","option","val","index","id","label","toString"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { hasMany },\n    onChange,\n    operator,\n    value,\n  } = props\n  const { t } = useTranslation()\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { hasMany },\n    onChange,\n    operator,\n    value,\n  } = props\n  const { t } = useTranslation()\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"names":["React","useTranslation","ReactSelect","baseClass","Text","props","disabled","field","hasMany","onChange","operator","value","t","isMulti","includes","valueToRender","setValueToRender","useState","onSelect","useCallback","selectedOption","newValue","Array","isArray","map","option","useEffect","val","index","id","label","toString","isClearable","isCreatable","isSortable","options","placeholder","input","className","e","target","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EACJC,QAAQ,EACRC,OAAO,EAAEC,OAAO,EAAE,EAClBC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACN,GAAGN;IACJ,MAAM,EAAEO,CAAC,EAAE,GAAGX;IAEd,MAAMY,UAAU;QAAC;QAAM;KAAS,CAACC,QAAQ,CAACJ,aAAaF;IAEvD,MAAM,CAACO,eAAeC,iBAAiB,GAAGhB,MAAMiB,QAAQ,CAEtD,EAAE;IAEJ,MAAMC,WAAWlB,MAAMmB,WAAW,CAChC,CAACC;QACC,IAAIC;QACJ,IAAI,CAACD,gBAAgB;YACnBC,WAAW,EAAE;QACf,OAAO,IAAIR,SAAS;YAClB,IAAIS,MAAMC,OAAO,CAACH,iBAAiB;gBACjCC,WAAWD,eAAeI,GAAG,CAAC,CAACC,SAAWA,OAAOd,KAAK,EAAEA,SAASc,OAAOd,KAAK;YAC/E,OAAO;gBACLU,WAAW;oBAACD,eAAeT,KAAK,EAAEA,SAASS,eAAeT,KAAK;iBAAC;YAClE;QACF;QAEAF,SAASY;IACX,GACA;QAACR;QAASJ;KAAS;IAGrBT,MAAM0B,SAAS,CAAC;QACd,IAAIJ,MAAMC,OAAO,CAACZ,QAAQ;YACxBK,iBACEL,MAAMa,GAAG,CAAC,CAACG,KAAKC;gBACd,OAAO;oBACLC,IAAI,GAAGF,MAAMC,OAAO;oBAAE,mEAAmE;oBACzFE,OAAO,GAAGH,KAAK;oBACfhB,OAAO;wBACLoB,UAAU,IAAM,GAAGJ,MAAMC,OAAO;wBAChCjB,OAAO,AAACgB,KAAahB,SAASgB;oBAChC;gBACF;YACF;QAEJ,OAAO;YACLX,iBAAiB,EAAE;QACrB;IACF,GAAG;QAACL;KAAM;IAEV,OAAOE,wBACL,QAACX;QACCI,UAAUA;QACV0B,WAAW;QACXC,WAAW;QACXpB,SAASA;QACTqB,UAAU;QACVzB,UAAUS;QACViB,SAAS,EAAE;QACXC,aAAaxB,EAAE;QACfD,OAAOI,iBAAiB,EAAE;;;;;6BAG5B,QAACsB;QACCC,WAAWnC;QACXG,UAAUA;QACVG,UAAU,CAAC8B,IAAM9B,SAAS8B,EAAEC,MAAM,CAAC7B,KAAK;QACxCyB,aAAaxB,EAAE;QACf6B,MAAK;QACL9B,OAAOA,SAAS;;;;;;AAGtB,EAAC"}

package/dist/elements/WhereBuilder/Condition/Text/types.js

@@ -1,2 +1,3 @@
-export {};
+export { };
+
 //# sourceMappingURL=types.js.map

package/dist/elements/WhereBuilder/Condition/Text/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"sourcesContent":["import type { TextFieldClient } from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type TextFilterProps = {\n  readonly field: TextFieldClient\n  readonly onChange: (val: string) => void\n  readonly value: string | string[]\n} & DefaultFilterProps\n"],"mappings":"AAIA","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"sourcesContent":["import type { TextFieldClient } from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type TextFilterProps = {\n  readonly field: TextFieldClient\n  readonly onChange: (val: string) => void\n  readonly value: string | string[]\n} & DefaultFilterProps\n"],"names":[],"mappings":"AAIA,WAIsB"}

package/dist/elements/WhereBuilder/Condition/index.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useEffect, useState } from 'react';
 import { useDebounce } from '../../../hooks/useDebounce.js';
 import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
@@ -11,151 +10,215 @@ import { DefaultFilter } from './DefaultFilter/index.js';
 import { getOperatorValueTypes } from './validOperators.js';
 import './index.scss';
 const baseClass = 'condition';
-export const Condition = props => {
-  const {
-    addCondition,
-    andIndex,
-    fieldPath,
-    filterOptions,
-    operator,
-    orIndex,
-    reducedFields,
-    removeCondition,
-    RenderedFilter,
-    updateCondition,
-    value
-  } = props;
-  const {
-    t
-  } = useTranslation();
-  const reducedField = reducedFields.find(field => field.value === fieldPath);
-  const [internalValue, setInternalValue] = useState(value);
-  const debouncedValue = useDebounce(internalValue, 300);
-  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox';
-  let valueOptions = [];
-  if (booleanSelect) {
-    valueOptions = [{
-      label: t('general:true'),
-      value: 'true'
-    }, {
-      label: t('general:false'),
-      value: 'false'
-    }];
-  } else if (reducedField?.field && 'options' in reducedField.field) {
-    valueOptions = reducedField.field.options;
-  }
-  const updateValue = useEffectEvent(async debouncedValue_0 => {
-    if (operator) {
-      await updateCondition({
-        type: 'value',
+export const Condition = (props)=>{
+    const { addCondition, andIndex, fieldPath, filterOptions, operator, orIndex, reducedFields, removeCondition, RenderedFilter, updateCondition, value } = props;
+    const { t } = useTranslation();
+    const reducedField = reducedFields.find((field)=>field.value === fieldPath);
+    const [internalValue, setInternalValue] = useState(value);
+    const debouncedValue = useDebounce(internalValue, 300);
+    const booleanSelect = [
+        'exists'
+    ].includes(operator) || reducedField?.field?.type === 'checkbox';
+    let valueOptions = [];
+    if (booleanSelect) {
+        valueOptions = [
+            {
+                label: t('general:true'),
+                value: 'true'
+            },
+            {
+                label: t('general:false'),
+                value: 'false'
+            }
+        ];
+    } else if (reducedField?.field && 'options' in reducedField.field) {
+        valueOptions = reducedField.field.options;
+    }
+    const updateValue = useEffectEvent(async (debouncedValue)=>{
+        if (operator) {
+            await updateCondition({
+                type: 'value',
+                andIndex,
+                field: reducedField,
+                operator,
+                orIndex,
+                value: debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue
+            });
+        }
+    });
+    useEffect(()=>{
+        void updateValue(debouncedValue);
+    }, [
+        debouncedValue
+    ]);
+    const disabled = !reducedField?.value && typeof reducedField?.value !== 'number' || reducedField?.field?.admin?.disableListFilter;
+    const handleFieldChange = useCallback(async (field)=>{
+        setInternalValue(undefined);
+        await updateCondition({
+            type: 'field',
+            andIndex,
+            field: reducedFields.find((option)=>option.value === field.value),
+            operator,
+            orIndex,
+            value: undefined
+        });
+    }, [
         andIndex,
-        field: reducedField,
         operator,
         orIndex,
-        value: debouncedValue_0 === null || debouncedValue_0 === '' ? undefined : debouncedValue_0
-      });
-    }
-  });
-  useEffect(() => {
-    void updateValue(debouncedValue);
-  }, [debouncedValue]);
-  const disabled = !reducedField?.value && typeof reducedField?.value !== 'number' || reducedField?.field?.admin?.disableListFilter;
-  const handleFieldChange = useCallback(async field_0 => {
-    setInternalValue(undefined);
-    await updateCondition({
-      type: 'field',
-      andIndex,
-      field: reducedFields.find(option => option.value === field_0.value),
-      operator,
-      orIndex,
-      value: undefined
-    });
-  }, [andIndex, operator, orIndex, reducedFields, updateCondition]);
-  const handleOperatorChange = useCallback(async operator_0 => {
-    const operatorValueTypes = getOperatorValueTypes(reducedField.field.type);
-    const validOperatorValue = operatorValueTypes[operator_0.value] || 'any';
-    const isValidValue = validOperatorValue === 'any' || typeof value === validOperatorValue || validOperatorValue === 'boolean' && (value === 'true' || value === 'false');
-    if (!isValidValue) {
-      // if the current value is not valid for the new operator
-      // reset the value before passing it to updateCondition
-      setInternalValue(undefined);
-    }
-    await updateCondition({
-      type: 'operator',
-      andIndex,
-      field: reducedField,
-      operator: operator_0.value,
-      orIndex,
-      value: isValidValue ? value : undefined
-    });
-  }, [andIndex, reducedField, orIndex, updateCondition, value]);
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    children: /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__wrap`,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__inputs`,
-        children: [/*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__field`,
-          children: /*#__PURE__*/_jsx(ReactSelect, {
-            disabled: disabled,
-            filterOption: (option_0, inputValue) => (option_0?.data?.plainTextLabel || option_0.label).toLowerCase().includes(inputValue.toLowerCase()),
-            isClearable: false,
-            onChange: handleFieldChange,
-            options: reducedFields.filter(field_1 => !field_1.field.admin.disableListFilter),
-            value: reducedField || {
-              value: reducedField?.value
-            }
-          })
-        }), /*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__operator`,
-          children: /*#__PURE__*/_jsx(ReactSelect, {
-            disabled: disabled,
-            isClearable: false,
-            onChange: handleOperatorChange,
-            options: reducedField?.operators,
-            value: reducedField?.operators.find(o => operator === o.value) || null
-          })
-        }), /*#__PURE__*/_jsx("div", {
-          className: `${baseClass}__value`,
-          children: RenderedFilter || /*#__PURE__*/_jsx(DefaultFilter, {
-            booleanSelect: booleanSelect,
-            disabled: !operator || !reducedField || reducedField?.field?.admin?.disableListFilter,
-            filterOptions: filterOptions,
-            internalField: reducedField,
-            onChange: setInternalValue,
-            operator: operator,
-            options: valueOptions,
-            value: internalValue ?? ''
-          })
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__actions`,
-        children: [/*#__PURE__*/_jsx(Button, {
-          buttonStyle: "icon-label",
-          className: `${baseClass}__actions-remove`,
-          icon: "x",
-          iconStyle: "with-border",
-          onClick: () => removeCondition({
+        reducedFields,
+        updateCondition
+    ]);
+    const handleOperatorChange = useCallback(async (operator)=>{
+        const operatorValueTypes = getOperatorValueTypes(reducedField.field.type);
+        const validOperatorValue = operatorValueTypes[operator.value] || 'any';
+        const isValidValue = validOperatorValue === 'any' || typeof value === validOperatorValue || validOperatorValue === 'boolean' && (value === 'true' || value === 'false');
+        if (!isValidValue) {
+            // if the current value is not valid for the new operator
+            // reset the value before passing it to updateCondition
+            setInternalValue(undefined);
+        }
+        await updateCondition({
+            type: 'operator',
             andIndex,
-            orIndex
-          }),
-          round: true
-        }), /*#__PURE__*/_jsx(Button, {
-          buttonStyle: "icon-label",
-          className: `${baseClass}__actions-add`,
-          icon: "plus",
-          iconStyle: "with-border",
-          onClick: () => addCondition({
-            andIndex: andIndex + 1,
-            field: reducedFields.find(field_2 => !field_2.field.admin?.disableListFilter),
+            field: reducedField,
+            operator: operator.value,
             orIndex,
-            relation: 'and'
-          }),
-          round: true
-        })]
-      })]
-    })
-  });
+            value: isValidValue ? value : undefined
+        });
+    }, [
+        andIndex,
+        reducedField,
+        orIndex,
+        updateCondition,
+        value
+    ]);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__wrap`,
+            children: [
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__inputs`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__field`,
+                            children: /*#__PURE__*/ _jsxDEV(ReactSelect, {
+                                disabled: disabled,
+                                filterOption: (option, inputValue)=>(option?.data?.plainTextLabel || option.label).toLowerCase().includes(inputValue.toLowerCase()),
+                                isClearable: false,
+                                onChange: handleFieldChange,
+                                options: reducedFields.filter((field)=>!field.field.admin.disableListFilter),
+                                value: reducedField || {
+                                    value: reducedField?.value
+                                }
+                            }, void 0, false, {
+                                fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                                lineNumber: 145,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 144,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__operator`,
+                            children: /*#__PURE__*/ _jsxDEV(ReactSelect, {
+                                disabled: disabled,
+                                isClearable: false,
+                                onChange: handleOperatorChange,
+                                options: reducedField?.operators,
+                                value: reducedField?.operators.find((o)=>operator === o.value) || null
+                            }, void 0, false, {
+                                fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                                lineNumber: 163,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 162,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("div", {
+                            className: `${baseClass}__value`,
+                            children: RenderedFilter || /*#__PURE__*/ _jsxDEV(DefaultFilter, {
+                                booleanSelect: booleanSelect,
+                                disabled: !operator || !reducedField || reducedField?.field?.admin?.disableListFilter,
+                                filterOptions: filterOptions,
+                                internalField: reducedField,
+                                onChange: setInternalValue,
+                                operator: operator,
+                                options: valueOptions,
+                                value: internalValue ?? ''
+                            }, void 0, false, {
+                                fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                                lineNumber: 173,
+                                columnNumber: 15
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 171,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                    lineNumber: 143,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__actions`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV(Button, {
+                            buttonStyle: "icon-label",
+                            className: `${baseClass}__actions-remove`,
+                            icon: "x",
+                            iconStyle: "with-border",
+                            onClick: ()=>removeCondition({
+                                    andIndex,
+                                    orIndex
+                                }),
+                            round: true
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 189,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(Button, {
+                            buttonStyle: "icon-label",
+                            className: `${baseClass}__actions-add`,
+                            icon: "plus",
+                            iconStyle: "with-border",
+                            onClick: ()=>addCondition({
+                                    andIndex: andIndex + 1,
+                                    field: reducedFields.find((field)=>!field.field.admin?.disableListFilter),
+                                    orIndex,
+                                    relation: 'and'
+                                }),
+                            round: true
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 202,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                    lineNumber: 188,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+            lineNumber: 142,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+        lineNumber: 141,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map