@payloadcms/ui 3.23.0-canary.fa36283 → 3.23.0

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

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

@@ -1,30 +1,19 @@
 import React from 'react';
-import type { FieldCondition } from '../types.js';
+import type { AddCondition, ReducedField, UpdateCondition } from '../types.js';
 export type Props = {
-    readonly addCondition: ({ andIndex, fieldName, orIndex, relation, }: {
-        andIndex: number;
-        fieldName: string;
-        orIndex: number;
-        relation: 'and' | 'or';
-    }) => void;
+    readonly addCondition: AddCondition;
     readonly andIndex: number;
     readonly fieldName: string;
-    readonly initialValue: string;
     readonly operator: Operator;
-    readonly options: FieldCondition[];
     readonly orIndex: number;
+    readonly reducedFields: ReducedField[];
     readonly removeCondition: ({ andIndex, orIndex }: {
         andIndex: number;
         orIndex: number;
     }) => void;
     readonly RenderedFilter: React.ReactNode;
-    readonly updateCondition: ({ andIndex, fieldName, operator, orIndex, value, }: {
-        andIndex: number;
-        fieldName: string;
-        operator: string;
-        orIndex: number;
-        value: string;
-    }) => void;
+    readonly updateCondition: UpdateCondition;
+    readonly value: string;
 };
 import type { Operator } from 'payload';
 import './index.scss';

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":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,CAAC,EACtB,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,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,cAAc,EAAE,CAAA;IAClC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,QAAQ,CAAC,eAAe,EAAE,CAAC,EACzB,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;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AASvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmKrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE9E,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,CAAA;IACtC,QAAQ,CAAC,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,QAAQ,CAAC,eAAe,EAAE,eAAe,CAAA;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAA2B,MAAM,SAAS,CAAA;AAUhE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6JrC,CAAA"}

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

@@ -1,9 +1,9 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import { useDebounce } from '../../../hooks/useDebounce.js';
+import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
 import { ReactSelect } from '../../ReactSelect/index.js';
