@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

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

@@ -1,9 +1,9 @@
-import type { Operator, Option } from 'payload';
+import type { Option, SelectFieldClient } from 'payload';
+import type { DefaultFilterProps } from '../types.js';
 export type Props = {
-    disabled?: boolean;
-    onChange: (val: string) => void;
-    operator: Operator;
-    options: Option[];
-    value: string;
-};
+    readonly field: SelectFieldClient;
+    readonly onChange: (val: string) => void;
+    readonly options: Option[];
+    readonly value: string;
+} & DefaultFilterProps;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE/C,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,GAAG,kBAAkB,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAYhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAahC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","Text","t0","$","disabled","onChange","value","t","t1","e","target","t2","_jsx","className","placeholder","type"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n  return (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA6B;EACjE;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAKAG,EAAA,GAAAC,CAAA,IAAOJ,QAAA,CAASI,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,EAAA;IAH1CG,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAI,QAAA;MAAAC,QAAA,EAGWG,EAA8B;MAAAM,WAAA,EAC3BP,CAAA,CAAE;MAAAQ,IAAA,EACV;MAAAT,KAAA,EACEA,KAAA,IAAS;IAAA,C;;;;;;;;;SANlBK,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","Text","t0","$","disabled","onChange","value","t","t1","e","target","t2","_jsx","className","placeholder","type"],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = ({ disabled, onChange, value }) => {\n  const { t } = useTranslation()\n\n  return (\n    <input\n      className={baseClass}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      placeholder={t('general:enterAValue')}\n      type=\"text\"\n      value={value || ''}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,IAAA,GAAwBC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA6B;EACjE;IAAAK;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAMAG,EAAA,GAAAC,CAAA,IAAOJ,QAAA,CAASI,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAAH,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,EAAA;IAH1CG,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAAb,SAAA;MAAAI,QAAA;MAAAC,QAAA,EAGWG,EAA8B;MAAAM,WAAA,EAC3BP,CAAA,CAAE;MAAAQ,IAAA,EACV;MAAAT,KAAA,EACEA,KAAA,IAAS;IAAA,C;;;;;;;;;SANlBK,E;CASJ","ignoreList":[]}

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

@@ -1,5 +1,7 @@
 @import '../../../../scss/styles.scss';
 
-.condition-value-text {
-  @include formInput;
+@layer payload-default {
+  .condition-value-text {
+    @include formInput;
+  }
 }

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

@@ -1,6 +1,8 @@
+import type { TextFieldClient } from 'payload';
+import type { DefaultFilterProps } from '../types.js';
 export type Props = {
-    disabled?: boolean;
-    onChange: (val: string) => void;
-    value: string;
-};
+    readonly field: TextFieldClient;
+    readonly onChange: (val: string) => void;
+    readonly value: string;
+} & DefaultFilterProps;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,GAAG,kBAAkB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"sourcesContent":["export type Props = {\n  disabled?: boolean\n  onChange: (val: string) => void\n  value: string\n}\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/types.ts"],"sourcesContent":["import type { TextFieldClient } from 'payload'\n\nimport type { DefaultFilterProps } from '../types.js'\n\nexport type Props = {\n  readonly field: TextFieldClient\n  readonly onChange: (val: string) => void\n  readonly value: string\n} & DefaultFilterProps\n"],"mappings":"AAIA","ignoreList":[]}

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

@@ -17,6 +17,7 @@ export type Props = {
         andIndex: number;
         orIndex: number;
     }) => void;
+    readonly RenderedFilter: React.ReactNode;
     readonly updateCondition: ({ andIndex, fieldName, operator, orIndex, value, }: {
         andIndex: number;
         fieldName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,KAAK,GAAG,IAAI,CAAA;KACvB,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,cAAc,EAAE,CAAA;IACjC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChG,QAAQ,CAAC,eAAe,EAAE,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE;QACD,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;CACX,CAAA;AAED,OAAO,KAAK,EAA+B,QAAQ,EAAE,MAAM,SAAS,CAAA;AAcpE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiKrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,YAAY,EAAE,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,KAAK,GAAG,IAAI,CAAA;KACvB,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,MAAM,EAAE,cAAc,EAAE,CAAA;IACjC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,QAAQ,CAAC,eAAe,EAAE,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE;QACD,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;CACX,CAAA;AAED,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AASvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4IrC,CAAA"}

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 { 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 baseClass = 'condition';
 export const Condition = props => {
-  const $ = _c(64);
+  const $ = _c(68);
   const {
     addCondition,
     andIndex,
@@ -26,6 +21,7 @@ export const Condition = props => {
     operator,
     orIndex,
     removeCondition,
+    RenderedFilter,
     updateCondition
   } = props;
   let t0;
@@ -93,41 +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,
-      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 {
@@ -137,7 +122,7 @@ export const Condition = props => {
     if ($[27] !== t7) {
       t8 = {
         label: t7,
-        value: "true"
+        value: "false"
       };
       $[27] = t7;
       $[28] = t8;
@@ -145,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 || $[45] !== internalOperatorOption || $[46] !== internalQueryValue || $[47] !== valueOptions || $[48] !== ValueComponent || $[49] !== removeCondition || $[50] !== andIndex || $[51] !== orIndex || $[52] !== addCondition) {
-    let t10;
-    if ($[54] === 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);
       };
-      $[54] = t10;
+      $[51] = t8;
     } else {
-      t10 = $[54];
+      t8 = $[51];
     }
-    let t11;
-    if ($[55] !== removeCondition || $[56] !== andIndex || $[57] !== 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
       });
-      $[55] = removeCondition;
-      $[56] = andIndex;
-      $[57] = orIndex;
-      $[58] = t11;
+      $[59] = removeCondition;
+      $[60] = andIndex;
+      $[61] = orIndex;
+      $[62] = t10;
     } else {
-      t11 = $[58];
+      t10 = $[62];
     }
-    let t12;
-    if ($[59] !== addCondition || $[60] !== andIndex || $[61] !== fields || $[62] !== 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"
       });
-      $[59] = addCondition;
-      $[60] = andIndex;
-      $[61] = fields;
-      $[62] = orIndex;
-      $[63] = t12;
+      $[63] = addCondition;
+      $[64] = andIndex;
+      $[65] = fields;
+      $[66] = orIndex;
+      $[67] = t11;
     } else {
-      t12 = $[63];
+      t11 = $[67];
     }
-    t9 = _jsx("div", {
+    t7 = _jsx("div", {
       className: baseClass,
       children: _jsxs("div", {
         className: `${baseClass}__wrap`,
@@ -249,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`,
@@ -284,35 +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;
-    $[45] = internalOperatorOption;
-    $[46] = internalQueryValue;
-    $[47] = valueOptions;
-    $[48] = ValueComponent;
-    $[49] = removeCondition;
-    $[50] = andIndex;
-    $[51] = orIndex;
-    $[52] = addCondition;
-    $[53] = 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 = $[53];
+    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","relationship","select","text","valueFields","t6","Component","Filter","ValueComponent","valueOptions","t7","t8","label","t9","t10","t11","options","field_0","f","field_1","operator_0","t12","relation","_jsx","className","children","_jsxs","isClearable","onChange","disabled","operators","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 { 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\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    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/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;
+      }
     }
   }
 }