@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../../../providers/Translation/index.js';
@@ -60,7 +60,7 @@ export const Select = ({ disabled, field: { admin: { placeholder } }, isClearabl
         onChange,
         value
     ]);
-    return /*#__PURE__*/ _jsx(ReactSelect, {
+    return /*#__PURE__*/ _jsxDEV(ReactSelect, {
         disabled: disabled,
         isClearable: isClearable,
         isMulti: isMulti,
@@ -71,7 +71,11 @@ export const Select = ({ disabled, field: { admin: { placeholder } }, isClearabl
             })),
         placeholder: placeholder,
         value: valueToRender
-    });
+    }, void 0, false, {
+        fileName: "src/elements/WhereBuilder/Condition/Select/index.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"names":["getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","disabled","field","admin","placeholder","isClearable","onChange","operator","options","optionsFromProps","value","i18n","setOptions","useState","isMulti","includes","valueToRender","Array","isArray","map","val","matchingOption","find","option","label","onSelect","useCallback","selectedOption","newValue","useEffect"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,SAA0B,CAAC,EACtCC,QAAQ,EACRC,OAAO,EACLC,OAAO,EAAEC,WAAW,EAAE,EACvB,EACDC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAASC,gBAAgB,EACzBC,KAAK,EACN;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,CAACW,SAASI,WAAW,GAAGhB,MAAMiB,QAAQ,CAACd,cAAcU;IAE3D,MAAMK,UAAU;QAAC;QAAM;KAAS,CAACC,QAAQ,CAACR;IAC1C,IAAIS;IAEJ,IAAIF,WAAWG,MAAMC,OAAO,CAACR,QAAQ;QACnCM,gBAAgBN,MAAMS,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBb,QAAQc,IAAI,CAAC,CAACC,SAAWA,OAAOb,KAAK,KAAKU;YACjE,OAAO;gBACLI,OAAOH,iBAAiB1B,eAAe0B,eAAeG,KAAK,EAAEb,QAAQS;gBACrEV,OAAOW,gBAAgBX,SAASU;YAClC;QACF;IACF,OAAO,IAAIV,OAAO;QAChB,MAAMW,iBAAiBb,QAAQc,IAAI,CAAC,CAACC,SAAWA,OAAOb,KAAK,KAAKA;QACjEM,gBAAgB;YACdQ,OAAOH,iBAAiB1B,eAAe0B,eAAeG,KAAK,EAAEb,QAAQD;YACrEA,OAAOW,gBAAgBX,SAASA;QAClC;IACF;IAEA,MAAMe,WAAW7B,MAAM8B,WAAW,CAChC,CAACC;QACC,IAAIC;QAEJ,IAAI,CAACD,gBAAgB;YACnBC,WAAW;QACb,OAAO,IAAId,SAAS;YAClB,IAAIG,MAAMC,OAAO,CAACS,iBAAiB;gBACjCC,WAAWD,eAAeR,GAAG,CAAC,CAACI,SAAWA,OAAOb,KAAK;YACxD,OAAO;gBACLkB,WAAW,EAAE;YACf;QACF,OAAO;YACLA,WAAWD,eAAejB,KAAK;QACjC;QAEAJ,SAASsB;IACX,GACA;QAACd;QAASR;KAAS;IAGrBV,MAAMiC,SAAS,CAAC;QACdjB,WAAWb,cAAcU;IAC3B,GAAG;QAACA;KAAiB;IAErBb,MAAMiC,SAAS,CAAC;QACd,IAAI,CAACf,WAAWG,MAAMC,OAAO,CAACR,QAAQ;YACpCJ,SAASI,KAAK,CAAC,EAAE;QACnB;IACF,GAAG;QAACI;QAASR;QAAUI;KAAM;IAE7B,qBACE,KAACZ;QACCG,UAAUA;QACVI,aAAaA;QACbS,SAASA;QACTR,UAAUmB;QACVjB,SAASA,QAAQW,GAAG,CAAC,CAACI,SAAY,CAAA;gBAAE,GAAGA,MAAM;gBAAEC,OAAO7B,eAAe4B,OAAOC,KAAK,EAAEb;YAAM,CAAA;QACzFP,aAAaA;QACbM,OAAOM;;AAGb,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport { formatOptions } from './formatOptions.js'\n\nexport const Select: React.FC<Props> = ({\n  disabled,\n  field: {\n    admin: { placeholder },\n  },\n  isClearable,\n  onChange,\n  operator,\n  options: optionsFromProps,\n  value,\n}) => {\n  const { i18n } = useTranslation()\n  const [options, setOptions] = React.useState(formatOptions(optionsFromProps))\n\n  const isMulti = ['in', 'not_in'].includes(operator)\n  let valueToRender\n\n  if (isMulti && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n\n      if (!selectedOption) {\n        newValue = null\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value)\n        } else {\n          newValue = []\n        }\n      } else {\n        newValue = selectedOption.value\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    setOptions(formatOptions(optionsFromProps))\n  }, [optionsFromProps])\n\n  React.useEffect(() => {\n    if (!isMulti && Array.isArray(value)) {\n      onChange(value[0])\n    }\n  }, [isMulti, onChange, value])\n\n  return (\n    <ReactSelect\n      disabled={disabled}\n      isClearable={isClearable}\n      isMulti={isMulti}\n      onChange={onSelect}\n      options={options.map((option) => ({ ...option, label: getTranslation(option.label, i18n) }))}\n      placeholder={placeholder}\n      value={valueToRender}\n    />\n  )\n}\n"],"names":["getTranslation","React","useTranslation","ReactSelect","formatOptions","Select","disabled","field","admin","placeholder","isClearable","onChange","operator","options","optionsFromProps","value","i18n","setOptions","useState","isMulti","includes","valueToRender","Array","isArray","map","val","matchingOption","find","option","label","onSelect","useCallback","selectedOption","newValue","useEffect"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,SAA0B,CAAC,EACtCC,QAAQ,EACRC,OAAO,EACLC,OAAO,EAAEC,WAAW,EAAE,EACvB,EACDC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAASC,gBAAgB,EACzBC,KAAK,EACN;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,CAACW,SAASI,WAAW,GAAGhB,MAAMiB,QAAQ,CAACd,cAAcU;IAE3D,MAAMK,UAAU;QAAC;QAAM;KAAS,CAACC,QAAQ,CAACR;IAC1C,IAAIS;IAEJ,IAAIF,WAAWG,MAAMC,OAAO,CAACR,QAAQ;QACnCM,gBAAgBN,MAAMS,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBb,QAAQc,IAAI,CAAC,CAACC,SAAWA,OAAOb,KAAK,KAAKU;YACjE,OAAO;gBACLI,OAAOH,iBAAiB1B,eAAe0B,eAAeG,KAAK,EAAEb,QAAQS;gBACrEV,OAAOW,gBAAgBX,SAASU;YAClC;QACF;IACF,OAAO,IAAIV,OAAO;QAChB,MAAMW,iBAAiBb,QAAQc,IAAI,CAAC,CAACC,SAAWA,OAAOb,KAAK,KAAKA;QACjEM,gBAAgB;YACdQ,OAAOH,iBAAiB1B,eAAe0B,eAAeG,KAAK,EAAEb,QAAQD;YACrEA,OAAOW,gBAAgBX,SAASA;QAClC;IACF;IAEA,MAAMe,WAAW7B,MAAM8B,WAAW,CAChC,CAACC;QACC,IAAIC;QAEJ,IAAI,CAACD,gBAAgB;YACnBC,WAAW;QACb,OAAO,IAAId,SAAS;YAClB,IAAIG,MAAMC,OAAO,CAACS,iBAAiB;gBACjCC,WAAWD,eAAeR,GAAG,CAAC,CAACI,SAAWA,OAAOb,KAAK;YACxD,OAAO;gBACLkB,WAAW,EAAE;YACf;QACF,OAAO;YACLA,WAAWD,eAAejB,KAAK;QACjC;QAEAJ,SAASsB;IACX,GACA;QAACd;QAASR;KAAS;IAGrBV,MAAMiC,SAAS,CAAC;QACdjB,WAAWb,cAAcU;IAC3B,GAAG;QAACA;KAAiB;IAErBb,MAAMiC,SAAS,CAAC;QACd,IAAI,CAACf,WAAWG,MAAMC,OAAO,CAACR,QAAQ;YACpCJ,SAASI,KAAK,CAAC,EAAE;QACnB;IACF,GAAG;QAACI;QAASR;QAAUI;KAAM;IAE7B,qBACE,QAACZ;QACCG,UAAUA;QACVI,aAAaA;QACbS,SAASA;QACTR,UAAUmB;QACVjB,SAASA,QAAQW,GAAG,CAAC,CAACI,SAAY,CAAA;gBAAE,GAAGA,MAAM;gBAAEC,OAAO7B,eAAe4B,OAAOC,KAAK,EAAEb;YAAM,CAAA;QACzFP,aAAaA;QACbM,OAAOM;;;;;;AAGb,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { ReactSelect } from '../../../ReactSelect/index.js';
@@ -50,7 +50,7 @@ export const Text = (props)=>{
     }, [
         value
     ]);