@@ -11,298 +11,136 @@ import { DefaultFilter } from './DefaultFilter/index.js';
 import './index.scss';
 const baseClass = 'condition';
 export const Condition = props => {
-  const $ = _c(67);
   const {
     addCondition,
     andIndex,
     fieldName,
-    initialValue,
     operator,
-    options,
     orIndex,
+    reducedFields,
     removeCondition,
     RenderedFilter,
-    updateCondition
+    updateCondition,
+    value
   } = props;
-  let t0;
-  if ($[0] !== fieldName || $[1] !== options) {
-    t0 = () => options.find(field => fieldName === field.value);
-    $[0] = fieldName;
-    $[1] = options;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  const [fieldOption, setFieldOption] = useState(t0);
   const {
     t
   } = useTranslation();
-  const [internalOperatorOption, setInternalOperatorOption] = useState(operator);
-  const [internalQueryValue, setInternalQueryValue] = useState(initialValue);
-  const debouncedValue = useDebounce(internalQueryValue, 300);
-  let t1;
-  if ($[3] !== andIndex || $[4] !== debouncedValue || $[5] !== fieldOption || $[6] !== internalOperatorOption || $[7] !== orIndex || $[8] !== removeCondition || $[9] !== updateCondition) {
-    t1 = () => {
-      if (debouncedValue === undefined) {
-        return;
-      }
-      if (debouncedValue === null) {
-        removeCondition({
-          andIndex,
-          orIndex
-        });
-        return;
-      }
-      if ((fieldOption?.value || typeof fieldOption?.value === "number") && internalOperatorOption) {
-        updateCondition({
-          andIndex,
-          fieldName: fieldOption.value,
-          operator: internalOperatorOption,
-          orIndex,
-          value: debouncedValue
-        });
-      }
-    };
-    $[3] = andIndex;
-    $[4] = debouncedValue;
-    $[5] = fieldOption;
-    $[6] = internalOperatorOption;
-    $[7] = orIndex;
-    $[8] = removeCondition;
-    $[9] = updateCondition;
-    $[10] = t1;
-  } else {
-    t1 = $[10];
-  }
-  const t2 = fieldOption?.value;
-  let t3;
-  if ($[11] !== andIndex || $[12] !== debouncedValue || $[13] !== internalOperatorOption || $[14] !== operator || $[15] !== orIndex || $[16] !== removeCondition || $[17] !== t2 || $[18] !== updateCondition) {
-    t3 = [debouncedValue, andIndex, t2, internalOperatorOption, orIndex, updateCondition, operator, removeCondition];
-    $[11] = andIndex;
-    $[12] = debouncedValue;
-    $[13] = internalOperatorOption;
-    $[14] = operator;
-    $[15] = orIndex;
-    $[16] = removeCondition;
-    $[17] = t2;
-    $[18] = updateCondition;
-    $[19] = t3;
-  } else {
-    t3 = $[19];
-  }
-  useEffect(t1, t3);
-  let t4;
-  if ($[20] !== fieldOption?.field?.type || $[21] !== internalOperatorOption) {
-    t4 = ["exists"].includes(internalOperatorOption) || fieldOption?.field?.type === "checkbox";
-    $[20] = fieldOption?.field?.type;
-    $[21] = internalOperatorOption;
-    $[22] = t4;
-  } else {
-    t4 = $[22];
-  }
-  const booleanSelect = t4;
-  let valueOptions;
+  const reducedField = reducedFields.find(field => field.value === fieldName);
+  const [internalValue, setInternalValue] = useState(value);
+  const debouncedValue = useDebounce(internalValue, 300);
+  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox';
+  let valueOptions = [];
   if (booleanSelect) {
-    let t5;
-    if ($[23] !== t) {
-      t5 = t("general:true");
-      $[23] = t;
-      $[24] = t5;
-    } else {
-      t5 = $[24];
-    }
-    let t6;
-    if ($[25] !== t5) {
-      t6 = {
-        label: t5,
-        value: "true"
-      };
-      $[25] = t5;
-      $[26] = t6;
-    } else {
-      t6 = $[26];
-    }
-    let t7;
-    if ($[27] !== t) {
-      t7 = t("general:false");
-      $[27] = t;
-      $[28] = t7;
-    } else {
-      t7 = $[28];
-    }
-    let t8;
-    if ($[29] !== t7) {
-      t8 = {
-        label: t7,
-        value: "false"
-      };
-      $[29] = t7;
-      $[30] = t8;
-    } else {
-      t8 = $[30];
-    }
-    let t9;
-    if ($[31] !== t6 || $[32] !== t8) {
-      t9 = [t6, t8];
-      $[31] = t6;
-      $[32] = t8;
-      $[33] = t9;
-    } else {
-      t9 = $[33];
-    }
-    valueOptions = t9;
-  } else {
-    if (fieldOption?.field && "options" in fieldOption.field) {
-      valueOptions = fieldOption.field.options;
-    }
-  }
-  const disabled = !fieldOption?.value && typeof fieldOption?.value !== "number" || fieldOption?.field?.admin?.disableListFilter;
-  let t5;
-  if ($[34] !== options) {
-    t5 = field_0 => {
-      setFieldOption(options.find(f => f.value === field_0.value));
-      setInternalOperatorOption(undefined);
-      setInternalQueryValue(undefined);
-    };
-    $[34] = options;
-    $[35] = t5;
-  } else {
-    t5 = $[35];
+    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;
   }
-  let t6;
-  if ($[36] !== RenderedFilter || $[37] !== addCondition || $[38] !== andIndex || $[39] !== booleanSelect || $[40] !== disabled || $[41] !== fieldOption || $[42] !== internalOperatorOption || $[43] !== internalQueryValue || $[44] !== options || $[45] !== orIndex || $[46] !== removeCondition || $[47] !== t5 || $[48] !== valueOptions) {
-    let t7;
-    if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = operator_0 => {
-        setInternalOperatorOption(operator_0.value);
-      };
-      $[50] = t7;
-    } else {
-      t7 = $[50];
-    }
-    let t8;
-    if ($[51] !== RenderedFilter || $[52] !== booleanSelect || $[53] !== fieldOption || $[54] !== internalOperatorOption || $[55] !== internalQueryValue || $[56] !== valueOptions) {
-      t8 = RenderedFilter || _jsx(DefaultFilter, {
-        booleanSelect,
-        disabled: !internalOperatorOption || !fieldOption || fieldOption?.field?.admin?.disableListFilter,
-        internalField: fieldOption,
-        onChange: setInternalQueryValue,
-        operator: internalOperatorOption,
-        options: valueOptions,
-        value: internalQueryValue ?? ""
-      });
-      $[51] = RenderedFilter;
-      $[52] = booleanSelect;
-      $[53] = fieldOption;
-      $[54] = internalOperatorOption;
-      $[55] = internalQueryValue;
-      $[56] = valueOptions;
-      $[57] = t8;
-    } else {
-      t8 = $[57];
-    }
-    let t9;
-    if ($[58] !== andIndex || $[59] !== orIndex || $[60] !== removeCondition) {
-      t9 = () => removeCondition({
+  const updateValue = useEffectEvent(debouncedValue_0 => {
+    if (operator) {
+      updateCondition({
         andIndex,
-        orIndex
-      });
-      $[58] = andIndex;
-      $[59] = orIndex;
-      $[60] = removeCondition;
-      $[61] = t9;
-    } else {
-      t9 = $[61];
-    }
-    let t10;
-    if ($[62] !== addCondition || $[63] !== andIndex || $[64] !== options || $[65] !== orIndex) {
-      t10 = () => addCondition({
-        andIndex: andIndex + 1,
-        fieldName: options.find(_temp2).value,
+        field: reducedField,
+        operator,
         orIndex,
-        relation: "and"
+        value: debouncedValue_0 === null ? '' : debouncedValue_0
       });
-      $[62] = addCondition;
-      $[63] = andIndex;
-      $[64] = options;
-      $[65] = orIndex;
-      $[66] = t10;
-    } else {
-      t10 = $[66];
     }
-    t6 = _jsx("div", {
-      className: baseClass,
-      children: _jsxs("div", {
-        className: `${baseClass}__wrap`,
-        children: [_jsxs("div", {
-          className: `${baseClass}__inputs`,
-          children: [_jsx("div", {
-            className: `${baseClass}__field`,
-            children: _jsx(ReactSelect, {
-              disabled,
-              isClearable: false,
-              onChange: t5,
-              options: options.filter(_temp),
-              value: options.find(field_2 => fieldOption?.value === field_2.value) || {
-                value: fieldOption?.value
-              }
-            })
-          }), _jsx("div", {
-            className: `${baseClass}__operator`,
-            children: _jsx(ReactSelect, {
-              disabled,
-              isClearable: false,
-              onChange: t7,
-              options: fieldOption?.operators,
-              value: fieldOption?.operators.find(operator_1 => internalOperatorOption === operator_1.value) || null
-            })
-          }), _jsx("div", {
-            className: `${baseClass}__value`,
-            children: t8
-          })]
-        }), _jsxs("div", {
-          className: `${baseClass}__actions`,
-          children: [_jsx(Button, {
-            buttonStyle: "icon-label",
-            className: `${baseClass}__actions-remove`,
-            icon: "x",
-            iconStyle: "with-border",
-            onClick: t9,
-            round: true
-          }), _jsx(Button, {
-            buttonStyle: "icon-label",
-            className: `${baseClass}__actions-add`,
-            icon: "plus",
-            iconStyle: "with-border",
-            onClick: t10,
-            round: true
-          })]
-        })]
-      })
+  });
+  useEffect(() => {
+    updateValue(debouncedValue);
+  }, [debouncedValue]);
+  const disabled = !reducedField?.value && typeof reducedField?.value !== 'number' || reducedField?.field?.admin?.disableListFilter;
+  const handleFieldChange = useCallback(field_0 => {
+    setInternalValue(undefined);
+    updateCondition({
+      andIndex,
+      field: reducedFields.find(option => option.value === field_0.value),
+      operator,
+      orIndex,
+      value: undefined
     });
-    $[36] = RenderedFilter;
-    $[37] = addCondition;
-    $[38] = andIndex;
-    $[39] = booleanSelect;
-    $[40] = disabled;
-    $[41] = fieldOption;
-    $[42] = internalOperatorOption;
-    $[43] = internalQueryValue;
-    $[44] = options;
-    $[45] = orIndex;
-    $[46] = removeCondition;
-    $[47] = t5;
-    $[48] = valueOptions;
-    $[49] = t6;
-  } else {
-    t6 = $[49];
-  }
-  return t6;
+  }, [andIndex, operator, orIndex, reducedFields, updateCondition]);
+  const handleOperatorChange = useCallback(operator_0 => {
+    updateCondition({
+      andIndex,
+      field: reducedField,
+      operator: operator_0.value,
+      orIndex,
+      value
+    });
+  }, [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,
+            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,
+            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,
+            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,
+            relation: 'and'
+          }),
+          round: true
+        })]
+      })]
+    })
+  });
 };
