@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import type { Props } from './types.js';
 import './index.scss';
-declare const Text: React.FC<Props>;
-export default Text;
+export declare const Text: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAYzB,CAAA;AAED,eAAe,IAAI,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,CAYhC,CAAA"}

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

@@ -1,20 +1,47 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'condition-value-text';
-const Text = ({ disabled, onChange, value })=>{
-    const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx("input", {
-        className: baseClass,
-        disabled: disabled,
-        onChange: (e)=>onChange(e.target.value),
-        placeholder: t('general:enterAValue'),
-        type: "text",
-        value: value || ''
+export const Text = t0 => {
+  const $ = _c(7);
+  const {
+    disabled,
+    onChange,
+    value
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== onChange) {
+    t1 = e => onChange(e.target.value);
+    $[0] = onChange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t || $[3] !== value || $[4] !== disabled || $[5] !== t1) {
+    t2 = _jsx("input", {
+      className: baseClass,
+      disabled,
+      onChange: t1,
+      placeholder: t("general:enterAValue"),
+      type: "text",
+      value: value || ""
     });
+    $[2] = t;
+    $[3] = value;
+    $[4] = disabled;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-export default Text;
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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\nconst 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\nexport default Text\n"],"names":["React","useTranslation","baseClass","Text","disabled","onChange","value","t","input","className","e","target","placeholder","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,OAAwB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,EAAE;IAC1D,MAAM,EAAEC,CAAC,EAAE,GAAGN;IACd,qBACE,KAACO;QACCC,WAAWP;QACXE,UAAUA;QACVC,UAAU,CAACK,IAAML,SAASK,EAAEC,MAAM,CAACL,KAAK;QACxCM,aAAaL,EAAE;QACfM,MAAK;QACLP,OAAOA,SAAS;;AAGtB;AAEA,eAAeH,KAAI"}
+{"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":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"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"],"names":[],"mappings":"AAAA,WAIC"}
+{"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":[]}

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

@@ -1,23 +1,23 @@
 import React from 'react';
 import type { FieldCondition } from '../types.js';
 export type Props = {
-    addCondition: ({ andIndex, fieldName, orIndex, relation, }: {
+    readonly addCondition: ({ andIndex, fieldName, orIndex, relation, }: {
         andIndex: number;
         fieldName: string;
         orIndex: number;
         relation: 'and' | 'or';
     }) => void;
-    andIndex: number;
-    fieldName: string;
-    fields: FieldCondition[];
-    initialValue: string;
-    operator: Operator;
-    orIndex: number;
-    removeCondition: ({ andIndex, orIndex }: {
+    readonly andIndex: number;
+    readonly fieldName: string;
+    readonly fields: FieldCondition[];
+    readonly initialValue: string;
+    readonly operator: Operator;
+    readonly orIndex: number;
+    readonly removeCondition: ({ andIndex, orIndex }: {
         andIndex: number;
         orIndex: number;
     }) => void;
-    updateCondition: ({ andIndex, fieldName, operator, orIndex, value, }: {
+    readonly updateCondition: ({ andIndex, fieldName, operator, orIndex, value, }: {
         andIndex: number;
         fieldName: string;
         operator: 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,YAAY,EAAE,CAAC,EACb,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,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACvF,eAAe,EAAE,CAAC,EAChB,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;AAcvC,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiJrC,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,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;AAUpE,OAAO,cAAc,CAAA;AAQrB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkKrC,CAAA"}

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

@@ -1,151 +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 { RenderCustomClientComponent } from '../../../elements/RenderCustomClientComponent/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';
-import './index.scss';
-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 { 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(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 = [
-            t('general:true'),
-            t('general: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__*/ _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
-                        })
-                    ]
-                })
-            ]
-        })
+    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