-    return isMulti ? /*#__PURE__*/ _jsx(ReactSelect, {
+    return isMulti ? /*#__PURE__*/ _jsxDEV(ReactSelect, {
         disabled: disabled,
         isClearable: true,
         isCreatable: true,
@@ -60,14 +60,22 @@ export const Text = (props)=>{
         options: [],
         placeholder: t('general:enterAValue'),
         value: valueToRender || []
-    }) : /*#__PURE__*/ _jsx("input", {
+    }, void 0, false, {
+        fileName: "src/elements/WhereBuilder/Condition/Text/index.tsx",
+        lineNumber: 66,
+        columnNumber: 5
+    }, this) : /*#__PURE__*/ _jsxDEV("input", {
         className: baseClass,
         disabled: disabled,
         onChange: (e)=>onChange(e.target.value),
         placeholder: t('general:enterAValue'),
         type: "text",
         value: value || ''
-    });
+    }, void 0, false, {
+        fileName: "src/elements/WhereBuilder/Condition/Text/index.tsx",
+        lineNumber: 78,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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 { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { hasMany },\n    onChange,\n    operator,\n    value,\n  } = props\n  const { t } = useTranslation()\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\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"],"names":["React","useTranslation","ReactSelect","baseClass","Text","props","disabled","field","hasMany","onChange","operator","value","t","isMulti","includes","valueToRender","setValueToRender","useState","onSelect","useCallback","selectedOption","newValue","Array","isArray","map","option","useEffect","val","index","id","label","toString","isClearable","isCreatable","isSortable","options","placeholder","input","className","e","target","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EACJC,QAAQ,EACRC,OAAO,EAAEC,OAAO,EAAE,EAClBC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACN,GAAGN;IACJ,MAAM,EAAEO,CAAC,EAAE,GAAGX;IAEd,MAAMY,UAAU;QAAC;QAAM;KAAS,CAACC,QAAQ,CAACJ,aAAaF;IAEvD,MAAM,CAACO,eAAeC,iBAAiB,GAAGhB,MAAMiB,QAAQ,CAEtD,EAAE;IAEJ,MAAMC,WAAWlB,MAAMmB,WAAW,CAChC,CAACC;QACC,IAAIC;QACJ,IAAI,CAACD,gBAAgB;YACnBC,WAAW,EAAE;QACf,OAAO,IAAIR,SAAS;YAClB,IAAIS,MAAMC,OAAO,CAACH,iBAAiB;gBACjCC,WAAWD,eAAeI,GAAG,CAAC,CAACC,SAAWA,OAAOd,KAAK,EAAEA,SAASc,OAAOd,KAAK;YAC/E,OAAO;gBACLU,WAAW;oBAACD,eAAeT,KAAK,EAAEA,SAASS,eAAeT,KAAK;iBAAC;YAClE;QACF;QAEAF,SAASY;IACX,GACA;QAACR;QAASJ;KAAS;IAGrBT,MAAM0B,SAAS,CAAC;QACd,IAAIJ,MAAMC,OAAO,CAACZ,QAAQ;YACxBK,iBACEL,MAAMa,GAAG,CAAC,CAACG,KAAKC;gBACd,OAAO;oBACLC,IAAI,GAAGF,MAAMC,OAAO;oBAAE,mEAAmE;oBACzFE,OAAO,GAAGH,KAAK;oBACfhB,OAAO;wBACLoB,UAAU,IAAM,GAAGJ,MAAMC,OAAO;wBAChCjB,OAAO,AAACgB,KAAahB,SAASgB;oBAChC;gBACF;YACF;QAEJ,OAAO;YACLX,iBAAiB,EAAE;QACrB;IACF,GAAG;QAACL;KAAM;IAEV,OAAOE,wBACL,KAACX;QACCI,UAAUA;QACV0B,WAAW;QACXC,WAAW;QACXpB,SAASA;QACTqB,UAAU;QACVzB,UAAUS;QACViB,SAAS,EAAE;QACXC,aAAaxB,EAAE;QACfD,OAAOI,iBAAiB,EAAE;uBAG5B,KAACsB;QACCC,WAAWnC;QACXG,UAAUA;QACVG,UAAU,CAAC8B,IAAM9B,SAAS8B,EAAEC,MAAM,CAAC7B,KAAK;QACxCyB,aAAaxB,EAAE;QACf6B,MAAK;QACL9B,OAAOA,SAAS;;AAGtB,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/WhereBuilder/Condition/Text/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { TextFilterProps as Props } from './types.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { ReactSelect } from '../../../ReactSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'condition-value-text'\n\nexport const Text: React.FC<Props> = (props) => {\n  const {\n    disabled,\n    field: { hasMany },\n    onChange,\n    operator,\n    value,\n  } = props\n  const { t } = useTranslation()\n\n  const isMulti = ['in', 'not_in'].includes(operator) || hasMany\n\n  const [valueToRender, setValueToRender] = React.useState<\n    { id: string; label: string; value: { value: string } }[]\n  >([])\n\n  const onSelect = React.useCallback(\n    (selectedOption) => {\n      let newValue\n      if (!selectedOption) {\n        newValue = []\n      } else if (isMulti) {\n        if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => option.value?.value || option.value)\n        } else {\n          newValue = [selectedOption.value?.value || selectedOption.value]\n        }\n      }\n\n      onChange(newValue)\n    },\n    [isMulti, onChange],\n  )\n\n  React.useEffect(() => {\n    if (Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as any)?.value || val,\n            },\n          }\n        }),\n      )\n    } else {\n      setValueToRender([])\n    }\n  }, [value])\n\n  return isMulti ? (\n    <ReactSelect\n      disabled={disabled}\n      isClearable\n      isCreatable\n      isMulti={isMulti}\n      isSortable\n      onChange={onSelect}\n      options={[]}\n      placeholder={t('general:enterAValue')}\n      value={valueToRender || []}\n    />\n  ) : (\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"],"names":["React","useTranslation","ReactSelect","baseClass","Text","props","disabled","field","hasMany","onChange","operator","value","t","isMulti","includes","valueToRender","setValueToRender","useState","onSelect","useCallback","selectedOption","newValue","Array","isArray","map","option","useEffect","val","index","id","label","toString","isClearable","isCreatable","isSortable","options","placeholder","input","className","e","target","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAwB,CAACC;IACpC,MAAM,EACJC,QAAQ,EACRC,OAAO,EAAEC,OAAO,EAAE,EAClBC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACN,GAAGN;IACJ,MAAM,EAAEO,CAAC,EAAE,GAAGX;IAEd,MAAMY,UAAU;QAAC;QAAM;KAAS,CAACC,QAAQ,CAACJ,aAAaF;IAEvD,MAAM,CAACO,eAAeC,iBAAiB,GAAGhB,MAAMiB,QAAQ,CAEtD,EAAE;IAEJ,MAAMC,WAAWlB,MAAMmB,WAAW,CAChC,CAACC;QACC,IAAIC;QACJ,IAAI,CAACD,gBAAgB;YACnBC,WAAW,EAAE;QACf,OAAO,IAAIR,SAAS;YAClB,IAAIS,MAAMC,OAAO,CAACH,iBAAiB;gBACjCC,WAAWD,eAAeI,GAAG,CAAC,CAACC,SAAWA,OAAOd,KAAK,EAAEA,SAASc,OAAOd,KAAK;YAC/E,OAAO;gBACLU,WAAW;oBAACD,eAAeT,KAAK,EAAEA,SAASS,eAAeT,KAAK;iBAAC;YAClE;QACF;QAEAF,SAASY;IACX,GACA;QAACR;QAASJ;KAAS;IAGrBT,MAAM0B,SAAS,CAAC;QACd,IAAIJ,MAAMC,OAAO,CAACZ,QAAQ;YACxBK,iBACEL,MAAMa,GAAG,CAAC,CAACG,KAAKC;gBACd,OAAO;oBACLC,IAAI,GAAGF,MAAMC,OAAO;oBAAE,mEAAmE;oBACzFE,OAAO,GAAGH,KAAK;oBACfhB,OAAO;wBACLoB,UAAU,IAAM,GAAGJ,MAAMC,OAAO;wBAChCjB,OAAO,AAACgB,KAAahB,SAASgB;oBAChC;gBACF;YACF;QAEJ,OAAO;YACLX,iBAAiB,EAAE;QACrB;IACF,GAAG;QAACL;KAAM;IAEV,OAAOE,wBACL,QAACX;QACCI,UAAUA;QACV0B,WAAW;QACXC,WAAW;QACXpB,SAASA;QACTqB,UAAU;QACVzB,UAAUS;QACViB,SAAS,EAAE;QACXC,aAAaxB,EAAE;QACfD,OAAOI,iBAAiB,EAAE;;;;;6BAG5B,QAACsB;QACCC,WAAWnC;QACXG,UAAUA;QACVG,UAAU,CAAC8B,IAAM9B,SAAS8B,EAAEC,MAAM,CAAC7B,KAAK;QACxCyB,aAAaxB,EAAE;QACf6B,MAAK;QACL9B,OAAOA,SAAS;;;;;;AAGtB,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useEffect, useState } from 'react';
 import { useDebounce } from '../../../hooks/useDebounce.js';
 import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