-function _temp(field_1) {
-  return !field_1.field.admin.disableListFilter;
-}
-function _temp2(field_3) {
-  return !field_3.field.admin?.disableListFilter;
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useState","useDebounce","useTranslation","Button","ReactSelect","DefaultFilter","baseClass","Condition","props","$","addCondition","andIndex","fieldName","initialValue","operator","options","orIndex","removeCondition","RenderedFilter","updateCondition","t0","find","field","value","fieldOption","setFieldOption","t","internalOperatorOption","setInternalOperatorOption","internalQueryValue","setInternalQueryValue","debouncedValue","t1","undefined","t2","t3","t4","type","includes","booleanSelect","valueOptions","t5","t6","label","t7","t8","t9","disabled","admin","disableListFilter","field_0","f","Symbol","for","operator_0","_jsx","internalField","onChange","t10","_temp2","relation","className","children","_jsxs","isClearable","filter","_temp","field_2","operators","operator_1","buttonStyle","icon","iconStyle","onClick","round","field_1","field_3"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useState } from 'react'\n\nimport type { FieldCondition } from '../types.js'\n\nexport type Props = {\n  readonly 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  readonly andIndex: number\n  readonly fieldName: string\n  readonly initialValue: string\n  readonly operator: Operator\n  readonly options: FieldCondition[]\n  readonly orIndex: number\n  readonly removeCondition: ({ andIndex, orIndex }: { andIndex: number; orIndex: number }) => void\n  readonly RenderedFilter: React.ReactNode\n  readonly 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 { Operator } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldName,\n    initialValue,\n    operator,\n    options,\n    orIndex,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n  } = props\n\n  const [fieldOption, setFieldOption] = useState<FieldCondition>(() =>\n    options.find((field) => fieldName === field.value),\n  )\n\n  const { t } = useTranslation()\n  const [internalOperatorOption, setInternalOperatorOption] = useState<Operator>(operator)\n  const [internalQueryValue, setInternalQueryValue] = useState<string>(initialValue)\n\n  const debouncedValue = useDebounce(internalQueryValue, 300)\n\n  useEffect(() => {\n    if (debouncedValue === undefined) {\n      return\n    }\n\n    if (debouncedValue === null) {\n      removeCondition({\n        andIndex,\n        orIndex,\n      })\n\n      return\n    }\n\n    if ((fieldOption?.value || typeof fieldOption?.value === 'number') && internalOperatorOption) {\n      updateCondition({\n        andIndex,\n        fieldName: fieldOption.value,\n        operator: internalOperatorOption,\n        orIndex,\n        value: debouncedValue,\n      })\n    }\n  }, [\n    debouncedValue,\n    andIndex,\n    fieldOption?.value,\n    internalOperatorOption,\n    orIndex,\n    updateCondition,\n    operator,\n    removeCondition,\n  ])\n\n  const booleanSelect =\n    ['exists'].includes(internalOperatorOption) || fieldOption?.field?.type === 'checkbox'\n\n  let valueOptions\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (fieldOption?.field && 'options' in fieldOption.field) {\n    valueOptions = fieldOption.field.options\n  }\n\n  const disabled =\n    (!fieldOption?.value && typeof fieldOption?.value !== 'number') ||\n    fieldOption?.field?.admin?.disableListFilter\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              disabled={disabled}\n              isClearable={false}\n              onChange={(field: Option) => {\n                setFieldOption(options.find((f) => f.value === field.value))\n                setInternalOperatorOption(undefined)\n                setInternalQueryValue(undefined)\n              }}\n              options={options.filter((field) => !field.field.admin.disableListFilter)}\n              value={\n                options.find((field) => fieldOption?.value === field.value) || {\n                  value: fieldOption?.value,\n                }\n              }\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              disabled={disabled}\n              isClearable={false}\n              onChange={(operator: Option<Operator>) => {\n                setInternalOperatorOption(operator.value)\n              }}\n              options={fieldOption?.operators}\n              value={\n                fieldOption?.operators.find(\n                  (operator) => internalOperatorOption === operator.value,\n                ) || null\n              }\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !internalOperatorOption ||\n                  !fieldOption ||\n                  fieldOption?.field?.admin?.disableListFilter\n                }\n                internalField={fieldOption}\n                onChange={setInternalQueryValue}\n                operator={internalOperatorOption}\n                options={valueOptions}\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: andIndex + 1,\n                fieldName: options.find((field) => !field.field.admin?.disableListFilter).value,\n                orIndex,\n                relation: 'and',\n              })\n            }\n            round\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","useDebounce","useEffectEvent","useTranslation","Button","ReactSelect","DefaultFilter","baseClass","Condition","props","addCondition","andIndex","fieldName","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","disabled","admin","disableListFilter","handleFieldChange","undefined","option","handleOperatorChange","_jsx","className","_jsxs","isClearable","onChange","filter","operators","o","internalField","buttonStyle","icon","iconStyle","onClick","round","relation"],"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { AddCondition, ReducedField, UpdateCondition } from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly fieldName: string\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: ({ andIndex, orIndex }: { andIndex: number; orIndex: number }) => void\n  readonly RenderedFilter: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly value: string\n}\n\nimport type { Operator, Option as PayloadOption } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DefaultFilter } from './DefaultFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldName,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.value === fieldName)\n\n  const [internalValue, setInternalValue] = useState<string>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent((debouncedValue) => {\n    if (operator) {\n      updateCondition({\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: debouncedValue === null ? '' : debouncedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  const disabled =\n    (!reducedField?.value && typeof reducedField?.value !== 'number') ||\n    reducedField?.field?.admin?.disableListFilter\n\n  const handleFieldChange = useCallback(\n    (field: Option<string>) => {\n      setInternalValue(undefined)\n      updateCondition({\n        andIndex,\n        field: reducedFields.find((option) => option.value === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    (operator: Option<Operator>) => {\n      updateCondition({\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\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              disabled={disabled}\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields.filter((field) => !field.field.admin.disableListFilter)}\n              value={\n                reducedField || {\n                  value: reducedField?.value,\n                }\n              }\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || reducedField?.field?.admin?.disableListFilter\n                }\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\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: andIndex + 1,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex,\n                relation: 'and',\n              })\n            }\n            round\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,9 @@
 import type { Operator, Where } from 'payload';
