@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

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

@@ -1,157 +1,295 @@
 '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 { RenderCustomClientComponent } from '../../../elements/RenderCustomClientComponent/index.js';
 import { useDebounce } from '../../../hooks/useDebounce.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 { NumberField } from './Number/index.js';
-import { RelationshipField } from './Relationship/index.js';
-import { Select } from './Select/index.js';
-import Text from './Text/index.js';
+import { DefaultFilter } from './DefaultFilter/index.js';
 import './index.scss';
-const valueFields = {
-    Date: DateField,
-    Number: NumberField,
-    Relationship: RelationshipField,
-    Select,
-    Text
-};
 const baseClass = 'condition';
-export const Condition = (props)=>{
-    const { addCondition, andIndex, fieldName, fields, initialValue, operator, orIndex, removeCondition, updateCondition } = props;
-    const [internalField, setInternalField] = useState(()=>fields.find((field)=>fieldName === field.value));
-    const { t } = useTranslation();
-    const [internalOperatorOption, setInternalOperatorOption] = useState(operator);
-    const [internalQueryValue, setInternalQueryValue] = useState(initialValue);
-    const debouncedValue = useDebounce(internalQueryValue, 300);
-    useEffect(()=>{
-        // This is to trigger changes when the debounced value changes
-        if ((internalField?.value || typeof internalField?.value === 'number') && internalOperatorOption && ![
-            null,
-            undefined
-        ].includes(debouncedValue)) {
-            updateCondition({
-                andIndex,
-                fieldName: internalField.value,
-                operator: internalOperatorOption,
-                orIndex,
-                value: debouncedValue
-            });
-        }
-    }, [
-        debouncedValue,
+export const Condition = props => {
+  const $ = _c(68);
+  const {
+    addCondition,
+    andIndex,
+    fieldName,
+    fields,
+    initialValue,
+    operator,
+    orIndex,
+    removeCondition,
+    RenderedFilter,
+    updateCondition
+  } = props;
+  let t0;
+  if ($[0] !== fields || $[1] !== fieldName) {
+    t0 = () => fields.find(field => fieldName === field.value);
+    $[0] = fields;
+    $[1] = fieldName;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const [internalField, setInternalField] = useState(t0);
+  const {
+    t
+  } = useTranslation();
+  const [internalOperatorOption, setInternalOperatorOption] = useState(operator);
+  const [internalQueryValue, setInternalQueryValue] = useState(initialValue);
+  const debouncedValue = useDebounce(internalQueryValue, 300);
+  let t1;
+  if ($[3] !== internalField || $[4] !== internalOperatorOption || $[5] !== debouncedValue || $[6] !== updateCondition || $[7] !== andIndex || $[8] !== orIndex) {
+    t1 = () => {
+      if ((internalField?.value || typeof internalField?.value === "number") && internalOperatorOption && ![null, undefined].includes(debouncedValue)) {
+        updateCondition({
+          andIndex,
+          fieldName: internalField.value,
+          operator: internalOperatorOption,
+          orIndex,
+          value: debouncedValue
+        });
+      }
+    };
+    $[3] = internalField;
+    $[4] = internalOperatorOption;
+    $[5] = debouncedValue;
+    $[6] = updateCondition;
+    $[7] = andIndex;
+    $[8] = orIndex;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const t2 = internalField?.value;
+  let t3;
+  if ($[10] !== debouncedValue || $[11] !== andIndex || $[12] !== t2 || $[13] !== internalOperatorOption || $[14] !== orIndex || $[15] !== updateCondition || $[16] !== operator) {
+    t3 = [debouncedValue, andIndex, t2, internalOperatorOption, orIndex, updateCondition, operator];
+    $[10] = debouncedValue;
+    $[11] = andIndex;
+    $[12] = t2;
+    $[13] = internalOperatorOption;
+    $[14] = orIndex;
+    $[15] = updateCondition;
+    $[16] = operator;
+    $[17] = t3;
+  } else {
+    t3 = $[17];
+  }
+  useEffect(t1, t3);
+  let t4;
+  if ($[18] !== internalOperatorOption || $[19] !== internalField) {
+    t4 = ["exists"].includes(internalOperatorOption) || internalField?.field?.type === "checkbox";
+    $[18] = internalOperatorOption;
+    $[19] = internalField;
+    $[20] = t4;
+  } else {
+    t4 = $[20];
+  }
+  const booleanSelect = t4;
+  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:false");
+      $[25] = t;
+      $[26] = t7;
+    } else {
+      t7 = $[26];
+    }
+    let t8;
+    if ($[27] !== t7) {
+      t8 = {
+        label: t7,
+        value: "false"
+      };
+      $[27] = t7;
+      $[28] = t8;
+    } else {
+      t8 = $[28];
+    }
+    let t9;
+    if ($[29] !== t6 || $[30] !== t8) {
+      t9 = [t6, t8];
+      $[29] = t6;
+      $[30] = t8;
+      $[31] = t9;
+    } else {
+      t9 = $[31];
+    }
+    valueOptions = t9;
+  } else {
+    if (internalField?.field && "options" in internalField.field) {
+      valueOptions = internalField.field.options;
+    }
+  }
+  let t5;
+  if ($[32] !== fields) {
+    t5 = field_0 => {
+      setInternalField(fields.find(f => f.value === field_0.value));
+      setInternalOperatorOption(undefined);
+      setInternalQueryValue(undefined);
+    };
+    $[32] = fields;
+    $[33] = t5;
+  } else {
+    t5 = $[33];
+  }
+  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 {
+    t6 = $[36];
+  }
+  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);
+      };
+      $[51] = t8;
+    } else {
+      t8 = $[51];
+    }
+    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,
-        internalField?.value,
-        internalOperatorOption,
+        orIndex
+      });
+      $[59] = removeCondition;
+      $[60] = andIndex;
+      $[61] = orIndex;
+      $[62] = t10;
+    } else {
+      t10 = $[62];
+    }
+    let t11;
+    if ($[63] !== addCondition || $[64] !== andIndex || $[65] !== fields || $[66] !== orIndex) {
+      t11 = () => addCondition({
+        andIndex: andIndex + 1,
+        fieldName: fields[0].value,
         orIndex,
-        updateCondition,
-        operator
-    ]);
-    const booleanSelect = [
-        'exists'
-    ].includes(internalOperatorOption) || internalField?.props?.type === 'checkbox';
-    const ValueComponent = booleanSelect ? Select : valueFields[internalField?.component] || valueFields.Text;
-    let valueOptions;
-    if (booleanSelect) {
-        valueOptions = [
-            {
-                label: t('general:true'),
-                value: 'true'
-            },
-            {
-                label: t('general:false'),
-                value: 'false'
-            }
-        ];
-    } else if (internalField?.props && 'options' in internalField.props) {
-        valueOptions = internalField.props.options;
+        relation: "and"
+      });
+      $[63] = addCondition;
+      $[64] = andIndex;
+      $[65] = fields;
+      $[66] = orIndex;
+      $[67] = t11;
+    } else {
+      t11 = $[67];
     }
