@payloadcms/ui 3.0.0-beta.127 → 3.0.0-beta.129

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

@@ -4,19 +4,14 @@ 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 { useDebounce } from '../../../hooks/useDebounce.js';
-import { RenderComponent } from '../../../providers/Config/RenderComponent.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
 import { ReactSelect } from '../../ReactSelect/index.js';
-import { DateField } from './Date/index.js';
+import { DefaultFilter } from './DefaultFilter/index.js';
 import './index.scss';
-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 baseClass = 'condition';
 export const Condition = props => {
-  const $ = _c(66);
+  const $ = _c(68);
   const {
     addCondition,
     andIndex,
@@ -26,6 +21,7 @@ export const Condition = props => {
     operator,
     orIndex,
     removeCondition,
+    RenderedFilter,
     updateCondition
   } = props;
   let t0;
@@ -93,42 +89,30 @@ export const Condition = props => {
     t4 = $[20];
   }
   const booleanSelect = t4;
-  let t5;
-  if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = {
-      date: DateField,
-      number: NumberField,
-      radio: Select,
-      relationship: RelationshipField,
-      select: Select,
-      text: Text
-    };
-    $[21] = t5;
-  } else {
-    t5 = $[21];
-  }
-  const valueFields = t5;
-  let t6;
-  if ($[22] !== booleanSelect || $[23] !== internalField) {
-    t6 = booleanSelect ? {
-      type: "client",
-      Component: Select
-    } : internalField?.Filter || {
-      type: "client",
-      Component: valueFields?.[internalField?.field?.type] || Text
-    };
-    $[22] = booleanSelect;
-    $[23] = internalField;
-    $[24] = t6;
-  } else {
-    t6 = $[24];
-  }
-  const ValueComponent = t6;
   let valueOptions;
   if (booleanSelect) {
+    let t5;
+    if ($[21] !== t) {
+      t5 = t("general:true");
+      $[21] = t;
+      $[22] = t5;
+    } else {
+      t5 = $[22];
+    }
+    let t6;
+    if ($[23] !== t5) {
+      t6 = {
+        label: t5,
+        value: "true"
+      };
+      $[23] = t5;
+      $[24] = t6;
+    } else {
+      t6 = $[24];
+    }
     let t7;
     if ($[25] !== t) {
-      t7 = t("general:true");
+      t7 = t("general:false");
       $[25] = t;
       $[26] = t7;
     } else {
@@ -138,7 +122,7 @@ export const Condition = props => {
     if ($[27] !== t7) {
       t8 = {
         label: t7,
-        value: "true"
+        value: "false"
       };
       $[27] = t7;
       $[28] = t8;
@@ -146,101 +130,103 @@ export const Condition = props => {
       t8 = $[28];
     }
     let t9;
-    if ($[29] !== t) {
-      t9 = t("general:false");
-      $[29] = t;
-      $[30] = t9;
-    } else {
-      t9 = $[30];
-    }
-    let t10;
-    if ($[31] !== t9) {
-      t10 = {
-        label: t9,
-        value: "false"
-      };
+    if ($[29] !== t6 || $[30] !== t8) {
+      t9 = [t6, t8];
+      $[29] = t6;
+      $[30] = t8;
       $[31] = t9;
-      $[32] = t10;
     } else {
-      t10 = $[32];
+      t9 = $[31];
     }
-    let t11;
-    if ($[33] !== t8 || $[34] !== t10) {
-      t11 = [t8, t10];
-      $[33] = t8;
-      $[34] = t10;
-      $[35] = t11;
-    } else {
-      t11 = $[35];
-    }
-    valueOptions = t11;
+    valueOptions = t9;
   } else {
     if (internalField?.field && "options" in internalField.field) {
       valueOptions = internalField.field.options;
     }
   }
-  let t7;
-  if ($[36] !== fields) {
-    t7 = field_0 => {
+  let t5;
+  if ($[32] !== fields) {
+    t5 = field_0 => {
       setInternalField(fields.find(f => f.value === field_0.value));
       setInternalOperatorOption(undefined);
       setInternalQueryValue(undefined);
     };
-    $[36] = fields;
-    $[37] = t7;
+    $[32] = fields;
+    $[33] = t5;
   } else {
-    t7 = $[37];
+    t5 = $[33];
   }
-  let t8;
-  if ($[38] !== internalField || $[39] !== fields) {
-    t8 = fields.find(field_1 => internalField?.value === field_1.value) || fields[0];
-    $[38] = internalField;
-    $[39] = fields;
-    $[40] = t8;
+  let t6;
+  if ($[34] !== internalField || $[35] !== fields) {
+    t6 = fields.find(field_1 => internalField?.value === field_1.value) || fields[0];
+    $[34] = internalField;
+    $[35] = fields;
+    $[36] = t6;
   } else {
-    t8 = $[40];
+    t6 = $[36];
   }
-  let t9;
-  if ($[41] !== t7 || $[42] !== fields || $[43] !== t8 || $[44] !== internalField?.value || $[45] !== internalField?.operators || $[46] !== internalField?.field || $[47] !== internalOperatorOption || $[48] !== internalQueryValue || $[49] !== valueOptions || $[50] !== ValueComponent || $[51] !== removeCondition || $[52] !== andIndex || $[53] !== orIndex || $[54] !== addCondition) {
-    let t10;
-    if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
-      t10 = operator_0 => {
+  let t7;
+  if ($[37] !== t5 || $[38] !== fields || $[39] !== t6 || $[40] !== internalField || $[41] !== internalOperatorOption || $[42] !== RenderedFilter || $[43] !== internalQueryValue || $[44] !== booleanSelect || $[45] !== valueOptions || $[46] !== removeCondition || $[47] !== andIndex || $[48] !== orIndex || $[49] !== addCondition) {
+    let t8;
+    if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+      t8 = operator_0 => {
         setInternalOperatorOption(operator_0.value);
       };
-      $[56] = t10;
+      $[51] = t8;
     } else {
-      t10 = $[56];
+      t8 = $[51];
     }
-    let t11;
-    if ($[57] !== removeCondition || $[58] !== andIndex || $[59] !== orIndex) {
-      t11 = () => removeCondition({
+    let t9;
+    if ($[52] !== RenderedFilter || $[53] !== internalOperatorOption || $[54] !== internalQueryValue || $[55] !== booleanSelect || $[56] !== internalField || $[57] !== valueOptions) {
+      t9 = RenderedFilter || _jsx(DefaultFilter, {
+        booleanSelect,
+        disabled: !internalOperatorOption,
+        internalField,
+        onChange: setInternalQueryValue,
+        operator: internalOperatorOption,
+        options: valueOptions,
+        value: internalQueryValue ?? ""
+      });
+      $[52] = RenderedFilter;
+      $[53] = internalOperatorOption;
+      $[54] = internalQueryValue;
+      $[55] = booleanSelect;
+      $[56] = internalField;
+      $[57] = valueOptions;
+      $[58] = t9;
+    } else {
+      t9 = $[58];
+    }
+    let t10;
+    if ($[59] !== removeCondition || $[60] !== andIndex || $[61] !== orIndex) {
+      t10 = () => removeCondition({
         andIndex,
         orIndex
       });
-      $[57] = removeCondition;
-      $[58] = andIndex;
-      $[59] = orIndex;
-      $[60] = t11;
+      $[59] = removeCondition;
+      $[60] = andIndex;
+      $[61] = orIndex;
+      $[62] = t10;
     } else {
-      t11 = $[60];
+      t10 = $[62];
     }
-    let t12;
-    if ($[61] !== addCondition || $[62] !== andIndex || $[63] !== fields || $[64] !== orIndex) {
-      t12 = () => addCondition({
+    let t11;
+    if ($[63] !== addCondition || $[64] !== andIndex || $[65] !== fields || $[66] !== orIndex) {
+      t11 = () => addCondition({
         andIndex: andIndex + 1,
         fieldName: fields[0].value,
         orIndex,
         relation: "and"
       });
-      $[61] = addCondition;
-      $[62] = andIndex;
-      $[63] = fields;
-      $[64] = orIndex;
-      $[65] = t12;
+      $[63] = addCondition;
+      $[64] = andIndex;
+      $[65] = fields;
+      $[66] = orIndex;
+      $[67] = t11;
     } else {
-      t12 = $[65];
+      t11 = $[67];
     }
-    t9 = _jsx("div", {
+    t7 = _jsx("div", {
       className: baseClass,
       children: _jsxs("div", {
         className: `${baseClass}__wrap`,
@@ -250,33 +236,22 @@ export const Condition = props => {
             className: `${baseClass}__field`,
             children: _jsx(ReactSelect, {
               isClearable: false,
-              onChange: t7,
+              onChange: t5,
               options: fields,
-              value: t8
+              value: t6
             })
           }), _jsx("div", {
             className: `${baseClass}__operator`,
             children: _jsx(ReactSelect, {
               disabled: !internalField?.value && typeof internalField?.value !== "number",
               isClearable: false,
-              onChange: t10,
+              onChange: t8,
               options: internalField?.operators,
               value: internalField?.operators.find(operator_1 => internalOperatorOption === operator_1.value) || null
             })
           }), _jsx("div", {
             className: `${baseClass}__value`,
-            children: _jsx(RenderComponent, {
-              clientProps: {
-                ...internalField?.field,
-                disabled: !internalOperatorOption,
-                onChange: setInternalQueryValue,
-                operator: internalOperatorOption,
-                options: valueOptions,
-                relationTo: internalField?.field?.type === "relationship" ? internalField?.field?.relationTo : undefined,
-                value: internalQueryValue ?? ""
-              },
-              mappedComponent: ValueComponent
-            })
+            children: t9
           })]
         }), _jsxs("div", {
           className: `${baseClass}__actions`,
@@ -285,37 +260,36 @@ export const Condition = props => {
             className: `${baseClass}__actions-remove`,
             icon: "x",
             iconStyle: "with-border",
-            onClick: t11,
+            onClick: t10,
             round: true
           }), _jsx(Button, {
             buttonStyle: "icon-label",
             className: `${baseClass}__actions-add`,
             icon: "plus",
             iconStyle: "with-border",
-            onClick: t12,
+            onClick: t11,
             round: true
           })]
         })]
       })
     });
-    $[41] = t7;
-    $[42] = fields;
-    $[43] = t8;
-    $[44] = internalField?.value;
-    $[45] = internalField?.operators;
-    $[46] = internalField?.field;
-    $[47] = internalOperatorOption;
-    $[48] = internalQueryValue;
-    $[49] = valueOptions;
-    $[50] = ValueComponent;
-    $[51] = removeCondition;
-    $[52] = andIndex;
-    $[53] = orIndex;
-    $[54] = addCondition;
-    $[55] = t9;
+    $[37] = t5;
+    $[38] = fields;
+    $[39] = t6;
+    $[40] = internalField;
+    $[41] = internalOperatorOption;
+    $[42] = RenderedFilter;
+    $[43] = internalQueryValue;
+    $[44] = booleanSelect;
+    $[45] = valueOptions;
+    $[46] = removeCondition;
+    $[47] = andIndex;
+    $[48] = orIndex;
+    $[49] = addCondition;
+    $[50] = t7;
   } else {
-    t9 = $[55];
+    t7 = $[50];
   }
-  return t9;
+  return t7;
 };
 //# 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","RenderComponent","useTranslation","Button","ReactSelect","DateField","NumberField","RelationshipField","Select","Text","baseClass","Condition","props","$","addCondition","andIndex","fieldName","fields","initialValue","operator","orIndex","removeCondition","updateCondition","t0","find","field","value","internalField","setInternalField","t","internalOperatorOption","setInternalOperatorOption","internalQueryValue","setInternalQueryValue","debouncedValue","t1","undefined","includes","t2","t3","t4","type","booleanSelect","t5","Symbol","for","date","number","radio","relationship","select","text","valueFields","t6","Component","Filter","ValueComponent","valueOptions","t7","t8","label","t9","t10","t11","options","field_0","f","field_1","operators","operator_0","t12","relation","_jsx","className","children","_jsxs","isClearable","onChange","disabled","operator_1","clientProps","relationTo","mappedComponent","buttonStyle","icon","iconStyle","onClick","round"],"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 fields: FieldCondition[]\n  readonly initialValue: string\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly removeCondition: ({ andIndex, orIndex }: { andIndex: number; orIndex: number }) => void\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 { FieldTypes, MappedComponent, Operator } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { RenderComponent } from '../../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { DateField } from './Date/index.js'\nimport './index.scss'\nimport { NumberField } from './Number/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { Select } from './Select/index.js'\nimport { Text } from './Text/index.js'\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 { 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    // This is to trigger changes when the debounced value changes\n    if (\n      (internalField?.value || typeof internalField?.value === 'number') &&\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?.field?.type === 'checkbox'\n\n  const valueFields: Partial<{\n    [key in FieldTypes]: React.FC\n  }> = {\n    date: DateField,\n    number: NumberField,\n    radio: Select,\n    relationship: RelationshipField,\n    select: Select,\n    text: Text,\n  }\n\n  const ValueComponent: MappedComponent = booleanSelect\n    ? {\n        type: 'client',\n        Component: Select,\n      }\n    : internalField?.Filter || {\n        type: 'client',\n        Component: valueFields?.[internalField?.field?.type] || Text,\n      }\n\n  let valueOptions\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (internalField?.field && 'options' in internalField.field) {\n    valueOptions = internalField.field.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: Option) => {\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 && typeof internalField?.value !== 'number'}\n              isClearable={false}\n              onChange={(operator: Option<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            <RenderComponent\n              clientProps={{\n                ...internalField?.field,\n                disabled: !internalOperatorOption,\n                onChange: setInternalQueryValue,\n                operator: internalOperatorOption,\n                options: valueOptions,\n                relationTo:\n                  internalField?.field?.type === 'relationship'\n                    ? internalField?.field?.relationTo\n                    : undefined,\n                value: internalQueryValue ?? '',\n              }}\n              mappedComponent={ValueComponent}\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: fields[0].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":["c","_c","React","useEffect","useState","useDebounce","useTranslation","Button","ReactSelect","DefaultFilter","baseClass","Condition","props","$","addCondition","andIndex","fieldName","fields","initialValue","operator","orIndex","removeCondition","RenderedFilter","updateCondition","t0","find","field","value","internalField","setInternalField","t","internalOperatorOption","setInternalOperatorOption","internalQueryValue","setInternalQueryValue","debouncedValue","t1","undefined","includes","t2","t3","t4","type","booleanSelect","valueOptions","t5","t6","label","t7","t8","t9","options","field_0","f","field_1","Symbol","for","operator_0","_jsx","disabled","onChange","t10","t11","relation","className","children","_jsxs","isClearable","operators","operator_1","buttonStyle","icon","iconStyle","onClick","round"],"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 fields: FieldCondition[]\n  readonly initialValue: string\n  readonly operator: Operator\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    fields,\n    initialValue,\n    operator,\n    orIndex,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n  } = props\n  const [internalField, setInternalField] = useState<FieldCondition>(() =>\n    fields.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    // This is to trigger changes when the debounced value changes\n    if (\n      (internalField?.value || typeof internalField?.value === 'number') &&\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?.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 (internalField?.field && 'options' in internalField.field) {\n    valueOptions = internalField.field.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: Option) => {\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 && typeof internalField?.value !== 'number'}\n              isClearable={false}\n              onChange={(operator: Option<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            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={!internalOperatorOption}\n                internalField={internalField}\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: fields[0].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":[]}

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

@@ -1,4 +1,4 @@
-import type { Where } from 'payload';
+import type { Operator, Where } from 'payload';
 import type { Action, FieldCondition } from '../types.js';
 export type Props = {
     andIndex: number;
@@ -7,4 +7,10 @@ export type Props = {
     orIndex: number;
     value: Where;
 };
+export type DefaultFilterProps = {
+    readonly disabled: boolean;
+    readonly onChange: (val: any) => void;
+    readonly operator: Operator;
+    readonly value: unknown;
+};
 //# sourceMappingURL=types.d.ts.map

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,SAAS,CAAA;AAEpC,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"}
+{"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"}

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 { 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"],"mappings":"AAIA","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, 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":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAMnD,OAAO,cAAc,CAAA;AAOrB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8NpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAMnD,OAAO,cAAc,CAAA;AAOrB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgOpD,CAAA"}

package/dist/elements/WhereBuilder/index.js

@@ -18,10 +18,11 @@ const baseClass = 'where-builder';
  * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).
  */
 export const WhereBuilder = props => {
-  const $ = _c(29);
+  const $ = _c(30);
   const {
     collectionPluralLabel,
-    fields
+    fields,
+    renderedFilters
   } = props;
   const {
     i18n,
@@ -61,13 +62,13 @@ export const WhereBuilder = props => {
   useEffect(t1, t2);
   const {
     handleWhereChange,
-    params
+    query
   } = useListQuery();
   const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false);
   let t3;
-  if ($[7] !== params.where) {
+  if ($[7] !== query.where) {
     t3 = () => {
-      const whereFromSearch = params.where;
+      const whereFromSearch = query.where;
       if (whereFromSearch) {
         if (validateWhereQuery(whereFromSearch)) {
           return whereFromSearch.or;
@@ -80,7 +81,7 @@ export const WhereBuilder = props => {
       }
       return [];
     };
-    $[7] = params.where;
+    $[7] = query.where;
     $[8] = t3;
   } else {
     t3 = $[8];
@@ -196,7 +197,7 @@ export const WhereBuilder = props => {
   }
   React.useEffect(t7, t8);
   let t9;
-  if ($[20] !== conditions || $[21] !== collectionPluralLabel || $[22] !== i18n || $[23] !== t || $[24] !== addCondition || $[25] !== reducedFields || $[26] !== removeCondition || $[27] !== updateCondition) {
+  if ($[20] !== conditions || $[21] !== collectionPluralLabel || $[22] !== i18n || $[23] !== t || $[24] !== addCondition || $[25] !== reducedFields || $[26] !== removeCondition || $[27] !== renderedFilters || $[28] !== updateCondition) {
     t9 = _jsxs("div", {
       className: baseClass,
       children: [conditions.length > 0 && _jsxs(React.Fragment, {
@@ -232,6 +233,7 @@ export const WhereBuilder = props => {
                       operator: initialOperator,
                       orIndex: orIndex_2,
                       removeCondition,
+                      RenderedFilter: renderedFilters?.get(initialFieldName),
                       updateCondition
                     })]
                   }, andIndex_2);
@@ -287,10 +289,11 @@ export const WhereBuilder = props => {
     $[24] = addCondition;
     $[25] = reducedFields;
     $[26] = removeCondition;
-    $[27] = updateCondition;
-    $[28] = t9;
+    $[27] = renderedFilters;
+    $[28] = updateCondition;
+    $[29] = t9;
   } else {
-    t9 = $[28];
+    t9 = $[29];
   }
   return t9;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useState","useListQuery","useTranslation","Button","Condition","reduceClientFields","transformWhereQuery","validateWhereQuery","baseClass","WhereBuilder","props","$","collectionPluralLabel","fields","i18n","t","t0","reducedFields","setReducedColumns","t1","t2","handleWhereChange","params","shouldUpdateQuery","setShouldUpdateQuery","t3","where","whereFromSearch","or","transformedWhere","console","warn","JSON","stringify","conditions","setConditions","t4","t5","andIndex","fieldName","orIndex","relation","newConditions","and","splice","push","addCondition","t6","andIndex_0","fieldName_0","operator","orIndex_0","value","valueArg","existingRowCondition","newRowCondition","newConditions_0","undefined","includes","updateCondition","t7","andIndex_1","orIndex_1","newConditions_1","length","removeCondition","t8","handleChange","t9","_jsxs","className","children","Fragment","_jsx","label","map","orIndex_2","compoundOrKey","Array","isArray","_","andIndex_2","initialFieldName","Object","keys","initialOperator","initialValue","buttonStyle","icon","iconPosition","iconStyle","onClick"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { WhereBuilderProps } from './types.js'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.scss'\nimport { reduceClientFields } from './reduceClientFields.js'\nimport { transformWhereQuery } from './transformWhereQuery.js'\nimport validateWhereQuery from './validateWhereQuery.js'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, fields } = props\n  const { i18n, t } = useTranslation()\n\n  const [reducedFields, setReducedColumns] = useState(() => reduceClientFields({ fields, i18n }))\n\n  useEffect(() => {\n    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n    setReducedColumns(reduceClientFields({ fields, i18n }))\n  }, [fields, i18n])\n\n  const { handleWhereChange, params } = useListQuery()\n  const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false)\n\n  // This handles initializing the where conditions from the search query (URL). That way, if you pass in\n  // query params to the URL, the where conditions will be initialized from those and displayed in the UI.\n  // Example: /admin/collections/posts?where[or][0][and][0][text][equals]=example%20post\n  /*\n    stored conditions look like this:\n    [\n      _or_ & _and_ queries have the same shape:\n      {\n        and: [{\n          category: {\n            equals: 'category-a'\n          }\n        }]\n      },\n\n      {\n        and:[{\n          category: {\n            equals: 'category-b'\n          },\n          text: {\n            not_equals: 'oranges'\n          },\n        }]\n      }\n    ]\n  */\n\n  const [conditions, setConditions] = React.useState(() => {\n    const whereFromSearch = params.where\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  })\n\n  const addCondition = React.useCallback(\n    ({ andIndex, fieldName, orIndex, relation }) => {\n      const newConditions = [...conditions]\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, { [fieldName]: {} })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [fieldName]: {},\n            },\n          ],\n        })\n      }\n      setConditions(newConditions)\n    },\n    [conditions],\n  )\n\n  const updateCondition = React.useCallback(\n    ({ andIndex, fieldName, operator, orIndex, value: valueArg }) => {\n      const existingRowCondition = conditions[orIndex].and[andIndex]\n      if (typeof existingRowCondition === 'object' && fieldName && operator) {\n        const value = valueArg ?? (operator ? existingRowCondition[operator] : '')\n        const newRowCondition = {\n          [fieldName]: operator ? { [operator]: value } : {},\n        }\n\n        if (JSON.stringify(existingRowCondition) !== JSON.stringify(newRowCondition)) {\n          const newConditions = [...conditions]\n          newConditions[orIndex].and[andIndex] = newRowCondition\n          setConditions(newConditions)\n          if (![null, undefined].includes(value)) {\n            // only update query when field/operator/value are filled out\n            setShouldUpdateQuery(true)\n          }\n        }\n      }\n    },\n    [conditions],\n  )\n\n  const removeCondition = React.useCallback(\n    ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n      setConditions(newConditions)\n      setShouldUpdateQuery(true)\n    },\n    [conditions],\n  )\n\n  React.useEffect(() => {\n    if (shouldUpdateQuery) {\n      async function handleChange() {\n        await handleWhereChange({ or: conditions })\n        setShouldUpdateQuery(false)\n      }\n      void handleChange()\n    }\n  }, [conditions, handleWhereChange, shouldUpdateQuery])\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <div className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </div>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const initialFieldName = Object.keys(conditions[orIndex].and[andIndex])[0]\n                        const initialOperator =\n                          (Object.keys(\n                            conditions[orIndex].and[andIndex]?.[initialFieldName] || {},\n                          )?.[0] as Operator) || undefined\n                        const initialValue =\n                          conditions[orIndex].and[andIndex]?.[initialFieldName]?.[\n                            initialOperator\n                          ] || ''\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldName={initialFieldName}\n                              fields={reducedFields}\n                              initialValue={initialValue}\n                              operator={initialOperator}\n                              orIndex={orIndex}\n                              removeCondition={removeCondition}\n                              updateCondition={updateCondition}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={() => {\n              addCondition({\n                andIndex: 0,\n                fieldName: reducedFields[0].value,\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={() => {\n              if (reducedFields.length > 0) {\n                addCondition({\n                  andIndex: 0,\n                  fieldName: reducedFields[0].value,\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,SAAS,EAAEC,QAAQ,QAAQ;AAI3C,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,SAAS,QAAQ;AAC1B,OAAO;AACP,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AACpC,OAAOC,kBAAA,MAAwB;AAE/B,MAAMC,SAAA,GAAY;AAIlB;;;;AAIA,OAAO,MAAMC,YAAA,GAA4CC,KAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EACvD;IAAAgB,qBAAA;IAAAC;EAAA,IAA0CH,KAAA;EAC1C;IAAAI,IAAA;IAAAC;EAAA,IAAoBb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAL,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,IAAA;IAEgCE,EAAA,GAAAA,CAAA,KAAMX,kBAAA;MAAAQ,MAAA;MAAAC;IAAA,CAAkC;IAAAH,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAA5F,OAAAM,aAAA,EAAAC,iBAAA,IAA2ClB,QAAA,CAASgB,EAAwC;EAAA,IAAAG,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAG,IAAA;IAElFK,EAAA,GAAAA,CAAA;MAERD,iBAAA,CAAkBb,kBAAA;QAAAQ,MAAA;QAAAC;MAAA,CAAkC;IAAA;IACnDM,EAAA,IAACP,MAAA,EAAQC,IAAA;IAAKH,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAD,EAAA,GAAAR,CAAA;IAAAS,EAAA,GAAAT,CAAA;EAAA;EAHjBZ,SAAA,CAAUoB,EAGV,EAAGC,EAAc;EAEjB;IAAAC,iBAAA;IAAAC;EAAA,IAAsCrB,YAAA;EACtC,OAAAsB,iBAAA,EAAAC,oBAAA,IAAkD1B,KAAA,CAAAE,QAAA,MAAe;EAAA,IAAAyB,EAAA;EAAA,IAAAd,CAAA,QAAAW,MAAA,CAAAI,KAAA;IA8BdD,EAAA,GAAAA,CAAA;MACjD,MAAAE,eAAA,GAAwBL,MAAA,CAAAI,KAAA;MAAY,IAChCC,eAAA;QAAA,IACEpB,kBAAA,CAAmBoB,eAAA;UAAA,OACdA,eAAA,CAAAC,EAAA;QAAA;QAGT,MAAAC,gBAAA,GAAyBvB,mBAAA,CAAoBqB,eAAA;QAAA,IAEzCpB,kBAAA,CAAmBsB,gBAAA;UAAA,OACdA,gBAAA,CAAAD,EAAA;QAAA;QAGTE,OAAA,CAAAC,IAAA,CAAa,+BAA+BC,IAAA,CAAAC,SAAA,CAAeN,eAAA,GAAkB;MAAA;MAAA;IAAA;IAIjFhB,CAAA,MAAAW,MAAA,CAAAI,KAAA;IAAAf,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAjBA,OAAAuB,UAAA,EAAAC,aAAA,IAAoCrC,KAAA,CAAAE,QAAA,CAAeyB,EAiBnD;EAAA,IAAAW,EAAA;EAAA,IAAAzB,CAAA,QAAAuB,UAAA;IAGEE,EAAA,GAAAC,EAAA;MAAC;QAAAC,QAAA;QAAAC,SAAA;QAAAC,OAAA;QAAAC;MAAA,IAAAJ,EAA0C;MACzC,MAAAK,aAAA,OAA0BR,UAAA;MAAW,IACjCO,QAAA,KAAa;QACfC,aAAa,CAACF,OAAA,EAAAG,GAAA,CAAAC,MAAA,CAAoBN,QAAA;UAAA,CAAgBC,SAAA;QAAA,CAAe;MAAA;QAEjEG,aAAA,CAAAG,IAAA;UAAAF,GAAA;YAAA,CAGOJ,SAAA;UAAA;QAAA,CAGP;MAAA;MAEFJ,aAAA,CAAcO,aAAA;IAAA;IAChB/B,CAAA,MAAAuB,UAAA;IAAAvB,CAAA,OAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAfF,MAAAmC,YAAA,GAAqBV,EAgBP;EAAA,IAAAC,EAAA;EAAA,IAAA1B,CAAA,SAAAuB,UAAA;IAIZG,EAAA,GAAAU,EAAA;MAAC;QAAAT,QAAA,EAAAU,UAAA;QAAAT,SAAA,EAAAU,WAAA;QAAAC,QAAA;QAAAV,OAAA,EAAAW,SAAA;QAAAC,KAAA,EAAAC;MAAA,IAAAN,EAA2D;MAC1D,MAAAO,oBAAA,GAA6BpB,UAAU,CAACM,SAAA,EAAAG,GAAA,CAAaL,UAAA;MAAS,IAC1D,OAAOgB,oBAAA,KAAyB,YAAYf,WAAA,IAAaW,QAAA;QAC3D,MAAAE,KAAA,GAAcC,QAAA,KAAaH,QAAA,GAAWI,oBAAoB,CAACJ,QAAA,IAAY,EAAC;QACxE,MAAAK,eAAA;UAAA,CACGhB,WAAA,GAAYW,QAAA;YAAA,CAAcA,QAAA,GAAWE;UAAA;QAAW;QACnD,IAEIpB,IAAA,CAAAC,SAAA,CAAeqB,oBAAA,MAA0BtB,IAAA,CAAAC,SAAA,CAAesB,eAAA;UAC1D,MAAAC,eAAA,OAA0BtB,UAAA;UAC1BQ,eAAa,CAACF,SAAA,EAAAG,GAAA,CAAaL,UAAA,IAAYiB,eAAA;UACvCpB,aAAA,CAAcO,eAAA;UAAA,KACT,OAAAe,SAAA,EAAAC,QAAA,CAA2BN,KAAA;YAE9B5B,oBAAA,KAAqB;UAAA;QAAA;MAAA;IAAA;IAI7Bb,CAAA,OAAAuB,UAAA;IAAAvB,CAAA,OAAA0B,EAAA;EAAA;IAAAA,EAAA,GAAA1B,CAAA;EAAA;EAnBF,MAAAgD,eAAA,GAAwBtB,EAoBV;EAAA,IAAAU,EAAA;EAAA,IAAApC,CAAA,SAAAuB,UAAA;IAIZa,EAAA,GAAAa,EAAA;MAAC;QAAAtB,QAAA,EAAAuB,UAAA;QAAArB,OAAA,EAAAsB;MAAA,IAAAF,EAAqB;MACpB,MAAAG,eAAA,OAA0B7B,UAAA;MAC1BQ,eAAa,CAACF,SAAA,EAAAG,GAAA,CAAAC,MAAA,CAAoBN,UAAA,GAAU;MAAA,IACxCI,eAAa,CAACF,SAAA,EAAAG,GAAA,CAAAqB,MAAA,MAAwB;QACxCtB,eAAA,CAAAE,MAAA,CAAqBJ,SAAA,GAAS;MAAA;MAEhCL,aAAA,CAAcO,eAAA;MACdlB,oBAAA,KAAqB;IAAA;IACvBb,CAAA,OAAAuB,UAAA;IAAAvB,CAAA,OAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EATF,MAAAsD,eAAA,GAAwBlB,EAUV;EAAA,IAAAa,EAAA;EAAA,IAAAM,EAAA;EAAA,IAAAvD,CAAA,SAAAY,iBAAA,IAAAZ,CAAA,SAAAU,iBAAA,IAAAV,CAAA,SAAAuB,UAAA;IAGE0B,EAAA,GAAAA,CAAA;MAAA,IACVrC,iBAAA;QACF,MAAA4C,YAAA,kBAAAA,aAAA;UAAA,MACQ9C,iBAAA;YAAAO,EAAA,EAAwBM;UAAA,CAAW;UACzCV,oBAAA,MAAqB;QAAA;QAElB2C,YAAA;MAAA;IAAA;IAEND,EAAA,IAAChC,UAAA,EAAYb,iBAAA,EAAmBE,iBAAA;IAAkBZ,CAAA,OAAAY,iBAAA;IAAAZ,CAAA,OAAAU,iBAAA;IAAAV,CAAA,OAAAuB,UAAA;IAAAvB,CAAA,OAAAiD,EAAA;IAAAjD,CAAA,OAAAuD,EAAA;EAAA;IAAAN,EAAA,GAAAjD,CAAA;IAAAuD,EAAA,GAAAvD,CAAA;EAAA;EARrDb,KAAA,CAAAC,SAAA,CAAgB6D,EAQhB,EAAGM,EAAkD;EAAA,IAAAE,EAAA;EAAA,IAAAzD,CAAA,SAAAuB,UAAA,IAAAvB,CAAA,SAAAC,qBAAA,IAAAD,CAAA,SAAAG,IAAA,IAAAH,CAAA,SAAAI,CAAA,IAAAJ,CAAA,SAAAmC,YAAA,IAAAnC,CAAA,SAAAM,aAAA,IAAAN,CAAA,SAAAsD,eAAA,IAAAtD,CAAA,SAAAgD,eAAA;IAGnDS,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAA9D,SAAA;MAAA+D,QAAA,GACErC,UAAA,CAAA8B,MAAA,IAAoB,IACnBK,KAAA,CAAAvE,KAAA,CAAA0E,QAAA;QAAAD,QAAA,GACEE,IAAA,CAAC;UAAAH,SAAA,EAAe,GAAA9D,SAAA,SAAqB;UAAA+D,QAAA,EAClCxD,CAAA,CAAE;YAAA2D,KAAA,EAAgC7E,cAAA,CAAee,qBAAA,EAAuBE,IAAA;UAAA,CAAM;QAAA,C,GAEjF2D,IAAA,CAAC;UAAAH,SAAA,EAAc,GAAA9D,SAAA,cAA0B;UAAA+D,QAAA,EACtCrC,UAAA,CAAAyC,GAAA,EAAA/C,EAAA,EAAAgD,SAAA;YACC,MAAAC,aAAA,GAAsB,GAAGrC,SAAA,IAAWsC,KAAA,CAAAC,OAAA,CAAcnD,EAAA,EAAAe,GAAI,IAAOf,EAAA,CAAAe,GAAA,CAAAqB,MAAA,GAAgB,IAAI;YAAA,OAG/EK,KAAA,CAAC;cAAAE,QAAA,GACE/B,SAAA,MAAY,IAAKiC,IAAA,CAAC;gBAAAH,SAAA,EAAe,GAAA9D,SAAA,SAAqB;gBAAA+D,QAAA,EAAGxD,CAAA,CAAE;cAAA,C,GAC5D0D,IAAA,CAAC;gBAAAH,SAAA,EAAc,GAAA9D,SAAA,eAA2B;gBAAA+D,QAAA,EACvCO,KAAA,CAAAC,OAAA,CAAcnD,EAAA,EAAAe,GAAI,KACjBf,EAAA,CAAAe,GAAA,CAAAgC,GAAA,EAAAK,CAAA,EAAAC,UAAA;kBACE,MAAAC,gBAAA,GAAyBC,MAAA,CAAAC,IAAA,CAAYlD,UAAU,CAACM,SAAA,EAAAG,GAAA,CAAaL,UAAA,CAAS,CAAC;kBACvE,MAAA+C,eAAA,GACEF,MAAA,CAAAC,IAAA,CACElD,UAAU,CAACM,SAAA,EAAAG,GAAA,CAAaL,UAAA,IAAY4C,gBAAA,OAAsB,UAAAzB,SACrC;kBACzB,MAAA6B,YAAA,GACEpD,UAAU,CAACM,SAAA,EAAAG,GAAA,CAAaL,UAAA,IAAY4C,gBAAA,IAClCG,eAAA,KACG;kBAAA,OAGLhB,KAAA,CAAC;oBAAAE,QAAA,GACEjC,UAAA,MAAa,IACZmC,IAAA,CAAC;sBAAAH,SAAA,EAAe,GAAA9D,SAAA,SAAqB;sBAAA+D,QAAA,EAAGxD,CAAA,CAAE;oBAAA,C,GAE5C0D,IAAA,CAAArE,SAAA;sBAAA0C,YAAA;sBAAAR,QAAA,EAEYA,UAAA;sBAAAC,SAAA,EACC2C,gBAAA;sBAAArE,MAAA,EACHI,aAAA;sBAAAqE,YAAA;sBAAApC,QAAA,EAEEmC,eAAA;sBAAA7C,OAAA,EACDA,SAAA;sBAAAyB,eAAA;sBAAAN;oBAAA,C;qBAXJrB,UAAA;gBAAA,CAiBb;cAAA,C;eAjCGuC,aAAA;UAAA,CAqCb;QAAA,C,GAEFJ,IAAA,CAAAtE,MAAA;UAAAoF,WAAA,EACc;UAAAjB,SAAA,EACD,GAAA9D,SAAA,UAAsB;UAAAgF,IAAA,EAC5B;UAAAC,YAAA,EACQ;UAAAC,SAAA,EACH;UAAAC,OAAA,EAAAA,CAAA;YAER7C,YAAA;cAAAR,QAAA;cAAAC,SAAA,EAEatB,aAAa,IAAAmC,KAAA;cAAAZ,OAAA,EACfN,UAAA,CAAA8B,MAAA;cAAAvB,QAAA,EACC;YAAA,CACZ;UAAA;UAAA8B,QAAA,EAGDxD,CAAA,CAAE;QAAA,C;UAIRmB,UAAA,CAAA8B,MAAA,MAAsB,IACrBK,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAA9D,SAAA,cAA0B;QAAA+D,QAAA,GACxCE,IAAA,CAAC;UAAAH,SAAA,EAAe,GAAA9D,SAAA,SAAqB;UAAA+D,QAAA,EAAGxD,CAAA,CAAE;QAAA,C,GAC1C0D,IAAA,CAAAtE,MAAA;UAAAoF,WAAA,EACc;UAAAjB,SAAA,EACD,GAAA9D,SAAA,oBAAgC;UAAAgF,IAAA,EACtC;UAAAC,YAAA,EACQ;UAAAC,SAAA,EACH;UAAAC,OAAA,EAAAA,CAAA;YAAA,IAEJ1E,aAAA,CAAA+C,MAAA,IAAuB;cACzBlB,YAAA;gBAAAR,QAAA;gBAAAC,SAAA,EAEatB,aAAa,IAAAmC,KAAA;gBAAAZ,OAAA,EACfN,UAAA,CAAA8B,MAAA;gBAAAvB,QAAA,EACC;cAAA,CACZ;YAAA;UAAA;UAAA8B,QAAA,EAIHxD,CAAA,CAAE;QAAA,C;;;;;;;;;;;;;;;SAzFXqD,E;CA+FJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useState","useListQuery","useTranslation","Button","Condition","reduceClientFields","transformWhereQuery","validateWhereQuery","baseClass","WhereBuilder","props","$","collectionPluralLabel","fields","renderedFilters","i18n","t","t0","reducedFields","setReducedColumns","t1","t2","handleWhereChange","query","shouldUpdateQuery","setShouldUpdateQuery","t3","where","whereFromSearch","or","transformedWhere","console","warn","JSON","stringify","conditions","setConditions","t4","t5","andIndex","fieldName","orIndex","relation","newConditions","and","splice","push","addCondition","t6","andIndex_0","fieldName_0","operator","orIndex_0","value","valueArg","existingRowCondition","newRowCondition","newConditions_0","undefined","includes","updateCondition","t7","andIndex_1","orIndex_1","newConditions_1","length","removeCondition","t8","handleChange","t9","_jsxs","className","children","Fragment","_jsx","label","map","orIndex_2","compoundOrKey","Array","isArray","_","andIndex_2","initialFieldName","Object","keys","initialOperator","initialValue","RenderedFilter","get","buttonStyle","icon","iconPosition","iconStyle","onClick"],"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport type { WhereBuilderProps } from './types.js'\n\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport './index.scss'\nimport { reduceClientFields } from './reduceClientFields.js'\nimport { transformWhereQuery } from './transformWhereQuery.js'\nimport validateWhereQuery from './validateWhereQuery.js'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, fields, renderedFilters } = props\n  const { i18n, t } = useTranslation()\n\n  const [reducedFields, setReducedColumns] = useState(() => reduceClientFields({ fields, i18n }))\n\n  useEffect(() => {\n    // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect\n    setReducedColumns(reduceClientFields({ fields, i18n }))\n  }, [fields, i18n])\n\n  const { handleWhereChange, query } = useListQuery()\n  const [shouldUpdateQuery, setShouldUpdateQuery] = React.useState(false)\n\n  // This handles initializing the where conditions from the search query (URL). That way, if you pass in\n  // query params to the URL, the where conditions will be initialized from those and displayed in the UI.\n  // Example: /admin/collections/posts?where[or][0][and][0][text][equals]=example%20post\n  /*\n    stored conditions look like this:\n    [\n      _or_ & _and_ queries have the same shape:\n      {\n        and: [{\n          category: {\n            equals: 'category-a'\n          }\n        }]\n      },\n\n      {\n        and:[{\n          category: {\n            equals: 'category-b'\n          },\n          text: {\n            not_equals: 'oranges'\n          },\n        }]\n      }\n    ]\n  */\n\n  const [conditions, setConditions] = React.useState(() => {\n    const whereFromSearch = query.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  })\n\n  const addCondition = React.useCallback(\n    ({ andIndex, fieldName, orIndex, relation }) => {\n      const newConditions = [...conditions]\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, { [fieldName]: {} })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [fieldName]: {},\n            },\n          ],\n        })\n      }\n      setConditions(newConditions)\n    },\n    [conditions],\n  )\n\n  const updateCondition = React.useCallback(\n    ({ andIndex, fieldName, operator, orIndex, value: valueArg }) => {\n      const existingRowCondition = conditions[orIndex].and[andIndex]\n      if (typeof existingRowCondition === 'object' && fieldName && operator) {\n        const value = valueArg ?? (operator ? existingRowCondition[operator] : '')\n        const newRowCondition = {\n          [fieldName]: operator ? { [operator]: value } : {},\n        }\n\n        if (JSON.stringify(existingRowCondition) !== JSON.stringify(newRowCondition)) {\n          const newConditions = [...conditions]\n          newConditions[orIndex].and[andIndex] = newRowCondition\n          setConditions(newConditions)\n          if (![null, undefined].includes(value)) {\n            // only update query when field/operator/value are filled out\n            setShouldUpdateQuery(true)\n          }\n        }\n      }\n    },\n    [conditions],\n  )\n\n  const removeCondition = React.useCallback(\n    ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n      setConditions(newConditions)\n      setShouldUpdateQuery(true)\n    },\n    [conditions],\n  )\n\n  React.useEffect(() => {\n    if (shouldUpdateQuery) {\n      async function handleChange() {\n        await handleWhereChange({ or: conditions })\n        setShouldUpdateQuery(false)\n      }\n      void handleChange()\n    }\n  }, [conditions, handleWhereChange, shouldUpdateQuery])\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <div className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </div>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const initialFieldName = Object.keys(conditions[orIndex].and[andIndex])[0]\n                        const initialOperator =\n                          (Object.keys(\n                            conditions[orIndex].and[andIndex]?.[initialFieldName] || {},\n                          )?.[0] as Operator) || undefined\n                        const initialValue =\n                          conditions[orIndex].and[andIndex]?.[initialFieldName]?.[\n                            initialOperator\n                          ] || ''\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldName={initialFieldName}\n                              fields={reducedFields}\n                              initialValue={initialValue}\n                              operator={initialOperator}\n                              orIndex={orIndex}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(initialFieldName)}\n                              updateCondition={updateCondition}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={() => {\n              addCondition({\n                andIndex: 0,\n                fieldName: reducedFields[0].value,\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={() => {\n              if (reducedFields.length > 0) {\n                addCondition({\n                  andIndex: 0,\n                  fieldName: reducedFields[0].value,\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/reduceClientFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reduceClientFields.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAMhD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+CAK5B,sBAAsB,KAAG,cAAc,EAiJzC,CAAA"}
+{"version":3,"file":"reduceClientFields.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/reduceClientFields.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAMhD,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,+CAK5B,sBAAsB,KAAG,cAAc,EA2IzC,CAAA"}