@payloadcms/ui 3.0.0-beta.12 → 3.0.0-beta.121

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

@@ -1,129 +1,321 @@
+'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 { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js';
 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 './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 valueFields = {
-    Date: DateField,
-    Number: NumberField,
-    Relationship: RelationshipField,
-    Select,
-    Text
-};
+import { Text } from './Text/index.js';
 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 [internalOperatorOption, setInternalOperatorOption] = useState(operator);
-    const [internalQueryValue, setInternalQueryValue] = useState(initialValue);
-    const debouncedValue = useDebounce(internalQueryValue, 300);
-    useEffect(()=>{
-        // This is to trigger changes when the debounced value changes
-        if (internalField.value && internalOperatorOption && ![
-            null,
-            undefined
-        ].includes(debouncedValue)) {
-            updateCondition({
-                andIndex,
-                fieldName: internalField.value,
-                operator: internalOperatorOption,
-                orIndex,
-                value: debouncedValue
-            });
-        }
-    }, [
-        debouncedValue,
+export const Condition = props => {
+  const $ = _c(66);
+  const {
+    addCondition,
+    andIndex,
+    fieldName,
+    fields,
+    initialValue,
+    operator,
+    orIndex,
+    removeCondition,
+    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 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 t7;
+    if ($[25] !== t) {
+      t7 = t("general:true");
+      $[25] = t;
+      $[26] = t7;
+    } else {
+      t7 = $[26];
+    }
+    let t8;
+    if ($[27] !== t7) {
+      t8 = {
+        label: t7,
+        value: "true"
+      };
+      $[27] = t7;
+      $[28] = t8;
+    } else {
+      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"
+      };
+      $[31] = t9;
+      $[32] = t10;
+    } else {
+      t10 = $[32];
+    }
+    let t11;
+    if ($[33] !== t8 || $[34] !== t10) {
+      t11 = [t8, t10];
+      $[33] = t8;
+      $[34] = t10;
+      $[35] = t11;
+    } else {
+      t11 = $[35];
+    }
+    valueOptions = t11;
+  } else {
+    if (internalField?.field && "options" in internalField.field) {
+      valueOptions = internalField.field.options;
+    }
+  }
+  let t7;
+  if ($[36] !== fields) {
+    t7 = field_0 => {
+      setInternalField(fields.find(f => f.value === field_0.value));
+      setInternalOperatorOption(undefined);
+      setInternalQueryValue(undefined);
+    };
+    $[36] = fields;
+    $[37] = t7;
+  } else {
+    t7 = $[37];
+  }
+  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;
+  } else {
+    t8 = $[40];
+  }
+  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 => {
+        setInternalOperatorOption(operator_0.value);
+      };
+      $[56] = t10;
+    } else {
+      t10 = $[56];
+    }
+    let t11;
+    if ($[57] !== removeCondition || $[58] !== andIndex || $[59] !== orIndex) {
+      t11 = () => removeCondition({
         andIndex,
-        internalField?.value,
-        internalOperatorOption,
+        orIndex
+      });
+      $[57] = removeCondition;
+      $[58] = andIndex;
+      $[59] = orIndex;
+      $[60] = t11;
+    } else {
+      t11 = $[60];
+    }
+    let t12;
+    if ($[61] !== addCondition || $[62] !== andIndex || $[63] !== fields || $[64] !== orIndex) {
+      t12 = () => 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 = [
-            'true',
-            'false'
-        ];
-    } else if (internalField?.props && 'options' in internalField.props) {
-        valueOptions = internalField.props.options;
+        relation: "and"
+      });
+      $[61] = addCondition;
+      $[62] = andIndex;
+      $[63] = fields;
+      $[64] = orIndex;
+      $[65] = t12;
+    } else {
+      t12 = $[65];
     }
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__inputs`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__field`
-    }, /*#__PURE__*/ React.createElement(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__*/ React.createElement("div", {
-        className: `${baseClass}__operator`
-    }, /*#__PURE__*/ React.createElement(ReactSelect, {
-        disabled: !internalField.value,
-        isClearable: false,
-        onChange: (operator)=>{
-            setInternalOperatorOption(operator.value);
-        },
-        options: internalField?.operators,
-        value: internalField?.operators.find((operator)=>internalOperatorOption === operator.value) || null
-    })), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__value`
-    }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-        CustomComponent: internalField?.props?.admin?.components?.Filter,
-        DefaultComponent: ValueComponent,
-        componentProps: {
-            ...internalField?.props,
-            disabled: !internalOperatorOption,
-            onChange: setInternalQueryValue,
-            operator: internalOperatorOption,
-            options: valueOptions,
-            relationTo: internalField?.props?.type === 'relationship' && 'cellProps' in internalField.props && typeof internalField.props.cellProps === 'object' && 'relationTo' in internalField.props.cellProps ? internalField.props.cellProps?.relationTo : undefined,
-            value: internalQueryValue ?? ''
-        }
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__actions`
-    }, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__actions-remove`,
-        icon: "x",
-        iconStyle: "with-border",
-        onClick: ()=>removeCondition({
-                andIndex,
-                orIndex
-            }),
-        round: true
-    }), /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "icon-label",
-        className: `${baseClass}__actions-add`,
-        icon: "plus",
-        iconStyle: "with-border",
-        onClick: ()=>addCondition({
-                andIndex,
-                fieldName,
-                orIndex,
-                relation: 'and'
-            }),
-        round: true
-    }))));
+    t9 = _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: t7,
+              options: fields,
+              value: t8
+            })
+          }), _jsx("div", {
+            className: `${baseClass}__operator`,
+            children: _jsx(ReactSelect, {
+              disabled: !internalField?.value && typeof internalField?.value !== "number",
+              isClearable: false,
+              onChange: t10,
+              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
+            })
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__actions`,
+          children: [_jsx(Button, {
+            buttonStyle: "icon-label",
+            className: `${baseClass}__actions-remove`,
+            icon: "x",
+            iconStyle: "with-border",
+            onClick: t11,
+            round: true
+          }), _jsx(Button, {
+            buttonStyle: "icon-label",
+            className: `${baseClass}__actions-add`,
+            icon: "plus",
+            iconStyle: "with-border",
+            onClick: t12,
+            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;
+  } else {
+    t9 = $[55];
+  }
+  return t9;
 };
-
 //# sourceMappingURL=index.js.map

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

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

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/types';
+import type { Where } from 'payload';
 import type { Action, FieldCondition } from '../types.js';
 export type Props = {
     andIndex: number;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,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,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"}

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/types'\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":[],"rangeMappings":"","mappings":"AAIA,WAMC"}
+{"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":[]}

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"}