@payloadcms/ui 3.81.0-internal-debug.1a0f4d0 → 3.81.0

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

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

@@ -1,82 +1,130 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-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 { disabled, field, onChange, operator, value } = props;
-    const { t } = useTranslation();
-    const hasMany = field?.hasMany ?? false;
-    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([]);
+export const Text = props => {
+  const $ = _c(18);
+  const {
+    disabled,
+    field,
+    onChange,
+    operator,
+    value
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const hasMany = field?.hasMany ?? false;
+  let t0;
+  if ($[0] !== hasMany || $[1] !== operator) {
+    t0 = ["in", "not_in"].includes(operator) || hasMany;
+    $[0] = hasMany;
+    $[1] = operator;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const isMulti = t0;
+  let t1;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const [valueToRender, setValueToRender] = React.useState(t1);
+  let t2;
+  if ($[4] !== isMulti || $[5] !== onChange) {
+    t2 = selectedOption => {
+      let newValue;
+      if (!selectedOption) {
+        newValue = [];
+      } else {
+        if (isMulti) {
+          if (Array.isArray(selectedOption)) {
+            newValue = selectedOption.map(_temp);
+          } else {
+            newValue = [selectedOption.value?.value || selectedOption.value];
+          }
         }
-    }, [
-        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: 61,
-        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: 73,
-        columnNumber: 5
-    }, this);
+      }
+      onChange(newValue);
+    };
+    $[4] = isMulti;
+    $[5] = onChange;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const onSelect = t2;
+  let t3;
+  let t4;
+  if ($[7] !== value) {
+    t3 = () => {
+      if (Array.isArray(value)) {
+        setValueToRender(value.map(_temp2));
+      } else {
+        setValueToRender([]);
+      }
+    };
+    t4 = [value];
+    $[7] = value;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t3 = $[8];
+    t4 = $[9];
+  }
+  React.useEffect(t3, t4);
+  let t5;
+  if ($[10] !== disabled || $[11] !== isMulti || $[12] !== onChange || $[13] !== onSelect || $[14] !== t || $[15] !== value || $[16] !== valueToRender) {
+    t5 = 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] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
 };
-
+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,"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 { disabled, field, onChange, operator, value } = props\n  const { t } = useTranslation()\n\n  const hasMany = field?.hasMany ?? false\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","onChange","operator","value","t","hasMany","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,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGL;IACvD,MAAM,EAAEM,CAAC,EAAE,GAAGV;IAEd,MAAMW,UAAUL,OAAOK,WAAW;IAClC,MAAMC,UAAU;QAAC;QAAM;KAAS,CAACC,QAAQ,CAACL,aAAaG;IAEvD,MAAM,CAACG,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,OAAOf,KAAK,EAAEA,SAASe,OAAOf,KAAK;YAC/E,OAAO;gBACLW,WAAW;oBAACD,eAAeV,KAAK,EAAEA,SAASU,eAAeV,KAAK;iBAAC;YAClE;QACF;QAEAF,SAASa;IACX,GACA;QAACR;QAASL;KAAS;IAGrBR,MAAM0B,SAAS,CAAC;QACd,IAAIJ,MAAMC,OAAO,CAACb,QAAQ;YACxBM,iBACEN,MAAMc,GAAG,CAAC,CAACG,KAAKC;gBACd,OAAO;oBACLC,IAAI,GAAGF,MAAMC,OAAO;oBAAE,mEAAmE;oBACzFE,OAAO,GAAGH,KAAK;oBACfjB,OAAO;wBACLqB,UAAU,IAAM,GAAGJ,MAAMC,OAAO;wBAChClB,OAAO,AAACiB,KAAajB,SAASiB;oBAChC;gBACF;YACF;QAEJ,OAAO;YACLX,iBAAiB,EAAE;QACrB;IACF,GAAG;QAACN;KAAM;IAEV,OAAOG,wBACL,QAACX;QACCI,UAAUA;QACV0B,WAAW;QACXC,WAAW;QACXpB,SAASA;QACTqB,UAAU;QACV1B,UAAUU;QACViB,SAAS,EAAE;QACXC,aAAazB,EAAE;QACfD,OAAOK,iBAAiB,EAAE;;;;;6BAG5B,QAACsB;QACCC,WAAWnC;QACXG,UAAUA;QACVE,UAAU,CAAC+B,IAAM/B,SAAS+B,EAAEC,MAAM,CAAC9B,KAAK;QACxC0B,aAAazB,EAAE;QACf8B,MAAK;QACL/B,OAAOA,SAAS;;;;;;AAGtB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","ReactSelect","baseClass","Text","props","$","disabled","field","onChange","operator","value","t","hasMany","t0","includes","isMulti","t1","Symbol","for","valueToRender","setValueToRender","useState","t2","selectedOption","newValue","Array","isArray","map","_temp","onSelect","t3","t4","_temp2","useEffect","t5","_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 { disabled, field, onChange, operator, value } = props\n  const { t } = useTranslation()\n\n  const hasMany = field?.hasMany ?? false\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":[]}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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":[]}

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

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useState } from 'react';
 import { useDebounce } from '../../../hooks/useDebounce.js';
 import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
@@ -10,215 +11,151 @@ 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)=>{
-        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
-        });
-    }, [
+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',
         andIndex,
+        field: reducedField,
         operator,
         orIndex,
-        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',
+        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({
             andIndex,
-            field: reducedField,
-            operator: operator.value,
+            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),
             orIndex,
-            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);
+            relation: 'and'
+          }),
+          round: true
+        })]
+      })]
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map