@payloadcms/ui 3.0.0-alpha.9 → 3.0.0-beta.0

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

@@ -1,22 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Select", {
-    enumerable: true,
-    get: function() {
-        return Select;
-    }
-});
-const _translations = require("@payloadcms/translations");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Translation = require("../../../../providers/Translation");
-const _ReactSelect = /*#__PURE__*/ _interop_require_default(require("../../../ReactSelect"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { ReactSelect } from '../../../ReactSelect/index.js';
 const formatOptions = (options)=>options.map((option)=>{
         if (typeof option === 'object' && (option.value || option.value === '')) {
             return option;
@@ -26,9 +11,9 @@ const formatOptions = (options)=>options.map((option)=>{
             value: option
         };
     });
-const Select = ({ disabled, onChange, operator, options: optionsFromProps, value })=>{
-    const { i18n } = (0, _Translation.useTranslation)();
-    const [options, setOptions] = _react.default.useState(formatOptions(optionsFromProps));
+export const Select = ({ disabled, onChange, operator, options: optionsFromProps, value })=>{
+    const { i18n } = useTranslation();
+    const [options, setOptions] = React.useState(formatOptions(optionsFromProps));
     const isMulti = [
         'in',
         'not_in'
@@ -38,18 +23,18 @@ const Select = ({ disabled, onChange, operator, options: optionsFromProps, value
         valueToRender = value.map((val)=>{
             const matchingOption = options.find((option)=>option.value === val);
             return {
-                label: matchingOption ? (0, _translations.getTranslation)(matchingOption.label, i18n) : val,
+                label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
                 value: matchingOption?.value ?? val
             };
         });
     } else if (value) {
         const matchingOption = options.find((option)=>option.value === value);
         valueToRender = {
-            label: matchingOption ? (0, _translations.getTranslation)(matchingOption.label, i18n) : value,
+            label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,
             value: matchingOption?.value ?? value
         };
     }
-    const onSelect = _react.default.useCallback((selectedOption)=>{
+    const onSelect = React.useCallback((selectedOption)=>{
         let newValue;
         if (!selectedOption) {
             newValue = null;
@@ -67,12 +52,12 @@ const Select = ({ disabled, onChange, operator, options: optionsFromProps, value
         isMulti,
         onChange
     ]);
-    _react.default.useEffect(()=>{
+    React.useEffect(()=>{
         setOptions(formatOptions(optionsFromProps));
     }, [
         optionsFromProps
     ]);
-    _react.default.useEffect(()=>{
+    React.useEffect(()=>{
         if (!isMulti && Array.isArray(value)) {
             onChange(value[0]);
         }
@@ -81,16 +66,16 @@ const Select = ({ disabled, onChange, operator, options: optionsFromProps, value
         onChange,
         value
     ]);
-    return /*#__PURE__*/ _react.default.createElement(_ReactSelect.default, {
+    return /*#__PURE__*/ React.createElement(ReactSelect, {
         disabled: disabled,
         isMulti: isMulti,
         onChange: onSelect,
         options: options.map((option)=>({
                 ...option,
-                label: (0, _translations.getTranslation)(option.label, i18n)
+                label: getTranslation(option.label, i18n)
             })),
         value: valueToRender
     });
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9XaGVyZUJ1aWxkZXIvQ29uZGl0aW9uL1NlbGVjdC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb24sIE9wdGlvbk9iamVjdCB9IGZyb20gJ3BheWxvYWQvdHlwZXMnXG5cbmltcG9ydCB7IGdldFRyYW5zbGF0aW9uIH0gZnJvbSAnQHBheWxvYWRjbXMvdHJhbnNsYXRpb25zJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi8uLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgUmVhY3RTZWxlY3QgZnJvbSAnLi4vLi4vLi4vUmVhY3RTZWxlY3QnXG5cbmNvbnN0IGZvcm1hdE9wdGlvbnMgPSAob3B0aW9uczogT3B0aW9uW10pOiBPcHRpb25PYmplY3RbXSA9PlxuICBvcHRpb25zLm1hcCgob3B0aW9uKSA9PiB7XG4gICAgaWYgKHR5cGVvZiBvcHRpb24gPT09ICdvYmplY3QnICYmIChvcHRpb24udmFsdWUgfHwgb3B0aW9uLnZhbHVlID09PSAnJykpIHtcbiAgICAgIHJldHVybiBvcHRpb25cbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgbGFiZWw6IG9wdGlvbixcbiAgICAgIHZhbHVlOiBvcHRpb24sXG4gICAgfSBhcyBPcHRpb25PYmplY3RcbiAgfSlcblxuZXhwb3J0IGNvbnN0IFNlbGVjdDogUmVhY3QuRkM8UHJvcHM+ID0gKHtcbiAgZGlzYWJsZWQsXG4gIG9uQ2hhbmdlLFxuICBvcGVyYXRvcixcbiAgb3B0aW9uczogb3B0aW9uc0Zyb21Qcm9wcyxcbiAgdmFsdWUsXG59KSA9PiB7XG4gIGNvbnN0IHsgaTE4biB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICBjb25zdCBbb3B0aW9ucywgc2V0T3B0aW9uc10gPSBSZWFjdC51c2VTdGF0ZShmb3JtYXRPcHRpb25zKG9wdGlvbnNGcm9tUHJvcHMpKVxuXG4gIGNvbnN0IGlzTXVsdGkgPSBbJ2luJywgJ25vdF9pbiddLmluY2x1ZGVzKG9wZXJhdG9yKVxuICBsZXQgdmFsdWVUb1JlbmRlclxuXG4gIGlmIChpc011bHRpICYmIEFycmF5LmlzQXJyYXkodmFsdWUpKSB7XG4gICAgdmFsdWVUb1JlbmRlciA9IHZhbHVlLm1hcCgodmFsKSA9PiB7XG4gICAgICBjb25zdCBtYXRjaGluZ09wdGlvbiA9IG9wdGlvbnMuZmluZCgob3B0aW9uKSA9PiBvcHRpb24udmFsdWUgPT09IHZhbClcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGxhYmVsOiBtYXRjaGluZ09wdGlvbiA/IGdldFRyYW5zbGF0aW9uKG1hdGNoaW5nT3B0aW9uLmxhYmVsLCBpMThuKSA6IHZhbCxcbiAgICAgICAgdmFsdWU6IG1hdGNoaW5nT3B0aW9uPy52YWx1ZSA/PyB2YWwsXG4gICAgICB9XG4gICAgfSlcbiAgfSBlbHNlIGlmICh2YWx1ZSkge1xuICAgIGNvbnN0IG1hdGNoaW5nT3B0aW9uID0gb3B0aW9ucy5maW5kKChvcHRpb24pID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpXG4gICAgdmFsdWVUb1JlbmRlciA9IHtcbiAgICAgIGxhYmVsOiBtYXRjaGluZ09wdGlvbiA/IGdldFRyYW5zbGF0aW9uKG1hdGNoaW5nT3B0aW9uLmxhYmVsLCBpMThuKSA6IHZhbHVlLFxuICAgICAgdmFsdWU6IG1hdGNoaW5nT3B0aW9uPy52YWx1ZSA/PyB2YWx1ZSxcbiAgICB9XG4gIH1cblxuICBjb25zdCBvblNlbGVjdCA9IFJlYWN0LnVzZUNhbGxiYWNrKFxuICAgIChzZWxlY3RlZE9wdGlvbikgPT4ge1xuICAgICAgbGV0IG5ld1ZhbHVlXG4gICAgICBpZiAoIXNlbGVjdGVkT3B0aW9uKSB7XG4gICAgICAgIG5ld1ZhbHVlID0gbnVsbFxuICAgICAgfSBlbHNlIGlmIChpc011bHRpKSB7XG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KHNlbGVjdGVkT3B0aW9uKSkge1xuICAgICAgICAgIG5ld1ZhbHVlID0gc2VsZWN0ZWRPcHRpb24ubWFwKChvcHRpb24pID0+IG9wdGlvbi52YWx1ZSlcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBuZXdWYWx1ZSA9IFtdXG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIG5ld1ZhbHVlID0gc2VsZWN0ZWRPcHRpb24udmFsdWVcbiAgICAgIH1cblxuICAgICAgb25DaGFuZ2UobmV3VmFsdWUpXG4gICAgfSxcbiAgICBbaXNNdWx0aSwgb25DaGFuZ2VdLFxuICApXG5cbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRPcHRpb25zKGZvcm1hdE9wdGlvbnMob3B0aW9uc0Zyb21Qcm9wcykpXG4gIH0sIFtvcHRpb25zRnJvbVByb3BzXSlcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNNdWx0aSAmJiBBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgb25DaGFuZ2UodmFsdWVbMF0pXG4gICAgfVxuICB9LCBbaXNNdWx0aSwgb25DaGFuZ2UsIHZhbHVlXSlcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdFNlbGVjdFxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgaXNNdWx0aT17aXNNdWx0aX1cbiAgICAgIG9uQ2hhbmdlPXtvblNlbGVjdH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnMubWFwKChvcHRpb24pID0+ICh7IC4uLm9wdGlvbiwgbGFiZWw6IGdldFRyYW5zbGF0aW9uKG9wdGlvbi5sYWJlbCwgaTE4bikgfSkpfVxuICAgICAgdmFsdWU9e3ZhbHVlVG9SZW5kZXJ9XG4gICAgLz5cbiAgKVxufVxuIl0sIm5hbWVzIjpbIlNlbGVjdCIsImZvcm1hdE9wdGlvbnMiLCJvcHRpb25zIiwibWFwIiwib3B0aW9uIiwidmFsdWUiLCJsYWJlbCIsImRpc2FibGVkIiwib25DaGFuZ2UiLCJvcGVyYXRvciIsIm9wdGlvbnNGcm9tUHJvcHMiLCJpMThuIiwidXNlVHJhbnNsYXRpb24iLCJzZXRPcHRpb25zIiwiUmVhY3QiLCJ1c2VTdGF0ZSIsImlzTXVsdGkiLCJpbmNsdWRlcyIsInZhbHVlVG9SZW5kZXIiLCJBcnJheSIsImlzQXJyYXkiLCJ2YWwiLCJtYXRjaGluZ09wdGlvbiIsImZpbmQiLCJnZXRUcmFuc2xhdGlvbiIsIm9uU2VsZWN0IiwidXNlQ2FsbGJhY2siLCJzZWxlY3RlZE9wdGlvbiIsIm5ld1ZhbHVlIiwidXNlRWZmZWN0IiwiUmVhY3RTZWxlY3QiXSwibWFwcGluZ3MiOiI7Ozs7K0JBc0JhQTs7O2VBQUFBOzs7OEJBcEJrQjs4REFDYjs2QkFJYTtvRUFDUDs7Ozs7O0FBRXhCLE1BQU1DLGdCQUFnQixDQUFDQyxVQUNyQkEsUUFBUUMsR0FBRyxDQUFDLENBQUNDO1FBQ1gsSUFBSSxPQUFPQSxXQUFXLFlBQWFBLENBQUFBLE9BQU9DLEtBQUssSUFBSUQsT0FBT0MsS0FBSyxLQUFLLEVBQUMsR0FBSTtZQUN2RSxPQUFPRDtRQUNUO1FBRUEsT0FBTztZQUNMRSxPQUFPRjtZQUNQQyxPQUFPRDtRQUNUO0lBQ0Y7QUFFSyxNQUFNSixTQUEwQixDQUFDLEVBQ3RDTyxRQUFRLEVBQ1JDLFFBQVEsRUFDUkMsUUFBUSxFQUNSUCxTQUFTUSxnQkFBZ0IsRUFDekJMLEtBQUssRUFDTjtJQUNDLE1BQU0sRUFBRU0sSUFBSSxFQUFFLEdBQUdDLElBQUFBLDJCQUFjO0lBQy9CLE1BQU0sQ0FBQ1YsU0FBU1csV0FBVyxHQUFHQyxjQUFLLENBQUNDLFFBQVEsQ0FBQ2QsY0FBY1M7SUFFM0QsTUFBTU0sVUFBVTtRQUFDO1FBQU07S0FBUyxDQUFDQyxRQUFRLENBQUNSO0lBQzFDLElBQUlTO0lBRUosSUFBSUYsV0FBV0csTUFBTUMsT0FBTyxDQUFDZixRQUFRO1FBQ25DYSxnQkFBZ0JiLE1BQU1GLEdBQUcsQ0FBQyxDQUFDa0I7WUFDekIsTUFBTUMsaUJBQWlCcEIsUUFBUXFCLElBQUksQ0FBQyxDQUFDbkIsU0FBV0EsT0FBT0MsS0FBSyxLQUFLZ0I7WUFDakUsT0FBTztnQkFDTGYsT0FBT2dCLGlCQUFpQkUsSUFBQUEsNEJBQWMsRUFBQ0YsZUFBZWhCLEtBQUssRUFBRUssUUFBUVU7Z0JBQ3JFaEIsT0FBT2lCLGdCQUFnQmpCLFNBQVNnQjtZQUNsQztRQUNGO0lBQ0YsT0FBTyxJQUFJaEIsT0FBTztRQUNoQixNQUFNaUIsaUJBQWlCcEIsUUFBUXFCLElBQUksQ0FBQyxDQUFDbkIsU0FBV0EsT0FBT0MsS0FBSyxLQUFLQTtRQUNqRWEsZ0JBQWdCO1lBQ2RaLE9BQU9nQixpQkFBaUJFLElBQUFBLDRCQUFjLEVBQUNGLGVBQWVoQixLQUFLLEVBQUVLLFFBQVFOO1lBQ3JFQSxPQUFPaUIsZ0JBQWdCakIsU0FBU0E7UUFDbEM7SUFDRjtJQUVBLE1BQU1vQixXQUFXWCxjQUFLLENBQUNZLFdBQVcsQ0FDaEMsQ0FBQ0M7UUFDQyxJQUFJQztRQUNKLElBQUksQ0FBQ0QsZ0JBQWdCO1lBQ25CQyxXQUFXO1FBQ2IsT0FBTyxJQUFJWixTQUFTO1lBQ2xCLElBQUlHLE1BQU1DLE9BQU8sQ0FBQ08saUJBQWlCO2dCQUNqQ0MsV0FBV0QsZUFBZXhCLEdBQUcsQ0FBQyxDQUFDQyxTQUFXQSxPQUFPQyxLQUFLO1lBQ3hELE9BQU87Z0JBQ0x1QixXQUFXLEVBQUU7WUFDZjtRQUNGLE9BQU87WUFDTEEsV0FBV0QsZUFBZXRCLEtBQUs7UUFDakM7UUFFQUcsU0FBU29CO0lBQ1gsR0FDQTtRQUFDWjtRQUFTUjtLQUFTO0lBR3JCTSxjQUFLLENBQUNlLFNBQVMsQ0FBQztRQUNkaEIsV0FBV1osY0FBY1M7SUFDM0IsR0FBRztRQUFDQTtLQUFpQjtJQUVyQkksY0FBSyxDQUFDZSxTQUFTLENBQUM7UUFDZCxJQUFJLENBQUNiLFdBQVdHLE1BQU1DLE9BQU8sQ0FBQ2YsUUFBUTtZQUNwQ0csU0FBU0gsS0FBSyxDQUFDLEVBQUU7UUFDbkI7SUFDRixHQUFHO1FBQUNXO1FBQVNSO1FBQVVIO0tBQU07SUFFN0IscUJBQ0UsNkJBQUN5QixvQkFBVztRQUNWdkIsVUFBVUE7UUFDVlMsU0FBU0E7UUFDVFIsVUFBVWlCO1FBQ1Z2QixTQUFTQSxRQUFRQyxHQUFHLENBQUMsQ0FBQ0MsU0FBWSxDQUFBO2dCQUFFLEdBQUdBLE1BQU07Z0JBQUVFLE9BQU9rQixJQUFBQSw0QkFBYyxFQUFDcEIsT0FBT0UsS0FBSyxFQUFFSztZQUFNLENBQUE7UUFDekZOLE9BQU9hOztBQUdiIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["import type { Option, OptionObject } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\n\nconst formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      value={valueToRender}\n    />\n  )\n}\n"],"names":["getTranslation","React","useTranslation","ReactSelect","formatOptions","options","map","option","value","label","Select","disabled","onChange","operator","optionsFromProps","i18n","setOptions","useState","isMulti","includes","valueToRender","Array","isArray","val","matchingOption","find","onSelect","useCallback","selectedOption","newValue","useEffect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,WAAW,QAAQ,gCAA+B;AAE3D,MAAMC,gBAAgB,CAACC,UACrBA,QAAQC,GAAG,CAAC,CAACC;QACX,IAAI,OAAOA,WAAW,YAAaA,CAAAA,OAAOC,KAAK,IAAID,OAAOC,KAAK,KAAK,EAAC,GAAI;YACvE,OAAOD;QACT;QAEA,OAAO;YACLE,OAAOF;YACPC,OAAOD;QACT;IACF;AAEF,OAAO,MAAMG,SAA0B,CAAC,EACtCC,QAAQ,EACRC,QAAQ,EACRC,QAAQ,EACRR,SAASS,gBAAgB,EACzBN,KAAK,EACN;IACC,MAAM,EAAEO,IAAI,EAAE,GAAGb;IACjB,MAAM,CAACG,SAASW,WAAW,GAAGf,MAAMgB,QAAQ,CAACb,cAAcU;IAE3D,MAAMI,UAAU;QAAC;QAAM;KAAS,CAACC,QAAQ,CAACN;IAC1C,IAAIO;IAEJ,IAAIF,WAAWG,MAAMC,OAAO,CAACd,QAAQ;QACnCY,gBAAgBZ,MAAMF,GAAG,CAAC,CAACiB;YACzB,MAAMC,iBAAiBnB,QAAQoB,IAAI,CAAC,CAAClB,SAAWA,OAAOC,KAAK,KAAKe;YACjE,OAAO;gBACLd,OAAOe,iBAAiBxB,eAAewB,eAAef,KAAK,EAAEM,QAAQQ;gBACrEf,OAAOgB,gBAAgBhB,SAASe;YAClC;QACF;IACF,OAAO,IAAIf,OAAO;QAChB,MAAMgB,iBAAiBnB,QAAQoB,IAAI,CAAC,CAAClB,SAAWA,OAAOC,KAAK,KAAKA;QACjEY,gBAAgB;YACdX,OAAOe,iBAAiBxB,eAAewB,eAAef,KAAK,EAAEM,QAAQP;YACrEA,OAAOgB,gBAAgBhB,SAASA;QAClC;IACF;IAEA,MAAMkB,WAAWzB,MAAM0B,WAAW,CAChC,CAACC;QACC,IAAIC;QACJ,IAAI,CAACD,gBAAgB;YACnBC,WAAW;QACb,OAAO,IAAIX,SAAS;YAClB,IAAIG,MAAMC,OAAO,CAACM,iBAAiB;gBACjCC,WAAWD,eAAetB,GAAG,CAAC,CAACC,SAAWA,OAAOC,KAAK;YACxD,OAAO;gBACLqB,WAAW,EAAE;YACf;QACF,OAAO;YACLA,WAAWD,eAAepB,KAAK;QACjC;QAEAI,SAASiB;IACX,GACA;QAACX;QAASN;KAAS;IAGrBX,MAAM6B,SAAS,CAAC;QACdd,WAAWZ,cAAcU;IAC3B,GAAG;QAACA;KAAiB;IAErBb,MAAM6B,SAAS,CAAC;QACd,IAAI,CAACZ,WAAWG,MAAMC,OAAO,CAACd,QAAQ;YACpCI,SAASJ,KAAK,CAAC,EAAE;QACnB;IACF,GAAG;QAACU;QAASN;QAAUJ;KAAM;IAE7B,qBACE,oBAACL;QACCQ,UAAUA;QACVO,SAASA;QACTN,UAAUc;QACVrB,SAASA,QAAQC,GAAG,CAAC,CAACC,SAAY,CAAA;gBAAE,GAAGA,MAAM;gBAAEE,OAAOT,eAAeO,OAAOE,KAAK,EAAEM;YAAM,CAAA;QACzFP,OAAOY;;AAGb,EAAC"}

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

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/types.ts"],"sourcesContent":["import type { Operator, Option } from 'payload/types'\n\nexport type Props = {\n  disabled?: boolean\n  onChange: (val: string) => void\n  operator: Operator\n  options: Option[]\n  value: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAMC"}

package/dist/elements/WhereBuilder/Condition/Text/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Props } from './types';
+import type { Props } from './types.js';
 import './index.scss';
 declare const Text: React.FC<Props>;
 export default Text;

package/dist/elements/WhereBuilder/Condition/Text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAYzB,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAYzB,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,25 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Translation = require("../../../../providers/Translation");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { useTranslation } from '../../../../providers/Translation/index.js';
 const baseClass = 'condition-value-text';
 const Text = ({ disabled, onChange, value })=>{
-    const { t } = (0, _Translation.useTranslation)();
-    return /*#__PURE__*/ _react.default.createElement("input", {
+    const { t } = useTranslation();
+    return /*#__PURE__*/ React.createElement("input", {
         className: baseClass,
         disabled: disabled,
         onChange: (e)=>onChange(e.target.value),
@@ -28,6 +12,6 @@ const Text = ({ disabled, onChange, value })=>{
         value: value || ''
     });
 };
-const _default = Text;
+export default Text;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9XaGVyZUJ1aWxkZXIvQ29uZGl0aW9uL1RleHQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHR5cGUgeyBQcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IGJhc2VDbGFzcyA9ICdjb25kaXRpb24tdmFsdWUtdGV4dCdcblxuY29uc3QgVGV4dDogUmVhY3QuRkM8UHJvcHM+ID0gKHsgZGlzYWJsZWQsIG9uQ2hhbmdlLCB2YWx1ZSB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuICByZXR1cm4gKFxuICAgIDxpbnB1dFxuICAgICAgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgIHBsYWNlaG9sZGVyPXt0KCdnZW5lcmFsOmVudGVyQVZhbHVlJyl9XG4gICAgICB0eXBlPVwidGV4dFwiXG4gICAgICB2YWx1ZT17dmFsdWUgfHwgJyd9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUZXh0XG4iXSwibmFtZXMiOlsiYmFzZUNsYXNzIiwiVGV4dCIsImRpc2FibGVkIiwib25DaGFuZ2UiLCJ2YWx1ZSIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImlucHV0IiwiY2xhc3NOYW1lIiwiZSIsInRhcmdldCIsInBsYWNlaG9sZGVyIiwidHlwZSJdLCJtYXBwaW5ncyI6Ijs7OzsrQkF1QkE7OztlQUFBOzs7OERBdkJrQjs2QkFJYTtRQUN4Qjs7Ozs7O0FBRVAsTUFBTUEsWUFBWTtBQUVsQixNQUFNQyxPQUF3QixDQUFDLEVBQUVDLFFBQVEsRUFBRUMsUUFBUSxFQUFFQyxLQUFLLEVBQUU7SUFDMUQsTUFBTSxFQUFFQyxDQUFDLEVBQUUsR0FBR0MsSUFBQUEsMkJBQWM7SUFDNUIscUJBQ0UsNkJBQUNDO1FBQ0NDLFdBQVdSO1FBQ1hFLFVBQVVBO1FBQ1ZDLFVBQVUsQ0FBQ00sSUFBTU4sU0FBU00sRUFBRUMsTUFBTSxDQUFDTixLQUFLO1FBQ3hDTyxhQUFhTixFQUFFO1FBQ2ZPLE1BQUs7UUFDTFIsT0FBT0EsU0FBUzs7QUFHdEI7TUFFQSxXQUFlSCJ9
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nconst Text: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n  return (\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\nexport default Text\n"],"names":["React","useTranslation","baseClass","Text","disabled","onChange","value","t","input","className","e","target","placeholder","type"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAG3E,MAAMC,YAAY;AAElB,MAAMC,OAAwB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IAC1D,MAAM,EAAEC,CAAC,EAAE,GAAGN;IACd,qBACE,oBAACO;QACCC,WAAWP;QACXE,UAAUA;QACVC,UAAU,CAACK,IAAML,SAASK,EAAEC,MAAM,CAACL,KAAK;QACxCM,aAAaL,EAAE;QACfM,MAAK;QACLP,OAAOA,SAAS;;AAGtB;AAEA,eAAeH,KAAI"}

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

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"sourcesContent":["export type Props = {\n  disabled?: boolean\n  onChange: (val: string) => void\n  value: string\n}\n"],"names":[],"rangeMappings":"","mappings":"AAAA,WAIC"}

package/dist/elements/WhereBuilder/Condition/index.d.ts

@@ -1,6 +1,30 @@
 import React from 'react';
-import type { Props } from './types';
+import type { FieldCondition } from '../types.js';
+export type Props = {
+    addCondition: ({ andIndex, fieldName, orIndex, relation, }: {
+        andIndex: number;
+        fieldName: string;
+        orIndex: number;
+        relation: 'and' | 'or';
+    }) => void;
+    andIndex: number;
+    fieldName: string;
+    fields: FieldCondition[];
+    initialValue: string;
+    operator: string;
+    orIndex: number;
+    removeCondition: ({ andIndex, orIndex }: {
+        andIndex: number;
+        orIndex: number;
+    }) => void;
+    updateCondition: ({ andIndex, fieldName, operator, orIndex, value, }: {
+        andIndex: number;
+        fieldName: string;
+        operator: string;
+        orIndex: number;
+        value: string;
+    }) => void;
+};
 import './index.scss';
-declare const Condition: React.FC<Props>;
-export default Condition;
+export declare const Condition: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/WhereBuilder/Condition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAWpC,OAAO,cAAc,CAAA;AAYrB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyI9B,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,EAAE,CAAC,EACb,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,KAAK,GAAG,IAAI,CAAA;KACvB,KAAK,IAAI,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACvF,eAAe,EAAE,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE;QACD,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;CACX,CAAA;AAaD,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgJrC,CAAA"}

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

@@ -1,203 +1,129 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _RenderCustomComponent = require("../../../elements/RenderCustomComponent");
-const _useDebounce = /*#__PURE__*/ _interop_require_default(require("../../../hooks/useDebounce"));
-const _Button = require("../../Button");
-const _ReactSelect = /*#__PURE__*/ _interop_require_default(require("../../ReactSelect"));
-const _Date = /*#__PURE__*/ _interop_require_default(require("./Date"));
-const _Number = /*#__PURE__*/ _interop_require_default(require("./Number"));
-const _Relationship = /*#__PURE__*/ _interop_require_default(require("./Relationship"));
-const _Select = require("./Select");
-const _Text = /*#__PURE__*/ _interop_require_default(require("./Text"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import React, { useEffect, useState } from 'react';
+import { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js';
+import { useDebounce } from '../../../hooks/useDebounce.js';
+import { Button } from '../../Button/index.js';
+import { ReactSelect } from '../../ReactSelect/index.js';
+import { DateField } from './Date/index.js';
+import { NumberField } from './Number/index.js';
+import { RelationshipField } from './Relationship/index.js';
+import { Select } from './Select/index.js';
+import Text from './Text/index.js';
 const valueFields = {
-    Date: _Date.default,
-    Number: _Number.default,
-    Relationship: _Relationship.default,
-    Select: _Select.Select,
-    Text: _Text.default
+    Date: DateField,
+    Number: NumberField,
+    Relationship: RelationshipField,
+    Select,
+    Text
 };
 const baseClass = 'condition';
-const Condition = (props)=>{
-    const { andIndex, dispatch, fields, orIndex, value } = props;
-    const fieldName = Object.keys(value)[0];
-    const [activeField, setActiveField] = (0, _react.useState)(()=>fields.find((field)=>fieldName === field.value));
-    const operatorAndValue = value?.[fieldName] ? Object.entries(value[fieldName])[0] : undefined;
-    const queryValue = operatorAndValue?.[1];
-    const operatorValue = operatorAndValue?.[0];
-    const [internalValue, setInternalValue] = (0, _react.useState)(queryValue);
-    const [internalOperatorField, setInternalOperatorField] = (0, _react.useState)(operatorValue);
-    const debouncedValue = (0, _useDebounce.default)(internalValue, 300);
-    (0, _react.useEffect)(()=>{
-        const newActiveField = fields.find(({ value: name })=>name === fieldName);
-        if (newActiveField && newActiveField !== activeField) {
-            setActiveField(newActiveField);
-            setInternalOperatorField(null);
-            setInternalValue('');
+export const Condition = (props)=>{
+    const { addCondition, andIndex, fieldName, fields, initialValue, operator, orIndex, removeCondition, updateCondition } = props;
+    const [internalField, setInternalField] = useState(()=>fields.find((field)=>fieldName === field.value));
+    const [internalOperatorOption, setInternalOperatorOption] = useState(operator);
+    const [internalQueryValue, setInternalQueryValue] = useState(initialValue);
+    const debouncedValue = useDebounce(internalQueryValue, 300);
+    useEffect(()=>{
+        // This is to trigger changes when the debounced value changes
+        if (internalField.value && internalOperatorOption && ![
+            null,
+            undefined
+        ].includes(debouncedValue)) {
+            updateCondition({
+                andIndex,
+                fieldName: internalField.value,
+                operator: internalOperatorOption,
+                orIndex,
+                value: debouncedValue
+            });
         }
-    }, [
-        fieldName,
-        fields,
-        activeField
-    ]);
-    (0, _react.useEffect)(()=>{
-        dispatch({
-            andIndex,
-            orIndex,
-            type: 'update',
-            value: debouncedValue || ''
-        });
     }, [
         debouncedValue,
-        dispatch,
+        andIndex,
+        internalField?.value,
+        internalOperatorOption,
         orIndex,
-        andIndex
+        updateCondition,
+        operator
     ]);
     const booleanSelect = [
         'exists'
-    ].includes(operatorValue) || activeField.props.type === 'checkbox';
-    const ValueComponent = booleanSelect ? _Select.Select : valueFields[activeField?.component] || valueFields.Text;
+    ].includes(internalOperatorOption) || internalField?.props?.type === 'checkbox';
+    const ValueComponent = booleanSelect ? Select : valueFields[internalField?.component] || valueFields.Text;
     let valueOptions;
     if (booleanSelect) {
         valueOptions = [
             'true',
             'false'
         ];
-    } else if (activeField?.props && 'options' in activeField.props) {
-        valueOptions = activeField.props.options;
+    } else if (internalField?.props && 'options' in internalField.props) {
+        valueOptions = internalField.props.options;
     }
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__inputs`
-    }, /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__field`
-    }, /*#__PURE__*/ _react.default.createElement(_ReactSelect.default, {
+    }, /*#__PURE__*/ React.createElement(ReactSelect, {
         isClearable: false,
         onChange: (field)=>{
-            dispatch({
-                andIndex: andIndex,
-                field: field?.value,
-                orIndex: orIndex,
-                type: 'update'
-            });
+            setInternalField(fields.find((f)=>f.value === field.value));
+            setInternalOperatorOption(undefined);
+            setInternalQueryValue(undefined);
         },
         options: fields,
-        value: fields.find((field)=>fieldName === field.value)
-    })), /*#__PURE__*/ _react.default.createElement("div", {
+        value: fields.find((field)=>internalField.value === field.value) || fields[0]
+    })), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__operator`
-    }, /*#__PURE__*/ _react.default.createElement(_ReactSelect.default, {
-        disabled: !fieldName,
+    }, /*#__PURE__*/ React.createElement(ReactSelect, {
+        disabled: !internalField.value,
         isClearable: false,
         onChange: (operator)=>{
-            dispatch({
-                andIndex,
-                operator: operator.value,
-                orIndex,
-                type: 'update'
-            });
-            setInternalOperatorField(operator.value);
+            setInternalOperatorOption(operator.value);
         },
-        options: activeField.operators,
-        value: activeField.operators.find((operator)=>internalOperatorField === operator.value) || null
-    })), /*#__PURE__*/ _react.default.createElement("div", {
+        options: internalField?.operators,
+        value: internalField?.operators.find((operator)=>internalOperatorOption === operator.value) || null
+    })), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__value`
-    }, /*#__PURE__*/ _react.default.createElement(_RenderCustomComponent.RenderCustomComponent, {
-        CustomComponent: activeField?.props?.admin?.components?.Filter,
+    }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
+        CustomComponent: internalField?.props?.admin?.components?.Filter,
         DefaultComponent: ValueComponent,
         componentProps: {
-            ...activeField?.props,
-            disabled: !operatorValue,
-            onChange: setInternalValue,
-            operator: operatorValue,
+            ...internalField?.props,
+            disabled: !internalOperatorOption,
+            onChange: setInternalQueryValue,
+            operator: internalOperatorOption,
             options: valueOptions,
-            value: internalValue
+            relationTo: internalField?.props?.type === 'relationship' && 'cellProps' in internalField.props && typeof internalField.props.cellProps === 'object' && 'relationTo' in internalField.props.cellProps ? internalField.props.cellProps?.relationTo : undefined,
+            value: internalQueryValue ?? ''
         }
-    }))), /*#__PURE__*/ _react.default.createElement("div", {
+    }))), /*#__PURE__*/ React.createElement("div", {
         className: `${baseClass}__actions`
-    }, /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+    }, /*#__PURE__*/ React.createElement(Button, {
         buttonStyle: "icon-label",
         className: `${baseClass}__actions-remove`,
         icon: "x",
         iconStyle: "with-border",
-        onClick: ()=>dispatch({
+        onClick: ()=>removeCondition({
                 andIndex,
-                orIndex,
-                type: 'remove'
+                orIndex
             }),
         round: true
-    }), /*#__PURE__*/ _react.default.createElement(_Button.Button, {
+    }), /*#__PURE__*/ React.createElement(Button, {
         buttonStyle: "icon-label",
         className: `${baseClass}__actions-add`,
         icon: "plus",
         iconStyle: "with-border",
-        onClick: ()=>dispatch({
-                andIndex: andIndex + 1,
-                field: fields[0].value,
+        onClick: ()=>addCondition({
+                andIndex,
+                fieldName,
                 orIndex,
-                relation: 'and',
-                type: 'add'
+                relation: 'and'
             }),
         round: true
     }))));
 };
-const _default = Condition;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9XaGVyZUJ1aWxkZXIvQ29uZGl0aW9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IEZpZWxkQ29uZGl0aW9uIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgUmVuZGVyQ3VzdG9tQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vZWxlbWVudHMvUmVuZGVyQ3VzdG9tQ29tcG9uZW50J1xuaW1wb3J0IHVzZURlYm91bmNlIGZyb20gJy4uLy4uLy4uL2hvb2tzL3VzZURlYm91bmNlJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuaW1wb3J0IFJlYWN0U2VsZWN0IGZyb20gJy4uLy4uL1JlYWN0U2VsZWN0J1xuaW1wb3J0IERhdGUgZnJvbSAnLi9EYXRlJ1xuaW1wb3J0IE51bWJlciBmcm9tICcuL051bWJlcidcbmltcG9ydCBSZWxhdGlvbnNoaXAgZnJvbSAnLi9SZWxhdGlvbnNoaXAnXG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tICcuL1NlbGVjdCdcbmltcG9ydCBUZXh0IGZyb20gJy4vVGV4dCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCB2YWx1ZUZpZWxkcyA9IHtcbiAgRGF0ZSxcbiAgTnVtYmVyLFxuICBSZWxhdGlvbnNoaXAsXG4gIFNlbGVjdCxcbiAgVGV4dCxcbn1cblxuY29uc3QgYmFzZUNsYXNzID0gJ2NvbmRpdGlvbidcblxuY29uc3QgQ29uZGl0aW9uOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBhbmRJbmRleCwgZGlzcGF0Y2gsIGZpZWxkcywgb3JJbmRleCwgdmFsdWUgfSA9IHByb3BzXG4gIGNvbnN0IGZpZWxkTmFtZSA9IE9iamVjdC5rZXlzKHZhbHVlKVswXVxuICBjb25zdCBbYWN0aXZlRmllbGQsIHNldEFjdGl2ZUZpZWxkXSA9IHVzZVN0YXRlPEZpZWxkQ29uZGl0aW9uPigoKSA9PlxuICAgIGZpZWxkcy5maW5kKChmaWVsZCkgPT4gZmllbGROYW1lID09PSBmaWVsZC52YWx1ZSksXG4gIClcblxuICBjb25zdCBvcGVyYXRvckFuZFZhbHVlID0gdmFsdWU/LltmaWVsZE5hbWVdID8gT2JqZWN0LmVudHJpZXModmFsdWVbZmllbGROYW1lXSlbMF0gOiB1bmRlZmluZWRcbiAgY29uc3QgcXVlcnlWYWx1ZSA9IG9wZXJhdG9yQW5kVmFsdWU/LlsxXVxuICBjb25zdCBvcGVyYXRvclZhbHVlID0gb3BlcmF0b3JBbmRWYWx1ZT8uWzBdXG5cbiAgY29uc3QgW2ludGVybmFsVmFsdWUsIHNldEludGVybmFsVmFsdWVdID0gdXNlU3RhdGUocXVlcnlWYWx1ZSlcbiAgY29uc3QgW2ludGVybmFsT3BlcmF0b3JGaWVsZCwgc2V0SW50ZXJuYWxPcGVyYXRvckZpZWxkXSA9IHVzZVN0YXRlKG9wZXJhdG9yVmFsdWUpXG5cbiAgY29uc3QgZGVib3VuY2VkVmFsdWUgPSB1c2VEZWJvdW5jZShpbnRlcm5hbFZhbHVlLCAzMDApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBuZXdBY3RpdmVGaWVsZCA9IGZpZWxkcy5maW5kKCh7IHZhbHVlOiBuYW1lIH0pID0+IG5hbWUgPT09IGZpZWxkTmFtZSlcblxuICAgIGlmIChuZXdBY3RpdmVGaWVsZCAmJiBuZXdBY3RpdmVGaWVsZCAhPT0gYWN0aXZlRmllbGQpIHtcbiAgICAgIHNldEFjdGl2ZUZpZWxkKG5ld0FjdGl2ZUZpZWxkKVxuICAgICAgc2V0SW50ZXJuYWxPcGVyYXRvckZpZWxkKG51bGwpXG4gICAgICBzZXRJbnRlcm5hbFZhbHVlKCcnKVxuICAgIH1cbiAgfSwgW2ZpZWxkTmFtZSwgZmllbGRzLCBhY3RpdmVGaWVsZF0pXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICBhbmRJbmRleCxcbiAgICAgIG9ySW5kZXgsXG4gICAgICB0eXBlOiAndXBkYXRlJyxcbiAgICAgIHZhbHVlOiBkZWJvdW5jZWRWYWx1ZSB8fCAnJyxcbiAgICB9KVxuICB9LCBbZGVib3VuY2VkVmFsdWUsIGRpc3BhdGNoLCBvckluZGV4LCBhbmRJbmRleF0pXG5cbiAgY29uc3QgYm9vbGVhblNlbGVjdCA9IFsnZXhpc3RzJ10uaW5jbHVkZXMob3BlcmF0b3JWYWx1ZSkgfHwgYWN0aXZlRmllbGQucHJvcHMudHlwZSA9PT0gJ2NoZWNrYm94J1xuICBjb25zdCBWYWx1ZUNvbXBvbmVudCA9IGJvb2xlYW5TZWxlY3RcbiAgICA/IFNlbGVjdFxuICAgIDogdmFsdWVGaWVsZHNbYWN0aXZlRmllbGQ/LmNvbXBvbmVudF0gfHwgdmFsdWVGaWVsZHMuVGV4dFxuXG4gIGxldCB2YWx1ZU9wdGlvbnNcbiAgaWYgKGJvb2xlYW5TZWxlY3QpIHtcbiAgICB2YWx1ZU9wdGlvbnMgPSBbJ3RydWUnLCAnZmFsc2UnXVxuICB9IGVsc2UgaWYgKGFjdGl2ZUZpZWxkPy5wcm9wcyAmJiAnb3B0aW9ucycgaW4gYWN0aXZlRmllbGQucHJvcHMpIHtcbiAgICB2YWx1ZU9wdGlvbnMgPSBhY3RpdmVGaWVsZC5wcm9wcy5vcHRpb25zXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX3dyYXBgfT5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2lucHV0c2B9PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19maWVsZGB9PlxuICAgICAgICAgICAgPFJlYWN0U2VsZWN0XG4gICAgICAgICAgICAgIGlzQ2xlYXJhYmxlPXtmYWxzZX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9eyhmaWVsZCkgPT4ge1xuICAgICAgICAgICAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgICAgICAgICAgIGFuZEluZGV4OiBhbmRJbmRleCxcbiAgICAgICAgICAgICAgICAgIGZpZWxkOiBmaWVsZD8udmFsdWUsXG4gICAgICAgICAgICAgICAgICBvckluZGV4OiBvckluZGV4LFxuICAgICAgICAgICAgICAgICAgdHlwZTogJ3VwZGF0ZScsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgb3B0aW9ucz17ZmllbGRzfVxuICAgICAgICAgICAgICB2YWx1ZT17ZmllbGRzLmZpbmQoKGZpZWxkKSA9PiBmaWVsZE5hbWUgPT09IGZpZWxkLnZhbHVlKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX29wZXJhdG9yYH0+XG4gICAgICAgICAgICA8UmVhY3RTZWxlY3RcbiAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFmaWVsZE5hbWV9XG4gICAgICAgICAgICAgIGlzQ2xlYXJhYmxlPXtmYWxzZX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9eyhvcGVyYXRvcikgPT4ge1xuICAgICAgICAgICAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgICAgICAgICAgIGFuZEluZGV4LFxuICAgICAgICAgICAgICAgICAgb3BlcmF0b3I6IG9wZXJhdG9yLnZhbHVlLFxuICAgICAgICAgICAgICAgICAgb3JJbmRleCxcbiAgICAgICAgICAgICAgICAgIHR5cGU6ICd1cGRhdGUnLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgc2V0SW50ZXJuYWxPcGVyYXRvckZpZWxkKG9wZXJhdG9yLnZhbHVlKVxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBvcHRpb25zPXthY3RpdmVGaWVsZC5vcGVyYXRvcnN9XG4gICAgICAgICAgICAgIHZhbHVlPXtcbiAgICAgICAgICAgICAgICBhY3RpdmVGaWVsZC5vcGVyYXRvcnMuZmluZChcbiAgICAgICAgICAgICAgICAgIChvcGVyYXRvcikgPT4gaW50ZXJuYWxPcGVyYXRvckZpZWxkID09PSBvcGVyYXRvci52YWx1ZSxcbiAgICAgICAgICAgICAgICApIHx8IG51bGxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fdmFsdWVgfT5cbiAgICAgICAgICAgIDxSZW5kZXJDdXN0b21Db21wb25lbnRcbiAgICAgICAgICAgICAgQ3VzdG9tQ29tcG9uZW50PXthY3RpdmVGaWVsZD8ucHJvcHM/LmFkbWluPy5jb21wb25lbnRzPy5GaWx0ZXJ9XG4gICAgICAgICAgICAgIERlZmF1bHRDb21wb25lbnQ9e1ZhbHVlQ29tcG9uZW50fVxuICAgICAgICAgICAgICBjb21wb25lbnRQcm9wcz17e1xuICAgICAgICAgICAgICAgIC4uLmFjdGl2ZUZpZWxkPy5wcm9wcyxcbiAgICAgICAgICAgICAgICBkaXNhYmxlZDogIW9wZXJhdG9yVmFsdWUsXG4gICAgICAgICAgICAgICAgb25DaGFuZ2U6IHNldEludGVybmFsVmFsdWUsXG4gICAgICAgICAgICAgICAgb3BlcmF0b3I6IG9wZXJhdG9yVmFsdWUsXG4gICAgICAgICAgICAgICAgb3B0aW9uczogdmFsdWVPcHRpb25zLFxuICAgICAgICAgICAgICAgIHZhbHVlOiBpbnRlcm5hbFZhbHVlLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19hY3Rpb25zYH0+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJpY29uLWxhYmVsXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYWN0aW9ucy1yZW1vdmVgfVxuICAgICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgICAgaWNvblN0eWxlPVwid2l0aC1ib3JkZXJcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgZGlzcGF0Y2goe1xuICAgICAgICAgICAgICAgIGFuZEluZGV4LFxuICAgICAgICAgICAgICAgIG9ySW5kZXgsXG4gICAgICAgICAgICAgICAgdHlwZTogJ3JlbW92ZScsXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByb3VuZFxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYnV0dG9uU3R5bGU9XCJpY29uLWxhYmVsXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYWN0aW9ucy1hZGRgfVxuICAgICAgICAgICAgaWNvbj1cInBsdXNcIlxuICAgICAgICAgICAgaWNvblN0eWxlPVwid2l0aC1ib3JkZXJcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgZGlzcGF0Y2goe1xuICAgICAgICAgICAgICAgIGFuZEluZGV4OiBhbmRJbmRleCArIDEsXG4gICAgICAgICAgICAgICAgZmllbGQ6IGZpZWxkc1swXS52YWx1ZSxcbiAgICAgICAgICAgICAgICBvckluZGV4LFxuICAgICAgICAgICAgICAgIHJlbGF0aW9uOiAnYW5kJyxcbiAgICAgICAgICAgICAgICB0eXBlOiAnYWRkJyxcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJvdW5kXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb25kaXRpb25cbiJdLCJuYW1lcyI6WyJ2YWx1ZUZpZWxkcyIsIkRhdGUiLCJOdW1iZXIiLCJSZWxhdGlvbnNoaXAiLCJTZWxlY3QiLCJUZXh0IiwiYmFzZUNsYXNzIiwiQ29uZGl0aW9uIiwicHJvcHMiLCJhbmRJbmRleCIsImRpc3BhdGNoIiwiZmllbGRzIiwib3JJbmRleCIsInZhbHVlIiwiZmllbGROYW1lIiwiT2JqZWN0Iiwia2V5cyIsImFjdGl2ZUZpZWxkIiwic2V0QWN0aXZlRmllbGQiLCJ1c2VTdGF0ZSIsImZpbmQiLCJmaWVsZCIsIm9wZXJhdG9yQW5kVmFsdWUiLCJlbnRyaWVzIiwidW5kZWZpbmVkIiwicXVlcnlWYWx1ZSIsIm9wZXJhdG9yVmFsdWUiLCJpbnRlcm5hbFZhbHVlIiwic2V0SW50ZXJuYWxWYWx1ZSIsImludGVybmFsT3BlcmF0b3JGaWVsZCIsInNldEludGVybmFsT3BlcmF0b3JGaWVsZCIsImRlYm91bmNlZFZhbHVlIiwidXNlRGVib3VuY2UiLCJ1c2VFZmZlY3QiLCJuZXdBY3RpdmVGaWVsZCIsIm5hbWUiLCJ0eXBlIiwiYm9vbGVhblNlbGVjdCIsImluY2x1ZGVzIiwiVmFsdWVDb21wb25lbnQiLCJjb21wb25lbnQiLCJ2YWx1ZU9wdGlvbnMiLCJvcHRpb25zIiwiZGl2IiwiY2xhc3NOYW1lIiwiUmVhY3RTZWxlY3QiLCJpc0NsZWFyYWJsZSIsIm9uQ2hhbmdlIiwiZGlzYWJsZWQiLCJvcGVyYXRvciIsIm9wZXJhdG9ycyIsIlJlbmRlckN1c3RvbUNvbXBvbmVudCIsIkN1c3RvbUNvbXBvbmVudCIsImFkbWluIiwiY29tcG9uZW50cyIsIkZpbHRlciIsIkRlZmF1bHRDb21wb25lbnQiLCJjb21wb25lbnRQcm9wcyIsIkJ1dHRvbiIsImJ1dHRvblN0eWxlIiwiaWNvbiIsImljb25TdHlsZSIsIm9uQ2xpY2siLCJyb3VuZCIsInJlbGF0aW9uIl0sIm1hcHBpbmdzIjoiOzs7OytCQXFLQTs7O2VBQUE7OzsrREFySzJDO3VDQUtMO29FQUNkO3dCQUNEO29FQUNDOzZEQUNQOytEQUNFO3FFQUNNO3dCQUNGOzZEQUNOO1FBQ1Y7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRVAsTUFBTUEsY0FBYztJ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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\n\nimport type { FieldCondition } from '../types.js'\n\nexport type Props = {\n  addCondition: ({\n    andIndex,\n    fieldName,\n    orIndex,\n    relation,\n  }: {\n    andIndex: number\n    fieldName: string\n    orIndex: number\n    relation: 'and' | 'or'\n  }) => void\n  andIndex: number\n  fieldName: string\n  fields: FieldCondition[]\n  initialValue: string\n  operator: string\n  orIndex: number\n  removeCondition: ({ andIndex, orIndex }: { andIndex: number; orIndex: number }) => void\n  updateCondition: ({\n    andIndex,\n    fieldName,\n    operator,\n    orIndex,\n    value,\n  }: {\n    andIndex: number\n    fieldName: string\n    operator: string\n    orIndex: number\n    value: string\n  }) => void\n}\n\nimport type { RelationshipFieldProps } from '@payloadcms/ui/fields/Relationship'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DateField } from './Date/index.js'\nimport { NumberField } from './Number/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { Select } from './Select/index.js'\nimport Text from './Text/index.js'\nimport './index.scss'\n\ntype ComponentType = 'Date' | 'Number' | 'Relationship' | 'Select' | 'Text'\nconst valueFields: Record<ComponentType, React.FC> = {\n  Date: DateField,\n  Number: NumberField,\n  Relationship: RelationshipField,\n  Select,\n  Text,\n}\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldName,\n    fields,\n    initialValue,\n    operator,\n    orIndex,\n    removeCondition,\n    updateCondition,\n  } = props\n  const [internalField, setInternalField] = useState<FieldCondition>(() =>\n    fields.find((field) => fieldName === field.value),\n  )\n  const [internalOperatorOption, setInternalOperatorOption] = useState(operator)\n  const [internalQueryValue, setInternalQueryValue] = useState<string>(initialValue)\n\n  const debouncedValue = useDebounce(internalQueryValue, 300)\n\n  useEffect(() => {\n    // This is to trigger changes when the debounced value changes\n    if (\n      internalField.value &&\n      internalOperatorOption &&\n      ![null, undefined].includes(debouncedValue)\n    ) {\n      updateCondition({\n        andIndex,\n        fieldName: internalField.value,\n        operator: internalOperatorOption,\n        orIndex,\n        value: debouncedValue,\n      })\n    }\n  }, [\n    debouncedValue,\n    andIndex,\n    internalField?.value,\n    internalOperatorOption,\n    orIndex,\n    updateCondition,\n    operator,\n  ])\n\n  const booleanSelect =\n    ['exists'].includes(internalOperatorOption) || internalField?.props?.type === 'checkbox'\n  const ValueComponent = booleanSelect\n    ? Select\n    : valueFields[internalField?.component] || valueFields.Text\n\n  let valueOptions\n  if (booleanSelect) {\n    valueOptions = ['true', 'false']\n  } else if (internalField?.props && 'options' in internalField.props) {\n    valueOptions = internalField.props.options\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              isClearable={false}\n              onChange={(field) => {\n                setInternalField(fields.find((f) => f.value === field.value))\n                setInternalOperatorOption(undefined)\n                setInternalQueryValue(undefined)\n              }}\n              options={fields}\n              value={fields.find((field) => internalField.value === field.value) || fields[0]}\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              disabled={!internalField.value}\n              isClearable={false}\n              onChange={(operator) => {\n                setInternalOperatorOption(operator.value)\n              }}\n              options={internalField?.operators}\n              value={\n                internalField?.operators.find(\n                  (operator) => internalOperatorOption === operator.value,\n                ) || null\n              }\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            <RenderCustomComponent\n              CustomComponent={internalField?.props?.admin?.components?.Filter}\n              DefaultComponent={ValueComponent}\n              componentProps={{\n                ...internalField?.props,\n                disabled: !internalOperatorOption,\n                onChange: setInternalQueryValue,\n                operator: internalOperatorOption,\n                options: valueOptions,\n                relationTo:\n                  internalField?.props?.type === 'relationship' &&\n                  'cellProps' in internalField.props &&\n                  typeof internalField.props.cellProps === 'object' &&\n                  'relationTo' in internalField.props.cellProps\n                    ? internalField.props.cellProps?.relationTo\n                    : undefined,\n                value: internalQueryValue ?? '',\n              }}\n            />\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__actions-remove`}\n            icon=\"x\"\n            iconStyle=\"with-border\"\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n            round\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__actions-add`}\n            icon=\"plus\"\n            iconStyle=\"with-border\"\n            onClick={() =>\n              addCondition({\n                andIndex,\n                fieldName,\n                orIndex,\n                relation: 'and',\n              })\n            }\n            round\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","useEffect","useState","RenderCustomComponent","useDebounce","Button","ReactSelect","DateField","NumberField","RelationshipField","Select","Text","valueFields","Date","Number","Relationship","baseClass","Condition","props","addCondition","andIndex","fieldName","fields","initialValue","operator","orIndex","removeCondition","updateCondition","internalField","setInternalField","find","field","value","internalOperatorOption","setInternalOperatorOption","internalQueryValue","setInternalQueryValue","debouncedValue","undefined","includes","booleanSelect","type","ValueComponent","component","valueOptions","options","div","className","isClearable","onChange","f","disabled","operators","CustomComponent","admin","components","Filter","DefaultComponent","componentProps","relationTo","cellProps","buttonStyle","icon","iconStyle","onClick","round","relation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -18,6 +18,12 @@
     }
   }
 
+  &__field {
+    .field-label {
+      padding-bottom: 0;
+    }
+  }
+
   &__actions {
     flex-shrink: 0;
     display: flex;

package/dist/elements/WhereBuilder/Condition/types.d.ts

@@ -1,5 +1,5 @@
 import type { Where } from 'payload/types';
-import type { Action, FieldCondition } from '../types';
+import type { Action, FieldCondition } from '../types.js';
 export type Props = {
     andIndex: number;
     dispatch: (action: Action) => void;

package/dist/elements/WhereBuilder/Condition/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEtD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,KAAK,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEzD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,KAAK,CAAA;CACb,CAAA"}

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

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map