-import type { Action, FieldCondition } from '../types.js';
+import type { Action, ReducedField } from '../types.js';
 export type Props = {
     andIndex: number;
     dispatch: (action: Action) => void;
-    fields: FieldCondition[];
+    fields: ReducedField[];
     orIndex: number;
     value: Where;
 };

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,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE9C,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;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;CACxB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;CACxB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"sourcesContent":["import type { Operator, Where } from 'payload'\n\nimport type { Action, FieldCondition } from '../types.js'\n\nexport type Props = {\n  andIndex: number\n  dispatch: (action: Action) => void\n  fields: FieldCondition[]\n  orIndex: number\n  value: Where\n}\n\nexport type DefaultFilterProps = {\n  readonly disabled: boolean\n  readonly onChange: (val: any) => void\n  readonly operator: Operator\n  readonly value: unknown\n}\n"],"mappings":"AAYA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"sourcesContent":["import type { Operator, Where } from 'payload'\n\nimport type { Action, ReducedField } from '../types.js'\n\nexport type Props = {\n  andIndex: number\n  dispatch: (action: Action) => void\n  fields: ReducedField[]\n  orIndex: number\n  value: Where\n}\n\nexport type DefaultFilterProps = {\n  readonly disabled: boolean\n  readonly onChange: (val: any) => void\n  readonly operator: Operator\n  readonly value: unknown\n}\n"],"mappings":"AAYA","ignoreList":[]}

package/dist/elements/WhereBuilder/field-types.d.ts

@@ -1,96 +1,5 @@
 declare const fieldTypeConditions: {
-    checkbox: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    code: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    date: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    email: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    json: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    number: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    point: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    radio: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    relationship: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    richText: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    select: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    text: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    textarea: {
-        component: string;
-        operators: {
-            label: string;
-            value: string;
-        }[];
-    };
-    upload: {
+    [key: string]: {
         component: string;
         operators: {
             label: string;

package/dist/elements/WhereBuilder/field-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAgFA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDxB,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AAgFA,QAAA,MAAM,mBAAmB,EAAE;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,EAAE,CAAA;KAC9C,CAAA;CA0DF,CAAA;AAED,eAAe,mBAAmB,CAAA"}