-    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, {
-                                isClearable: false,
-                                onChange: (field)=>{
-                                    setInternalField(fields.find((f)=>f.value === field.value));
-                                    setInternalOperatorOption(undefined);
-                                    setInternalQueryValue(undefined);
-                                },
-                                options: fields,
-                                value: fields.find((field)=>internalField?.value === field.value) || fields[0]
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx("div", {
-                            className: `${baseClass}__operator`,
-                            children: /*#__PURE__*/ _jsx(ReactSelect, {
-                                disabled: !internalField?.value && typeof internalField?.value !== 'number',
-                                isClearable: false,
-                                onChange: (operator)=>{
-                                    setInternalOperatorOption(operator.value);
-                                },
-                                options: internalField?.operators,
-                                value: internalField?.operators.find((operator)=>internalOperatorOption === operator.value) || null
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx("div", {
-                            className: `${baseClass}__value`,
-                            children: /*#__PURE__*/ _jsx(RenderCustomClientComponent, {
-                                CustomComponent: internalField?.props?.admin?.components?.Filter,
-                                DefaultComponent: ValueComponent,
-                                componentProps: {
-                                    ...internalField?.props,
-                                    disabled: !internalOperatorOption,
-                                    onChange: setInternalQueryValue,
-                                    operator: internalOperatorOption,
-                                    options: valueOptions,
-                                    relationTo: internalField?.props?.type === 'relationship' && 'cellComponentProps' in internalField.props && typeof internalField.props.cellComponentProps === 'object' && 'relationTo' in internalField.props.cellComponentProps ? internalField.props.cellComponentProps?.relationTo : undefined,
-                                    value: internalQueryValue ?? ''
-                                }
-                            })
-                        })
-                    ]
-                }),
-                /*#__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,
-                                    fieldName: fields[0].value,
-                                    orIndex,
-                                    relation: 'and'
-                                }),
-                            round: true
-                        })
-                    ]
-                })
-            ]
-        })
+    t7 = _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, {
+              isClearable: false,
+              onChange: t5,
+              options: fields,
+              value: t6
+            })
+          }), _jsx("div", {
+            className: `${baseClass}__operator`,
+            children: _jsx(ReactSelect, {
+              disabled: !internalField?.value && typeof internalField?.value !== "number",
+              isClearable: false,
+              onChange: t8,
+              options: internalField?.operators,
+              value: internalField?.operators.find(operator_1 => internalOperatorOption === operator_1.value) || null
+            })
+          }), _jsx("div", {
+            className: `${baseClass}__value`,
+            children: t9
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__actions`,
+          children: [_jsx(Button, {
+            buttonStyle: "icon-label",
+            className: `${baseClass}__actions-remove`,
+            icon: "x",
+            iconStyle: "with-border",
+            onClick: t10,
+            round: true
+          }), _jsx(Button, {
+            buttonStyle: "icon-label",
+            className: `${baseClass}__actions-add`,
+            icon: "plus",
+            iconStyle: "with-border",
+            onClick: t11,
+            round: true
+          })]
+        })]
+      })
     });
+    $[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 {
+    t7 = $[50];
+  }
+  return t7;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":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  addCondition: ({\n    andIndex,\n    fieldName,\n    orIndex,\n    relation,\n  }: {\n    andIndex: number\n    fieldName: string\n    orIndex: number\n    relation: 'and' | 'or'\n  }) => void\n  andIndex: number\n  fieldName: string\n  fields: FieldCondition[]\n  initialValue: string\n  operator: Operator\n  orIndex: number\n  removeCondition: ({ andIndex, orIndex }: { andIndex: number; orIndex: number }) => void\n  updateCondition: ({\n    andIndex,\n    fieldName,\n    operator,\n    orIndex,\n    value,\n  }: {\n    andIndex: number\n    fieldName: string\n    operator: string\n    orIndex: number\n    value: string\n  }) => void\n}\n\nimport type { Operator } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { RenderCustomClientComponent } from '../../../elements/RenderCustomClientComponent/index.js'\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 { DateField } from './Date/index.js'\nimport { NumberField } from './Number/index.js'\nimport { RelationshipField } from './Relationship/index.js'\nimport { Select } from './Select/index.js'\nimport Text from './Text/index.js'\nimport './index.scss'\n\ntype ComponentType = 'Date' | 'Number' | 'Relationship' | 'Select' | 'Text'\nconst valueFields: Record<ComponentType, React.FC> = {\n  Date: DateField,\n  Number: NumberField,\n  Relationship: RelationshipField,\n  Select,\n  Text,\n}\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldName,\n    fields,\n    initialValue,\n    operator,\n    orIndex,\n    removeCondition,\n    updateCondition,\n  } = props\n  const [internalField, setInternalField] = useState<FieldCondition>(() =>\n    fields.find((field) => fieldName === field.value),\n  )\n  const { 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?.props?.type === 'checkbox'\n  const ValueComponent = booleanSelect\n    ? Select\n    : valueFields[internalField?.component] || valueFields.Text\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?.props && 'options' in internalField.props) {\n    valueOptions = internalField.props.options\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__inputs`}>\n          <div className={`${baseClass}__field`}>\n            <ReactSelect\n              isClearable={false}\n              onChange={(field: 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            <RenderCustomClientComponent\n              CustomComponent={internalField?.props?.admin?.components?.Filter}\n              DefaultComponent={ValueComponent}\n              componentProps={{\n                ...internalField?.props,\n                disabled: !internalOperatorOption,\n                onChange: setInternalQueryValue,\n                operator: internalOperatorOption,\n                options: valueOptions,\n                relationTo:\n                  internalField?.props?.type === 'relationship' &&\n                  'cellComponentProps' in internalField.props &&\n                  typeof internalField.props.cellComponentProps === 'object' &&\n                  'relationTo' in internalField.props.cellComponentProps\n                    ? internalField.props.cellComponentProps?.relationTo\n                    : undefined,\n                value: internalQueryValue ?? '',\n              }}\n            />\n          </div>\n        </div>\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__actions-remove`}\n            icon=\"x\"\n            iconStyle=\"with-border\"\n            onClick={() =>\n              removeCondition({\n                andIndex,\n                orIndex,\n              })\n            }\n            round\n          />\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__actions-add`}\n            icon=\"plus\"\n            iconStyle=\"with-border\"\n            onClick={() =>\n              addCondition({\n                andIndex: 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"],"names":["React","useEffect","useState","RenderCustomClientComponent","useDebounce","useTranslation","Button","ReactSelect","DateField","NumberField","RelationshipField","Select","Text","valueFields","Date","Number","Relationship","baseClass","Condition","props","addCondition","andIndex","fieldName","fields","initialValue","operator","orIndex","removeCondition","updateCondition","internalField","setInternalField","find","field","value","t","internalOperatorOption","setInternalOperatorOption","internalQueryValue","setInternalQueryValue","debouncedValue","undefined","includes","booleanSelect","type","ValueComponent","component","valueOptions","label","options","div","className","isClearable","onChange","f","disabled","operators","CustomComponent","admin","components","Filter","DefaultComponent","componentProps","relationTo","cellComponentProps","buttonStyle","icon","iconStyle","onClick","round","relation"],"mappings":"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"}
+{"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/index.scss

@@ -1,57 +1,59 @@
 @import '../../../scss/styles.scss';
 
-.condition {
-  &__wrap {
-    display: flex;
-    align-items: center;
-    gap: var(--base);
-  }
+@layer payload-default {
+  .condition {
+    &__wrap {
+      display: flex;
+      align-items: center;
+      gap: var(--base);
+    }
 
-  &__inputs {
-    display: flex;
-    flex-grow: 1;
-    align-items: center;
-    gap: var(--base);
+    &__inputs {
+      display: flex;
+      flex-grow: 1;
+      align-items: center;
+      gap: var(--base);
 
-    > div {
-      flex-basis: 100%;
+      > div {
+        flex-basis: 100%;
+      }
     }
-  }
 
-  &__field {
-    .field-label {
-      padding-bottom: 0;
+    &__field {
+      .field-label {
+        padding-bottom: 0;
+      }
     }
-  }
-
-  &__actions {
-    flex-shrink: 0;
-    display: flex;
-    gap: calc(var(--base) / 2);
-    padding: calc(var(--base) / 2) 0;
-  }
 
-  .btn {
-    vertical-align: middle;
-    margin: 0;
-  }
-
-  @include mid-break {
-    &__wrap {
-      align-items: initial;
+    &__actions {
+      flex-shrink: 0;
+      display: flex;
       gap: calc(var(--base) / 2);
+      padding: calc(var(--base) / 2) 0;
     }
 
-    &__inputs {
-      flex-direction: column;
-      gap: calc(var(--base) / 2);
-      align-items: stretch;
+    .btn {
+      vertical-align: middle;
+      margin: 0;
     }
 
-    &__actions {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
+    @include mid-break {
+      &__wrap {
+        align-items: initial;
+        gap: calc(var(--base) / 2);
+      }
+
+      &__inputs {
+        flex-direction: column;
+        gap: calc(var(--base) / 2);
+        align-items: stretch;
+      }
+
+      &__actions {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+      }
     }
   }
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"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"],"names":[],"mappings":"AAIA,WAMC"}
+{"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/field-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-types.d.ts","sourceRoot":"","sources":["../../../src/elements/WhereBuilder/field-types.tsx"],"names":[],"mappings":"AA+EA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDxB,CAAA;AAED,eAAe,mBAAmB,CAAA"}