@@ -93,17 +93,17 @@ export const Condition = (props)=>{
         updateCondition,
         value
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__wrap`,
             children: [
-                /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__inputs`,
                     children: [
-                        /*#__PURE__*/ _jsx("div", {
+                        /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__field`,
-                            children: /*#__PURE__*/ _jsx(ReactSelect, {
+                            children: /*#__PURE__*/ _jsxDEV(ReactSelect, {
                                 disabled: disabled,
                                 filterOption: (option, inputValue)=>(option?.data?.plainTextLabel || option.label).toLowerCase().includes(inputValue.toLowerCase()),
                                 isClearable: false,
@@ -112,21 +112,37 @@ export const Condition = (props)=>{
                                 value: reducedField || {
                                     value: reducedField?.value
                                 }
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx("div", {
+                            }, void 0, false, {
+                                fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                                lineNumber: 145,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 144,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__operator`,
-                            children: /*#__PURE__*/ _jsx(ReactSelect, {
+                            children: /*#__PURE__*/ _jsxDEV(ReactSelect, {
                                 disabled: disabled,
                                 isClearable: false,
                                 onChange: handleOperatorChange,
                                 options: reducedField?.operators,
                                 value: reducedField?.operators.find((o)=>operator === o.value) || null
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx("div", {
+                            }, void 0, false, {
+                                fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                                lineNumber: 163,
+                                columnNumber: 13
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 162,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("div", {
                             className: `${baseClass}__value`,
-                            children: RenderedFilter || /*#__PURE__*/ _jsx(DefaultFilter, {
+                            children: RenderedFilter || /*#__PURE__*/ _jsxDEV(DefaultFilter, {
                                 booleanSelect: booleanSelect,
                                 disabled: !operator || !reducedField || reducedField?.field?.admin?.disableListFilter,
                                 filterOptions: filterOptions,
@@ -135,14 +151,26 @@ export const Condition = (props)=>{
                                 operator: operator,
                                 options: valueOptions,
                                 value: internalValue ?? ''
-                            })
-                        })
+                            }, void 0, false, {
+                                fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                                lineNumber: 173,
+                                columnNumber: 15
+                            }, this)
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 171,
+                            columnNumber: 11
+                        }, this)
                     ]
-                }),
-                /*#__PURE__*/ _jsxs("div", {
+                }, void 0, true, {
+                    fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                    lineNumber: 143,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__actions`,
                     children: [
-                        /*#__PURE__*/ _jsx(Button, {
+                        /*#__PURE__*/ _jsxDEV(Button, {
                             buttonStyle: "icon-label",
                             className: `${baseClass}__actions-remove`,
                             icon: "x",
@@ -152,8 +180,12 @@ export const Condition = (props)=>{
                                     orIndex
                                 }),
                             round: true
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 189,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(Button, {
                             buttonStyle: "icon-label",
                             className: `${baseClass}__actions-add`,
                             icon: "plus",
@@ -165,12 +197,28 @@ export const Condition = (props)=>{
                                     relation: 'and'
                                 }),
                             round: true
-                        })
+                        }, void 0, false, {
+                            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                            lineNumber: 202,
+                            columnNumber: 11
+                        }, this)
                     ]
-                })
+                }, void 0, true, {
+                    fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+                    lineNumber: 188,
+                    columnNumber: 9
+                }, this)
             ]
-        })
-    });
+        }, void 0, true, {
+            fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+            lineNumber: 142,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/WhereBuilder/Condition/index.tsx",
+        lineNumber: 141,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly fieldPath: string\n  readonly filterOptions: ResolvedFilterOptions\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.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 { getOperatorValueTypes } from './validOperators.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldPath,\n    filterOptions,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.value === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  const disabled =\n    (!reducedField?.value && typeof reducedField?.value !== 'number') ||\n    reducedField?.field?.admin?.disableListFilter\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.value === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\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              disabled={disabled}\n              filterOption={(option, inputValue) =>\n                ((option?.data?.plainTextLabel as string) || option.label)\n                  .toLowerCase()\n                  .includes(inputValue.toLowerCase())\n              }\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields.filter((field) => !field.field.admin.disableListFilter)}\n              value={\n                reducedField || {\n                  value: reducedField?.value,\n                }\n              }\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || reducedField?.field?.admin?.disableListFilter\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\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                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex,\n                relation: 'and',\n              })\n            }\n            round\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","useCallback","useEffect","useState","useDebounce","useEffectEvent","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","addCondition","andIndex","fieldPath","filterOptions","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","undefined","disabled","admin","disableListFilter","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","div","className","filterOption","inputValue","data","plainTextLabel","toLowerCase","isClearable","onChange","filter","operators","o","internalField","buttonStyle","icon","iconStyle","onClick","round","relation"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/WhereBuilder/Condition/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type {\n  AddCondition,\n  ReducedField,\n  RemoveCondition,\n  UpdateCondition,\n  Value,\n} from '../types.js'\n\nexport type Props = {\n  readonly addCondition: AddCondition\n  readonly andIndex: number\n  readonly fieldPath: string\n  readonly filterOptions: ResolvedFilterOptions\n  readonly operator: Operator\n  readonly orIndex: number\n  readonly reducedFields: ReducedField[]\n  readonly removeCondition: RemoveCondition\n  readonly RenderedFilter: React.ReactNode\n  readonly updateCondition: UpdateCondition\n  readonly value: Value\n}\n\nimport type { Operator, Option as PayloadOption, ResolvedFilterOptions } from 'payload'\n\nimport type { Option } from '../../ReactSelect/index.js'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.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 { getOperatorValueTypes } from './validOperators.js'\nimport './index.scss'\n\nconst baseClass = 'condition'\n\nexport const Condition: React.FC<Props> = (props) => {\n  const {\n    addCondition,\n    andIndex,\n    fieldPath,\n    filterOptions,\n    operator,\n    orIndex,\n    reducedFields,\n    removeCondition,\n    RenderedFilter,\n    updateCondition,\n    value,\n  } = props\n\n  const { t } = useTranslation()\n\n  const reducedField = reducedFields.find((field) => field.value === fieldPath)\n\n  const [internalValue, setInternalValue] = useState<Value>(value)\n\n  const debouncedValue = useDebounce(internalValue, 300)\n\n  const booleanSelect = ['exists'].includes(operator) || reducedField?.field?.type === 'checkbox'\n\n  let valueOptions: PayloadOption[] = []\n\n  if (booleanSelect) {\n    valueOptions = [\n      { label: t('general:true'), value: 'true' },\n      { label: t('general:false'), value: 'false' },\n    ]\n  } else if (reducedField?.field && 'options' in reducedField.field) {\n    valueOptions = reducedField.field.options\n  }\n\n  const updateValue = useEffectEvent(async (debouncedValue: Value) => {\n    if (operator) {\n      await updateCondition({\n        type: 'value',\n        andIndex,\n        field: reducedField,\n        operator,\n        orIndex,\n        value: debouncedValue === null || debouncedValue === '' ? undefined : debouncedValue,\n      })\n    }\n  })\n\n  useEffect(() => {\n    void updateValue(debouncedValue)\n  }, [debouncedValue])\n\n  const disabled =\n    (!reducedField?.value && typeof reducedField?.value !== 'number') ||\n    reducedField?.field?.admin?.disableListFilter\n\n  const handleFieldChange = useCallback(\n    async (field: Option<string>) => {\n      setInternalValue(undefined)\n      await updateCondition({\n        type: 'field',\n        andIndex,\n        field: reducedFields.find((option) => option.value === field.value),\n        operator,\n        orIndex,\n        value: undefined,\n      })\n    },\n    [andIndex, operator, orIndex, reducedFields, updateCondition],\n  )\n\n  const handleOperatorChange = useCallback(\n    async (operator: Option<Operator>) => {\n      const operatorValueTypes = getOperatorValueTypes(reducedField.field.type)\n      const validOperatorValue = operatorValueTypes[operator.value] || 'any'\n      const isValidValue =\n        validOperatorValue === 'any' ||\n        typeof value === validOperatorValue ||\n        (validOperatorValue === 'boolean' && (value === 'true' || value === 'false'))\n\n      if (!isValidValue) {\n        // if the current value is not valid for the new operator\n        // reset the value before passing it to updateCondition\n        setInternalValue(undefined)\n      }\n\n      await updateCondition({\n        type: 'operator',\n        andIndex,\n        field: reducedField,\n        operator: operator.value,\n        orIndex,\n        value: isValidValue ? value : undefined,\n      })\n    },\n    [andIndex, reducedField, orIndex, updateCondition, value],\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              disabled={disabled}\n              filterOption={(option, inputValue) =>\n                ((option?.data?.plainTextLabel as string) || option.label)\n                  .toLowerCase()\n                  .includes(inputValue.toLowerCase())\n              }\n              isClearable={false}\n              onChange={handleFieldChange}\n              options={reducedFields.filter((field) => !field.field.admin.disableListFilter)}\n              value={\n                reducedField || {\n                  value: reducedField?.value,\n                }\n              }\n            />\n          </div>\n          <div className={`${baseClass}__operator`}>\n            <ReactSelect\n              disabled={disabled}\n              isClearable={false}\n              onChange={handleOperatorChange}\n              options={reducedField?.operators}\n              value={reducedField?.operators.find((o) => operator === o.value) || null}\n            />\n          </div>\n          <div className={`${baseClass}__value`}>\n            {RenderedFilter || (\n              <DefaultFilter\n                booleanSelect={booleanSelect}\n                disabled={\n                  !operator || !reducedField || reducedField?.field?.admin?.disableListFilter\n                }\n                filterOptions={filterOptions}\n                internalField={reducedField}\n                onChange={setInternalValue}\n                operator={operator}\n                options={valueOptions}\n                value={internalValue ?? ''}\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                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex,\n                relation: 'and',\n              })\n            }\n            round\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","useCallback","useEffect","useState","useDebounce","useEffectEvent","useTranslation","Button","ReactSelect","DefaultFilter","getOperatorValueTypes","baseClass","Condition","props","addCondition","andIndex","fieldPath","filterOptions","operator","orIndex","reducedFields","removeCondition","RenderedFilter","updateCondition","value","t","reducedField","find","field","internalValue","setInternalValue","debouncedValue","booleanSelect","includes","type","valueOptions","label","options","updateValue","undefined","disabled","admin","disableListFilter","handleFieldChange","option","handleOperatorChange","operatorValueTypes","validOperatorValue","isValidValue","div","className","filterOption","inputValue","data","plainTextLabel","toLowerCase","isClearable","onChange","filter","operators","o","internalField","buttonStyle","icon","iconStyle","onClick","round","relation"],"mappings":"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"}

package/dist/elements/WhereBuilder/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { transformWhereQuery, validateWhereQuery } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -116,41 +116,53 @@ const baseClass = 'where-builder';
         conditions,
         handleWhereChange
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            conditions.length > 0 && /*#__PURE__*/ _jsxs(React.Fragment, {
+            conditions.length > 0 && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx("p", {
+                    /*#__PURE__*/ _jsxDEV("p", {
                         className: `${baseClass}__label`,
                         children: t('general:filterWhere', {
                             label: getTranslation(collectionPluralLabel, i18n)
                         })
-                    }),
-                    /*#__PURE__*/ _jsx("ul", {
+                    }, void 0, false, {
+                        fileName: "src/elements/WhereBuilder/index.tsx",
+                        lineNumber: 136,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("ul", {
                         className: `${baseClass}__or-filters`,
                         children: conditions.map((or, orIndex)=>{
                             const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`;
-                            return /*#__PURE__*/ _jsxs("li", {
+                            return /*#__PURE__*/ _jsxDEV("li", {
                                 children: [
-                                    orIndex !== 0 && /*#__PURE__*/ _jsx("div", {
+                                    orIndex !== 0 && /*#__PURE__*/ _jsxDEV("div", {
                                         className: `${baseClass}__label`,
                                         children: t('general:or')
-                                    }),
-                                    /*#__PURE__*/ _jsx("ul", {
+                                    }, void 0, false, {
+                                        fileName: "src/elements/WhereBuilder/index.tsx",
+                                        lineNumber: 145,
+                                        columnNumber: 37
+                                    }, this),
+                                    /*#__PURE__*/ _jsxDEV("ul", {
                                         className: `${baseClass}__and-filters`,
                                         children: Array.isArray(or?.and) && or.and.map((_, andIndex)=>{
                                             const condition = conditions[orIndex].and[andIndex];
                                             const fieldPath = Object.keys(condition)[0];
                                             const operator = Object.keys(condition?.[fieldPath] || {})?.[0] || undefined;
                                             const value = condition?.[fieldPath]?.[operator] || undefined;
-                                            return /*#__PURE__*/ _jsxs("li", {
+                                            return /*#__PURE__*/ _jsxDEV("li", {
                                                 children: [
-                                                    andIndex !== 0 && /*#__PURE__*/ _jsx("div", {
+                                                    andIndex !== 0 && /*#__PURE__*/ _jsxDEV("div", {
                                                         className: `${baseClass}__label`,
                                                         children: t('general:and')
-                                                    }),
-                                                    /*#__PURE__*/ _jsx(Condition, {
+                                                    }, void 0, false, {
+                                                        fileName: "src/elements/WhereBuilder/index.tsx",
+                                                        lineNumber: 160,
+                                                        columnNumber: 31
+                                                    }, this),
+                                                    /*#__PURE__*/ _jsxDEV(Condition, {
                                                         addCondition: addCondition,
                                                         andIndex: andIndex,
                                                         fieldPath: fieldPath,
@@ -162,16 +174,36 @@ const baseClass = 'where-builder';
                                                         RenderedFilter: renderedFilters?.get(fieldPath),
                                                         updateCondition: updateCondition,
                                                         value: value
-                                                    })
+                                                    }, void 0, false, {
+                                                        fileName: "src/elements/WhereBuilder/index.tsx",
+                                                        lineNumber: 162,
+                                                        columnNumber: 29
+                                                    }, this)
                                                 ]
-                                            }, andIndex);
+                                            }, andIndex, true, {
+                                                fileName: "src/elements/WhereBuilder/index.tsx",
+                                                lineNumber: 158,
+                                                columnNumber: 27
+                                            }, this);
                                         })
-                                    })
+                                    }, void 0, false, {
+                                        fileName: "src/elements/WhereBuilder/index.tsx",
+                                        lineNumber: 146,
+                                        columnNumber: 19
+                                    }, this)
                                 ]
-                            }, compoundOrKey);
+                            }, compoundOrKey, true, {
+                                fileName: "src/elements/WhereBuilder/index.tsx",
+                                lineNumber: 144,
+                                columnNumber: 17
+                            }, this);
                         })
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
+                    }, void 0, false, {
+                        fileName: "src/elements/WhereBuilder/index.tsx",
+                        lineNumber: 139,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(Button, {
                         buttonStyle: "icon-label",
                         className: `${baseClass}__add-or`,
                         icon: "plus",
@@ -186,17 +218,29 @@ const baseClass = 'where-builder';
                             });
                         },
                         children: t('general:or')
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/WhereBuilder/index.tsx",
+                        lineNumber: 183,
+                        columnNumber: 11
+                    }, this)
                 ]
-            }),
-            conditions.length === 0 && /*#__PURE__*/ _jsxs("div", {
+            }, void 0, true, {
+                fileName: "src/elements/WhereBuilder/index.tsx",
+                lineNumber: 135,
+                columnNumber: 9
+            }, this),
+            conditions.length === 0 && /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__no-filters`,
                 children: [
-                    /*#__PURE__*/ _jsx("div", {
+                    /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__label`,
                         children: t('general:noFiltersSet')
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
+                    }, void 0, false, {
+                        fileName: "src/elements/WhereBuilder/index.tsx",
+                        lineNumber: 204,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(Button, {
                         buttonStyle: "icon-label",
                         className: `${baseClass}__add-first-filter`,
                         icon: "plus",
@@ -213,11 +257,23 @@ const baseClass = 'where-builder';
                             }
                         },
                         children: t('general:addFilter')
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/WhereBuilder/index.tsx",
+                        lineNumber: 205,
+                        columnNumber: 11
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/WhereBuilder/index.tsx",
+                lineNumber: 203,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/WhereBuilder/index.tsx",
+        lineNumber: 133,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { AddCondition, RemoveCondition, UpdateCondition, WhereBuilderProps } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\nimport './index.scss'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, collectionSlug, fields, renderedFilters, resolvedFilterOptions } =\n    props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fieldPermissions, fields, i18n],\n  )\n\n  const { handleWhereChange, query } = useListQuery()\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = query.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  }, [query.where])\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.value)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.value)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field.value) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n        const newRowCondition = {\n          [String(field.value)]: { [validOperator]: value },\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <p className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </p>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const condition = conditions[orIndex].and[andIndex]\n                        const fieldPath = Object.keys(condition)[0]\n\n                        const operator =\n                          (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                        const value = condition?.[fieldPath]?.[operator] || undefined\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldPath={fieldPath}\n                              filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                              operator={operator}\n                              orIndex={orIndex}\n                              reducedFields={reducedFields}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(fieldPath)}\n                              updateCondition={updateCondition}\n                              value={value}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              await addCondition({\n                andIndex: 0,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              if (reducedFields.length > 0) {\n                await addCondition({\n                  andIndex: 0,\n                  field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","transformWhereQuery","validateWhereQuery","React","useMemo","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionPluralLabel","collectionSlug","fields","renderedFilters","resolvedFilterOptions","i18n","t","permissions","fieldPermissions","collections","reducedFields","handleWhereChange","query","conditions","whereFromSearch","where","or","transformedWhere","console","warn","JSON","stringify","addCondition","useCallback","andIndex","field","orIndex","relation","newConditions","defaultOperator","type","operators","value","and","splice","String","undefined","push","updateCondition","operator","incomingOperator","existingCondition","validOperator","newRowCondition","removeCondition","length","div","className","Fragment","p","label","ul","map","compoundOrKey","Array","isArray","li","_","condition","fieldPath","Object","keys","filterOptions","get","RenderedFilter","buttonStyle","icon","iconPosition","iconStyle","onClick","find","admin","disableListFilter"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,iBAAgB;AACxE,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAItC,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,qBAAqB,QAAQ,2CAA0C;AAChF,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,SAAS,QAAQ,uBAAsB;AAChD,SAASC,mBAAmB,EAAEC,sBAAsB,QAAQ,mBAAkB;AAC9E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB;;;CAGC,GACD,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EAAEC,qBAAqB,EAAEC,cAAc,EAAEC,MAAM,EAAEC,eAAe,EAAEC,qBAAqB,EAAE,GAC7FL;IACF,MAAM,EAAEM,IAAI,EAAEC,CAAC,EAAE,GAAGf;IACpB,MAAM,EAAEgB,WAAW,EAAE,GAAGlB;IAExB,MAAMmB,mBAAmBD,aAAaE,aAAa,CAACR,eAAe,EAAEC;IAErE,MAAMQ,gBAAgBtB,QACpB,IACEI,sBAAsB;YACpBgB;YACAN;YACAG;QACF,IACF;QAACG;QAAkBN;QAAQG;KAAK;IAGlC,MAAM,EAAEM,iBAAiB,EAAEC,KAAK,EAAE,GAAGtB;IAErC,MAAMuB,aAAazB,QAAQ;QACzB,MAAM0B,kBAAkBF,MAAMG,KAAK;QAEnC,IAAID,iBAAiB;YACnB,IAAI5B,mBAAmB4B,kBAAkB;gBACvC,OAAOA,gBAAgBE,EAAE;YAC3B;YAEA,mJAAmJ;YACnJ,MAAMC,mBAAmBhC,oBAAoB6B;YAE7C,IAAI5B,mBAAmB+B,mBAAmB;gBACxC,OAAOA,iBAAiBD,EAAE;YAC5B;YAEAE,QAAQC,IAAI,CAAC,CAAC,4BAA4B,EAAEC,KAAKC,SAAS,CAACP,kBAAkB;QAC/E;QADiF,iCAAiC;QAGlH,OAAO,EAAE;IACX,GAAG;QAACF,MAAMG,KAAK;KAAC;IAEhB,MAAMO,eAA6BnC,MAAMoC,WAAW,CAClD,OAAO,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAE;QAC3C,MAAMC,gBAAgB;eAAIf;SAAW;QAErC,MAAMgB,kBAAkBlC,mBAAmB,CAAC8B,MAAMA,KAAK,CAACK,IAAI,CAAC,CAACC,SAAS,CAAC,EAAE,CAACC,KAAK;QAEhF,IAAIL,aAAa,OAAO;YACtBC,aAAa,CAACF,QAAQ,CAACO,GAAG,CAACC,MAAM,CAACV,UAAU,GAAG;gBAC7C,CAACW,OAAOV,MAAMO,KAAK,EAAE,EAAE;oBACrB,CAACH,gBAAgB,EAAEO;gBACrB;YACF;QACF,OAAO;YACLR,cAAcS,IAAI,CAAC;gBACjBJ,KAAK;oBACH;wBACE,CAACE,OAAOV,MAAMO,KAAK,EAAE,EAAE;4BACrB,CAACH,gBAAgB,EAAEO;wBACrB;oBACF;iBACD;YACH;QACF;QAEA,MAAMzB,kBAAkB;YAAEK,IAAIY;QAAc;IAC9C,GACA;QAACf;QAAYF;KAAkB;IAGjC,MAAM2B,kBAAmCnD,MAAMoC,WAAW,CACxD,OAAO,EAAEC,QAAQ,EAAEC,KAAK,EAAEc,UAAUC,gBAAgB,EAAEd,OAAO,EAAEM,KAAK,EAAE;QACpE,MAAMS,oBAAoB5B,UAAU,CAACa,QAAQ,CAACO,GAAG,CAACT,SAAS;QAE3D,IAAI,OAAOiB,sBAAsB,YAAYhB,MAAMO,KAAK,EAAE;YACxD,MAAM,EAAEU,aAAa,EAAE,GAAG9C,uBAAuB;gBAC/C6B,OAAOA,MAAMA,KAAK;gBAClBc,UAAUC;YACZ;YACA,MAAMG,kBAAkB;gBACtB,CAACR,OAAOV,MAAMO,KAAK,EAAE,EAAE;oBAAE,CAACU,cAAc,EAAEV;gBAAM;YAClD;YAEA,MAAMJ,gBAAgB;mBAAIf;aAAW;YACrCe,aAAa,CAACF,QAAQ,CAACO,GAAG,CAACT,SAAS,GAAGmB;YACvC,MAAMhC,kBAAkB;gBAAEK,IAAIY;YAAc;QAC9C;IACF,GACA;QAACf;QAAYF;KAAkB;IAGjC,MAAMiC,kBAAmCzD,MAAMoC,WAAW,CACxD,OAAO,EAAEC,QAAQ,EAAEE,OAAO,EAAE;QAC1B,MAAME,gBAAgB;eAAIf;SAAW;QACrCe,aAAa,CAACF,QAAQ,CAACO,GAAG,CAACC,MAAM,CAACV,UAAU;QAE5C,IAAII,aAAa,CAACF,QAAQ,CAACO,GAAG,CAACY,MAAM,KAAK,GAAG;YAC3CjB,cAAcM,MAAM,CAACR,SAAS;QAChC;QAEA,MAAMf,kBAAkB;YAAEK,IAAIY;QAAc;IAC9C,GACA;QAACf;QAAYF;KAAkB;IAGjC,qBACE,MAACmC;QAAIC,WAAWlD;;YACbgB,WAAWgC,MAAM,GAAG,mBACnB,MAAC1D,MAAM6D,QAAQ;;kCACb,KAACC;wBAAEF,WAAW,GAAGlD,UAAU,OAAO,CAAC;kCAChCS,EAAE,uBAAuB;4BAAE4C,OAAOlE,eAAegB,uBAAuBK;wBAAM;;kCAEjF,KAAC8C;wBAAGJ,WAAW,GAAGlD,UAAU,YAAY,CAAC;kCACtCgB,WAAWuC,GAAG,CAAC,CAACpC,IAAIU;4BACnB,MAAM2B,gBAAgB,GAAG3B,QAAQ,CAAC,EAAE4B,MAAMC,OAAO,CAACvC,IAAIiB,OAAOjB,GAAGiB,GAAG,CAACY,MAAM,GAAG,IAAI;4BAEjF,qBACE,MAACW;;oCACE9B,YAAY,mBAAK,KAACoB;wCAAIC,WAAW,GAAGlD,UAAU,OAAO,CAAC;kDAAGS,EAAE;;kDAC5D,KAAC6C;wCAAGJ,WAAW,GAAGlD,UAAU,aAAa,CAAC;kDACvCyD,MAAMC,OAAO,CAACvC,IAAIiB,QACjBjB,GAAGiB,GAAG,CAACmB,GAAG,CAAC,CAACK,GAAGjC;4CACb,MAAMkC,YAAY7C,UAAU,CAACa,QAAQ,CAACO,GAAG,CAACT,SAAS;4CACnD,MAAMmC,YAAYC,OAAOC,IAAI,CAACH,UAAU,CAAC,EAAE;4CAE3C,MAAMnB,WACJ,AAACqB,OAAOC,IAAI,CAACH,WAAW,CAACC,UAAU,IAAI,CAAC,IAAI,CAAC,EAAE,IAAiBvB;4CAElE,MAAMJ,QAAQ0B,WAAW,CAACC,UAAU,EAAE,CAACpB,SAAS,IAAIH;4CAEpD,qBACE,MAACoB;;oDACEhC,aAAa,mBACZ,KAACsB;wDAAIC,WAAW,GAAGlD,UAAU,OAAO,CAAC;kEAAGS,EAAE;;kEAE5C,KAACZ;wDACC4B,cAAcA;wDACdE,UAAUA;wDACVmC,WAAWA;wDACXG,eAAe1D,uBAAuB2D,IAAIJ;wDAC1CpB,UAAUA;wDACVb,SAASA;wDACThB,eAAeA;wDACfkC,iBAAiBA;wDACjBoB,gBAAgB7D,iBAAiB4D,IAAIJ;wDACrCrB,iBAAiBA;wDACjBN,OAAOA;;;+CAfFR;wCAmBb;;;+BAjCG6B;wBAqCb;;kCAEF,KAAC5D;wBACCwE,aAAY;wBACZlB,WAAW,GAAGlD,UAAU,QAAQ,CAAC;wBACjCqE,MAAK;wBACLC,cAAa;wBACbC,WAAU;wBACVC,SAAS;4BACP,MAAM/C,aAAa;gCACjBE,UAAU;gCACVC,OAAOf,cAAc4D,IAAI,CAAC,CAAC7C,QAAU,CAACA,MAAMA,KAAK,CAAC8C,KAAK,EAAEC;gCACzD9C,SAASb,WAAWgC,MAAM;gCAC1BlB,UAAU;4BACZ;wBACF;kCAECrB,EAAE;;;;YAIRO,WAAWgC,MAAM,KAAK,mBACrB,MAACC;gBAAIC,WAAW,GAAGlD,UAAU,YAAY,CAAC;;kCACxC,KAACiD;wBAAIC,WAAW,GAAGlD,UAAU,OAAO,CAAC;kCAAGS,EAAE;;kCAC1C,KAACb;wBACCwE,aAAY;wBACZlB,WAAW,GAAGlD,UAAU,kBAAkB,CAAC;wBAC3CqE,MAAK;wBACLC,cAAa;wBACbC,WAAU;wBACVC,SAAS;4BACP,IAAI3D,cAAcmC,MAAM,GAAG,GAAG;gCAC5B,MAAMvB,aAAa;oCACjBE,UAAU;oCACVC,OAAOf,cAAc4D,IAAI,CAAC,CAAC7C,QAAU,CAACA,MAAMA,KAAK,CAAC8C,KAAK,EAAEC;oCACzD9C,SAASb,WAAWgC,MAAM;oCAC1BlB,UAAU;gCACZ;4BACF;wBACF;kCAECrB,EAAE;;;;;;AAMf,EAAC"}
+{"version":3,"sources":["../../../src/elements/WhereBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { Operator } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { transformWhereQuery, validateWhereQuery } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { AddCondition, RemoveCondition, UpdateCondition, WhereBuilderProps } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Condition } from './Condition/index.js'\nimport { fieldTypeConditions, getValidFieldOperators } from './field-types.js'\nimport './index.scss'\n\nconst baseClass = 'where-builder'\n\nexport { WhereBuilderProps }\n\n/**\n * The WhereBuilder component is used to render the filter controls for a collection's list view.\n * It is part of the {@link ListControls} component which is used to render the controls (search, filter, where).\n */\nexport const WhereBuilder: React.FC<WhereBuilderProps> = (props) => {\n  const { collectionPluralLabel, collectionSlug, fields, renderedFilters, resolvedFilterOptions } =\n    props\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fieldPermissions, fields, i18n],\n  )\n\n  const { handleWhereChange, query } = useListQuery()\n\n  const conditions = useMemo(() => {\n    const whereFromSearch = query.where\n\n    if (whereFromSearch) {\n      if (validateWhereQuery(whereFromSearch)) {\n        return whereFromSearch.or\n      }\n\n      // Transform the where query to be in the right format. This will transform something simple like [text][equals]=example%20post to the right format\n      const transformedWhere = transformWhereQuery(whereFromSearch)\n\n      if (validateWhereQuery(transformedWhere)) {\n        return transformedWhere.or\n      }\n\n      console.warn(`Invalid where query in URL: ${JSON.stringify(whereFromSearch)}`) // eslint-disable-line no-console\n    }\n\n    return []\n  }, [query.where])\n\n  const addCondition: AddCondition = React.useCallback(\n    async ({ andIndex, field, orIndex, relation }) => {\n      const newConditions = [...conditions]\n\n      const defaultOperator = fieldTypeConditions[field.field.type].operators[0].value\n\n      if (relation === 'and') {\n        newConditions[orIndex].and.splice(andIndex, 0, {\n          [String(field.value)]: {\n            [defaultOperator]: undefined,\n          },\n        })\n      } else {\n        newConditions.push({\n          and: [\n            {\n              [String(field.value)]: {\n                [defaultOperator]: undefined,\n              },\n            },\n          ],\n        })\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const updateCondition: UpdateCondition = React.useCallback(\n    async ({ andIndex, field, operator: incomingOperator, orIndex, value }) => {\n      const existingCondition = conditions[orIndex].and[andIndex]\n\n      if (typeof existingCondition === 'object' && field.value) {\n        const { validOperator } = getValidFieldOperators({\n          field: field.field,\n          operator: incomingOperator,\n        })\n        const newRowCondition = {\n          [String(field.value)]: { [validOperator]: value },\n        }\n\n        const newConditions = [...conditions]\n        newConditions[orIndex].and[andIndex] = newRowCondition\n        await handleWhereChange({ or: newConditions })\n      }\n    },\n    [conditions, handleWhereChange],\n  )\n\n  const removeCondition: RemoveCondition = React.useCallback(\n    async ({ andIndex, orIndex }) => {\n      const newConditions = [...conditions]\n      newConditions[orIndex].and.splice(andIndex, 1)\n\n      if (newConditions[orIndex].and.length === 0) {\n        newConditions.splice(orIndex, 1)\n      }\n\n      await handleWhereChange({ or: newConditions })\n    },\n    [conditions, handleWhereChange],\n  )\n\n  return (\n    <div className={baseClass}>\n      {conditions.length > 0 && (\n        <React.Fragment>\n          <p className={`${baseClass}__label`}>\n            {t('general:filterWhere', { label: getTranslation(collectionPluralLabel, i18n) })}\n          </p>\n          <ul className={`${baseClass}__or-filters`}>\n            {conditions.map((or, orIndex) => {\n              const compoundOrKey = `${orIndex}_${Array.isArray(or?.and) ? or.and.length : ''}`\n\n              return (\n                <li key={compoundOrKey}>\n                  {orIndex !== 0 && <div className={`${baseClass}__label`}>{t('general:or')}</div>}\n                  <ul className={`${baseClass}__and-filters`}>\n                    {Array.isArray(or?.and) &&\n                      or.and.map((_, andIndex) => {\n                        const condition = conditions[orIndex].and[andIndex]\n                        const fieldPath = Object.keys(condition)[0]\n\n                        const operator =\n                          (Object.keys(condition?.[fieldPath] || {})?.[0] as Operator) || undefined\n\n                        const value = condition?.[fieldPath]?.[operator] || undefined\n\n                        return (\n                          <li key={andIndex}>\n                            {andIndex !== 0 && (\n                              <div className={`${baseClass}__label`}>{t('general:and')}</div>\n                            )}\n                            <Condition\n                              addCondition={addCondition}\n                              andIndex={andIndex}\n                              fieldPath={fieldPath}\n                              filterOptions={resolvedFilterOptions?.get(fieldPath)}\n                              operator={operator}\n                              orIndex={orIndex}\n                              reducedFields={reducedFields}\n                              removeCondition={removeCondition}\n                              RenderedFilter={renderedFilters?.get(fieldPath)}\n                              updateCondition={updateCondition}\n                              value={value}\n                            />\n                          </li>\n                        )\n                      })}\n                  </ul>\n                </li>\n              )\n            })}\n          </ul>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-or`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              await addCondition({\n                andIndex: 0,\n                field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                orIndex: conditions.length,\n                relation: 'or',\n              })\n            }}\n          >\n            {t('general:or')}\n          </Button>\n        </React.Fragment>\n      )}\n      {conditions.length === 0 && (\n        <div className={`${baseClass}__no-filters`}>\n          <div className={`${baseClass}__label`}>{t('general:noFiltersSet')}</div>\n          <Button\n            buttonStyle=\"icon-label\"\n            className={`${baseClass}__add-first-filter`}\n            icon=\"plus\"\n            iconPosition=\"left\"\n            iconStyle=\"with-border\"\n            onClick={async () => {\n              if (reducedFields.length > 0) {\n                await addCondition({\n                  andIndex: 0,\n                  field: reducedFields.find((field) => !field.field.admin?.disableListFilter),\n                  orIndex: conditions.length,\n                  relation: 'or',\n                })\n              }\n            }}\n          >\n            {t('general:addFilter')}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","transformWhereQuery","validateWhereQuery","React","useMemo","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","Button","Condition","fieldTypeConditions","getValidFieldOperators","baseClass","WhereBuilder","props","collectionPluralLabel","collectionSlug","fields","renderedFilters","resolvedFilterOptions","i18n","t","permissions","fieldPermissions","collections","reducedFields","handleWhereChange","query","conditions","whereFromSearch","where","or","transformedWhere","console","warn","JSON","stringify","addCondition","useCallback","andIndex","field","orIndex","relation","newConditions","defaultOperator","type","operators","value","and","splice","String","undefined","push","updateCondition","operator","incomingOperator","existingCondition","validOperator","newRowCondition","removeCondition","length","div","className","Fragment","p","label","ul","map","compoundOrKey","Array","isArray","li","_","condition","fieldPath","Object","keys","filterOptions","get","RenderedFilter","buttonStyle","icon","iconPosition","iconStyle","onClick","find","admin","disableListFilter"],"mappings":"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"}

package/dist/elements/WithServerSideProps/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { isReactServerComponentOrFunction } from 'payload/shared';
 import React from 'react';
 export const WithServerSideProps = ({ Component, serverOnlyProps, ...rest })=>{
@@ -8,9 +8,13 @@ export const WithServerSideProps = ({ Component, serverOnlyProps, ...rest })=>{
                 ...passedProps,
                 ...isReactServerComponentOrFunction(Component) ? serverOnlyProps ?? {} : {}
             };
-            return /*#__PURE__*/ _jsx(Component, {
+            return /*#__PURE__*/ _jsxDEV(Component, {
                 ...propsWithServerOnlyProps
-            });
+            }, void 0, false, {
+                fileName: "src/elements/WithServerSideProps/index.tsx",
+                lineNumber: 18,
+                columnNumber: 14
+            }, this);
         };
         return WithServerSideProps(rest);
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/WithServerSideProps/index.tsx"],"sourcesContent":["import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? (serverOnlyProps ?? {}) : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return WithServerSideProps(rest)\n  }\n\n  return null\n}\n"],"names":["isReactServerComponentOrFunction","React","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps"],"mappings":";AAEA,SAASA,gCAAgC,QAAQ,iBAAgB;AACjE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,sBAAoD,CAAC,EAChEC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ;IACC,IAAIF,WAAW;QACb,MAAMD,sBAAgC,CAACI;YACrC,MAAMC,2BAA2B;gBAC/B,GAAGD,WAAW;gBACd,GAAIN,iCAAiCG,aAAcC,mBAAmB,CAAC,IAAK,CAAC,CAAC;YAChF;YAEA,qBAAO,KAACD;gBAAW,GAAGI,wBAAwB;;QAChD;QAEA,OAAOL,oBAAoBG;IAC7B;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/WithServerSideProps/index.tsx"],"sourcesContent":["import type { WithServerSidePropsComponent } from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsComponent = ({\n  Component,\n  serverOnlyProps,\n  ...rest\n}) => {\n  if (Component) {\n    const WithServerSideProps: React.FC = (passedProps) => {\n      const propsWithServerOnlyProps = {\n        ...passedProps,\n        ...(isReactServerComponentOrFunction(Component) ? (serverOnlyProps ?? {}) : {}),\n      }\n\n      return <Component {...propsWithServerOnlyProps} />\n    }\n\n    return WithServerSideProps(rest)\n  }\n\n  return null\n}\n"],"names":["isReactServerComponentOrFunction","React","WithServerSideProps","Component","serverOnlyProps","rest","passedProps","propsWithServerOnlyProps"],"mappings":";AAEA,SAASA,gCAAgC,QAAQ,iBAAgB;AACjE,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,sBAAoD,CAAC,EAChEC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ;IACC,IAAIF,WAAW;QACb,MAAMD,sBAAgC,CAACI;YACrC,MAAMC,2BAA2B;gBAC/B,GAAGD,WAAW;gBACd,GAAIN,iCAAiCG,aAAcC,mBAAmB,CAAC,IAAK,CAAC,CAAC;YAChF;YAEA,qBAAO,QAACD;gBAAW,GAAGI,wBAAwB;;;;;;QAChD;QAEA,OAAOL,oBAAoBG;IAC7B;IAEA,OAAO;AACT,EAAC"}