@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/QueryPresets/QueryPresetToggler/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/QueryPresets/QueryPresetToggler/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function QueryPresetToggler({\n  activePreset,\n  openPresetListDrawer,\n  resetPreset,\n}: {\n  activePreset: QueryPreset\n  openPresetListDrawer: () => void\n  resetPreset: () => Promise<void>\n}) {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n\n  const presetsConfig = getEntityConfig({\n    collectionSlug: 'payload-query-presets',\n  })\n\n  return (\n    <Pill\n      className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n      id=\"select-preset\"\n      onClick={() => {\n        openPresetListDrawer()\n      }}\n      pillStyle=\"light\"\n      size=\"small\"\n    >\n      <div className={`${baseClass}__label`}>\n        {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n        <div className={`${baseClass}__label-text-max-width`}>\n          <div className={`${baseClass}__label-text`}>\n            {activePreset?.title ||\n              t('general:selectLabel', {\n                label: getTranslation(presetsConfig.labels.singular, i18n),\n              })}\n          </div>\n        </div>\n        {activePreset ? (\n          <div\n            className={`${baseClass}__clear`}\n            id=\"clear-preset\"\n            onClick={async (e) => {\n              e.stopPropagation()\n              await resetPreset()\n            }}\n            onKeyDown={async (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.stopPropagation()\n                await resetPreset()\n              }\n            }}\n            role=\"button\"\n            tabIndex={0}\n          >\n            <XIcon />\n          </div>\n        ) : null}\n      </div>\n    </Pill>\n  )\n}\n"],"names":["getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","QueryPresetToggler","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","presetsConfig","collectionSlug","className","filter","Boolean","join","id","onClick","pillStyle","size","div","isShared","title","label","labels","singular","e","stopPropagation","onKeyDown","key","role","tabIndex"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,UAAU,QAAQ,iCAAgC;AAC3D,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,mBAAmB,EACjCC,YAAY,EACZC,oBAAoB,EACpBC,WAAW,EAKZ;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGR;IACpB,MAAM,EAAES,eAAe,EAAE,GAAGV;IAE5B,MAAMW,gBAAgBD,gBAAgB;QACpCE,gBAAgB;IAClB;IAEA,qBACE,KAACV;QACCW,WAAW;YAACV;YAAWE,gBAAgB,GAAGF,UAAU,QAAQ,CAAC;SAAC,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;QACpFC,IAAG;QACHC,SAAS;YACPZ;QACF;QACAa,WAAU;QACVC,MAAK;kBAEL,cAAA,MAACC;YAAIR,WAAW,GAAGV,UAAU,OAAO,CAAC;;gBAClCE,cAAciB,0BAAY,KAACxB;oBAAWe,WAAW,GAAGV,UAAU,QAAQ,CAAC;;8BACxE,KAACkB;oBAAIR,WAAW,GAAGV,UAAU,sBAAsB,CAAC;8BAClD,cAAA,KAACkB;wBAAIR,WAAW,GAAGV,UAAU,YAAY,CAAC;kCACvCE,cAAckB,SACbd,EAAE,uBAAuB;4BACvBe,OAAO3B,eAAec,cAAcc,MAAM,CAACC,QAAQ,EAAElB;wBACvD;;;gBAGLH,6BACC,KAACgB;oBACCR,WAAW,GAAGV,UAAU,OAAO,CAAC;oBAChCc,IAAG;oBACHC,SAAS,OAAOS;wBACdA,EAAEC,eAAe;wBACjB,MAAMrB;oBACR;oBACAsB,WAAW,OAAOF;wBAChB,IAAIA,EAAEG,GAAG,KAAK,WAAWH,EAAEG,GAAG,KAAK,KAAK;4BACtCH,EAAEC,eAAe;4BACjB,MAAMrB;wBACR;oBACF;oBACAwB,MAAK;oBACLC,UAAU;8BAEV,cAAA,KAACjC;qBAED;;;;AAIZ"}
+{"version":3,"sources":["../../../../src/elements/QueryPresets/QueryPresetToggler/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { PeopleIcon } from '../../../icons/People/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'active-query-preset'\n\nexport function QueryPresetToggler({\n  activePreset,\n  openPresetListDrawer,\n  resetPreset,\n}: {\n  activePreset: QueryPreset\n  openPresetListDrawer: () => void\n  resetPreset: () => Promise<void>\n}) {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n\n  const presetsConfig = getEntityConfig({\n    collectionSlug: 'payload-query-presets',\n  })\n\n  return (\n    <Pill\n      className={[baseClass, activePreset && `${baseClass}--active`].filter(Boolean).join(' ')}\n      id=\"select-preset\"\n      onClick={() => {\n        openPresetListDrawer()\n      }}\n      pillStyle=\"light\"\n      size=\"small\"\n    >\n      <div className={`${baseClass}__label`}>\n        {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`} />}\n        <div className={`${baseClass}__label-text-max-width`}>\n          <div className={`${baseClass}__label-text`}>\n            {activePreset?.title ||\n              t('general:selectLabel', {\n                label: getTranslation(presetsConfig.labels.singular, i18n),\n              })}\n          </div>\n        </div>\n        {activePreset ? (\n          <div\n            className={`${baseClass}__clear`}\n            id=\"clear-preset\"\n            onClick={async (e) => {\n              e.stopPropagation()\n              await resetPreset()\n            }}\n            onKeyDown={async (e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.stopPropagation()\n                await resetPreset()\n              }\n            }}\n            role=\"button\"\n            tabIndex={0}\n          >\n            <XIcon />\n          </div>\n        ) : null}\n      </div>\n    </Pill>\n  )\n}\n"],"names":["getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","QueryPresetToggler","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","presetsConfig","collectionSlug","className","filter","Boolean","join","id","onClick","pillStyle","size","div","isShared","title","label","labels","singular","e","stopPropagation","onKeyDown","key","role","tabIndex"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAEzD,SAASC,UAAU,QAAQ,iCAAgC;AAC3D,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,mBAAmB,EACjCC,YAAY,EACZC,oBAAoB,EACpBC,WAAW,EAKZ;IACC,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGR;IACpB,MAAM,EAAES,eAAe,EAAE,GAAGV;IAE5B,MAAMW,gBAAgBD,gBAAgB;QACpCE,gBAAgB;IAClB;IAEA,qBACE,QAACV;QACCW,WAAW;YAACV;YAAWE,gBAAgB,GAAGF,UAAU,QAAQ,CAAC;SAAC,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC;QACpFC,IAAG;QACHC,SAAS;YACPZ;QACF;QACAa,WAAU;QACVC,MAAK;kBAEL,cAAA,QAACC;YAAIR,WAAW,GAAGV,UAAU,OAAO,CAAC;;gBAClCE,cAAciB,0BAAY,QAACxB;oBAAWe,WAAW,GAAGV,UAAU,QAAQ,CAAC;;;;;;8BACxE,QAACkB;oBAAIR,WAAW,GAAGV,UAAU,sBAAsB,CAAC;8BAClD,cAAA,QAACkB;wBAAIR,WAAW,GAAGV,UAAU,YAAY,CAAC;kCACvCE,cAAckB,SACbd,EAAE,uBAAuB;4BACvBe,OAAO3B,eAAec,cAAcc,MAAM,CAACC,QAAQ,EAAElB;wBACvD;;;;;;;;;;;gBAGLH,6BACC,QAACgB;oBACCR,WAAW,GAAGV,UAAU,OAAO,CAAC;oBAChCc,IAAG;oBACHC,SAAS,OAAOS;wBACdA,EAAEC,eAAe;wBACjB,MAAMrB;oBACR;oBACAsB,WAAW,OAAOF;wBAChB,IAAIA,EAAEG,GAAG,KAAK,WAAWH,EAAEG,GAAG,KAAK,KAAK;4BACtCH,EAAEC,eAAe;4BACjB,MAAMrB;wBACR;oBACF;oBACAwB,MAAK;oBACLC,UAAU;8BAEV,cAAA,QAACjC;;;;;;;;;2BAED;;;;;;;;;;;;AAIZ"}

package/dist/elements/QueryPresets/cells/AccessCell/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
 import React, { Fragment } from 'react';
 export const QueryPresetsAccessCell = ({ cellData })=>{
@@ -8,28 +8,44 @@ export const QueryPresetsAccessCell = ({ cellData })=>{
         'update',
         'delete'
     ];
-    return /*#__PURE__*/ _jsx("p", {
+    return /*#__PURE__*/ _jsxDEV("p", {
         children: operations.reduce((acc, operation, index)=>{
             const operationData = cellData?.[operation];
             if (operationData && operationData.constraint) {
-                acc.push(/*#__PURE__*/ _jsxs(Fragment, {
+                acc.push(/*#__PURE__*/ _jsxDEV(Fragment, {
                     children: [
-                        /*#__PURE__*/ _jsxs("span", {
+                        /*#__PURE__*/ _jsxDEV("span", {
                             children: [
-                                /*#__PURE__*/ _jsx("strong", {
+                                /*#__PURE__*/ _jsxDEV("strong", {
                                     children: toWords(operation)
-                                }),
+                                }, void 0, false, {
+                                    fileName: "src/elements/QueryPresets/cells/AccessCell/index.tsx",
+                                    lineNumber: 20,
+                                    columnNumber: 17
+                                }, this),
                                 ": ",
                                 toWords(operationData.constraint)
                             ]
-                        }),
+                        }, void 0, true, {
+                            fileName: "src/elements/QueryPresets/cells/AccessCell/index.tsx",
+                            lineNumber: 19,
+                            columnNumber: 15
+                        }, this),
                         index !== operations.length - 1 && ', '
                     ]
-                }, operation));
+                }, operation, true, {
+                    fileName: "src/elements/QueryPresets/cells/AccessCell/index.tsx",
+                    lineNumber: 18,
+                    columnNumber: 13
+                }, this));
             }
             return acc;
         }, [])
-    });
+    }, void 0, false, {
+        fileName: "src/elements/QueryPresets/cells/AccessCell/index.tsx",
+        lineNumber: 12,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/AccessCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/AccessCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\nimport type { JSX } from 'react'\n\nimport { toWords } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nexport const QueryPresetsAccessCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  // first sort the operations in the order they should be displayed\n  const operations = ['read', 'update', 'delete']\n\n  return (\n    <p>\n      {operations.reduce((acc, operation, index) => {\n        const operationData = (cellData as JSON)?.[operation]\n\n        if (operationData && operationData.constraint) {\n          acc.push(\n            <Fragment key={operation}>\n              <span>\n                <strong>{toWords(operation)}</strong>: {toWords(operationData.constraint)}\n              </span>\n              {index !== operations.length - 1 && ', '}\n            </Fragment>,\n          )\n        }\n        return acc\n      }, [] as JSX.Element[])}\n    </p>\n  )\n}\n"],"names":["toWords","React","Fragment","QueryPresetsAccessCell","cellData","operations","p","reduce","acc","operation","index","operationData","constraint","push","span","strong","length"],"mappings":";AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,yBAA8D,CAAC,EAAEC,QAAQ,EAAE;IACtF,kEAAkE;IAClE,MAAMC,aAAa;QAAC;QAAQ;QAAU;KAAS;IAE/C,qBACE,KAACC;kBACED,WAAWE,MAAM,CAAC,CAACC,KAAKC,WAAWC;YAClC,MAAMC,gBAAiBP,UAAmB,CAACK,UAAU;YAErD,IAAIE,iBAAiBA,cAAcC,UAAU,EAAE;gBAC7CJ,IAAIK,IAAI,eACN,MAACX;;sCACC,MAACY;;8CACC,KAACC;8CAAQf,QAAQS;;gCAAoB;gCAAGT,QAAQW,cAAcC,UAAU;;;wBAEzEF,UAAUL,WAAWW,MAAM,GAAG,KAAK;;mBAJvBP;YAOnB;YACA,OAAOD;QACT,GAAG,EAAE;;AAGX,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/AccessCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\nimport type { JSX } from 'react'\n\nimport { toWords } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nexport const QueryPresetsAccessCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  // first sort the operations in the order they should be displayed\n  const operations = ['read', 'update', 'delete']\n\n  return (\n    <p>\n      {operations.reduce((acc, operation, index) => {\n        const operationData = (cellData as JSON)?.[operation]\n\n        if (operationData && operationData.constraint) {\n          acc.push(\n            <Fragment key={operation}>\n              <span>\n                <strong>{toWords(operation)}</strong>: {toWords(operationData.constraint)}\n              </span>\n              {index !== operations.length - 1 && ', '}\n            </Fragment>,\n          )\n        }\n        return acc\n      }, [] as JSX.Element[])}\n    </p>\n  )\n}\n"],"names":["toWords","React","Fragment","QueryPresetsAccessCell","cellData","operations","p","reduce","acc","operation","index","operationData","constraint","push","span","strong","length"],"mappings":";AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,yBAA8D,CAAC,EAAEC,QAAQ,EAAE;IACtF,kEAAkE;IAClE,MAAMC,aAAa;QAAC;QAAQ;QAAU;KAAS;IAE/C,qBACE,QAACC;kBACED,WAAWE,MAAM,CAAC,CAACC,KAAKC,WAAWC;YAClC,MAAMC,gBAAiBP,UAAmB,CAACK,UAAU;YAErD,IAAIE,iBAAiBA,cAAcC,UAAU,EAAE;gBAC7CJ,IAAIK,IAAI,eACN,QAACX;;sCACC,QAACY;;8CACC,QAACC;8CAAQf,QAAQS;;;;;;gCAAoB;gCAAGT,QAAQW,cAAcC,UAAU;;;;;;;wBAEzEF,UAAUL,WAAWW,MAAM,GAAG,KAAK;;mBAJvBP;;;;;YAOnB;YACA,OAAOD;QACT,GAAG,EAAE;;;;;;AAGX,EAAC"}

package/dist/elements/QueryPresets/cells/ColumnsCell/index.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords, transformColumnsToSearchParams } from 'payload/shared';
 import React from 'react';
 import { Pill } from '../../../Pill/index.js';
 import './index.scss';
 const baseClass = 'query-preset-columns-cell';
 export const QueryPresetsColumnsCell = ({ cellData })=>{
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: cellData ? transformColumnsToSearchParams(cellData).map((column, i)=>{
             const isColumnActive = !column.startsWith('-');
@@ -13,13 +13,21 @@ export const QueryPresetsColumnsCell = ({ cellData })=>{
             if (!isColumnActive) {
                 return null;
             }
-            return /*#__PURE__*/ _jsx(Pill, {
+            return /*#__PURE__*/ _jsxDEV(Pill, {
                 pillStyle: isColumnActive ? 'always-white' : 'light',
                 size: "small",
                 children: toWords(column)
-            }, i);
+            }, i, false, {
+                fileName: "src/elements/QueryPresets/cells/ColumnsCell/index.tsx",
+                lineNumber: 24,
+                columnNumber: 15
+            }, this);
         }) : 'No columns selected'
-    });
+    }, void 0, false, {
+        fileName: "src/elements/QueryPresets/cells/ColumnsCell/index.tsx",
+        lineNumber: 13,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/ColumnsCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { ColumnPreference, DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-preset-columns-cell'\n\nexport const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return (\n    <div className={baseClass}>\n      {cellData\n        ? transformColumnsToSearchParams(cellData as ColumnPreference[]).map((column, i) => {\n            const isColumnActive = !column.startsWith('-')\n\n            // to void very lengthy cells, only display the active columns\n            if (!isColumnActive) {\n              return null\n            }\n\n            return (\n              <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size=\"small\">\n                {toWords(column)}\n              </Pill>\n            )\n          })\n        : 'No columns selected'}\n    </div>\n  )\n}\n"],"names":["toWords","transformColumnsToSearchParams","React","Pill","baseClass","QueryPresetsColumnsCell","cellData","div","className","map","column","i","isColumnActive","startsWith","pillStyle","size"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,0BAA+D,CAAC,EAAEC,QAAQ,EAAE;IACvF,qBACE,KAACC;QAAIC,WAAWJ;kBACbE,WACGL,+BAA+BK,UAAgCG,GAAG,CAAC,CAACC,QAAQC;YAC1E,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;YAE1C,8DAA8D;YAC9D,IAAI,CAACD,gBAAgB;gBACnB,OAAO;YACT;YAEA,qBACE,KAACT;gBAAaW,WAAWF,iBAAiB,iBAAiB;gBAASG,MAAK;0BACtEf,QAAQU;eADAC;QAIf,KACA;;AAGV,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { ColumnPreference, DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-preset-columns-cell'\n\nexport const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return (\n    <div className={baseClass}>\n      {cellData\n        ? transformColumnsToSearchParams(cellData as ColumnPreference[]).map((column, i) => {\n            const isColumnActive = !column.startsWith('-')\n\n            // to void very lengthy cells, only display the active columns\n            if (!isColumnActive) {\n              return null\n            }\n\n            return (\n              <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size=\"small\">\n                {toWords(column)}\n              </Pill>\n            )\n          })\n        : 'No columns selected'}\n    </div>\n  )\n}\n"],"names":["toWords","transformColumnsToSearchParams","React","Pill","baseClass","QueryPresetsColumnsCell","cellData","div","className","map","column","i","isColumnActive","startsWith","pillStyle","size"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,0BAA+D,CAAC,EAAEC,QAAQ,EAAE;IACvF,qBACE,QAACC;QAAIC,WAAWJ;kBACbE,WACGL,+BAA+BK,UAAgCG,GAAG,CAAC,CAACC,QAAQC;YAC1E,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;YAE1C,8DAA8D;YAC9D,IAAI,CAACD,gBAAgB;gBACnB,OAAO;YACT;YAEA,qBACE,QAACT;gBAAaW,WAAWF,iBAAiB,iBAAiB;gBAASG,MAAK;0BACtEf,QAAQU;eADAC;;;;;QAIf,KACA;;;;;;AAGV,EAAC"}

package/dist/elements/QueryPresets/cells/GroupByCell/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
 import React, { useMemo } from 'react';
 import { useAuth } from '../../../../providers/Auth/index.js';
@@ -39,9 +39,13 @@ export const QueryPresetsGroupByCell = ({ cellData, rowData })=>{
         i18n
     ]);
     if (!cellData || typeof cellData !== 'string') {
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ _jsxDEV("div", {
             children: "No group by selected"
-        });
+        }, void 0, false, {
+            fileName: "src/elements/QueryPresets/cells/GroupByCell/index.tsx",
+            lineNumber: 47,
+            columnNumber: 12
+        }, this);
     }
     const isDescending = cellData.startsWith('-');
     const fieldName = isDescending ? cellData.slice(1) : cellData;
@@ -49,14 +53,18 @@ export const QueryPresetsGroupByCell = ({ cellData, rowData })=>{
     // Find the field option to get the proper label
     const fieldOption = reducedFields.find((field)=>field.value === fieldName);
     const displayLabel = fieldOption?.label || toWords(fieldName);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         children: [
             displayLabel,
             " (",
             direction,
             ")"
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/cells/GroupByCell/index.tsx",
+        lineNumber: 59,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/GroupByCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/GroupByCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\n\nexport const QueryPresetsGroupByCell: React.FC<DefaultCellComponentProps> = ({\n  cellData,\n  rowData,\n}) => {\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the related collection from the row data\n  const relatedCollection = rowData?.relatedCollection as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  if (!cellData || typeof cellData !== 'string') {\n    return <div>No group by selected</div>\n  }\n\n  const isDescending = cellData.startsWith('-')\n  const fieldName = isDescending ? cellData.slice(1) : cellData\n  const direction = isDescending ? 'descending' : 'ascending'\n\n  // Find the field option to get the proper label\n  const fieldOption = reducedFields.find((field) => field.value === fieldName)\n  const displayLabel = fieldOption?.label || toWords(fieldName)\n\n  return (\n    <div>\n      {displayLabel} ({direction})\n    </div>\n  )\n}\n"],"names":["toWords","React","useMemo","useAuth","useConfig","useTranslation","reduceFieldsToOptions","QueryPresetsGroupByCell","cellData","rowData","i18n","permissions","config","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","div","isDescending","startsWith","fieldName","slice","direction","fieldOption","field","value","displayLabel","label"],"mappings":";AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AAEtF,OAAO,MAAMC,0BAA+D,CAAC,EAC3EC,QAAQ,EACRC,OAAO,EACR;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGL;IACjB,MAAM,EAAEM,WAAW,EAAE,GAAGR;IACxB,MAAM,EAAES,MAAM,EAAE,GAAGR;IAEnB,+CAA+C;IAC/C,MAAMS,oBAAoBJ,SAASI;IAEnC,uDAAuD;IACvD,MAAMC,mBAAmBZ,QAAQ;QAC/B,IAAI,CAACW,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOD,OAAOG,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBD,OAAOG,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBjB,QAAQ;QAC5B,IAAI,CAACY,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBT,aAAaI,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOf,sBAAsB;YAC3Bc;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BX;QACF;IACF,GAAG;QAACI;QAAkBH;QAAaE;QAAmBH;KAAK;IAE3D,IAAI,CAACF,YAAY,OAAOA,aAAa,UAAU;QAC7C,qBAAO,KAACc;sBAAI;;IACd;IAEA,MAAMC,eAAef,SAASgB,UAAU,CAAC;IACzC,MAAMC,YAAYF,eAAef,SAASkB,KAAK,CAAC,KAAKlB;IACrD,MAAMmB,YAAYJ,eAAe,eAAe;IAEhD,gDAAgD;IAChD,MAAMK,cAAcT,cAAcH,IAAI,CAAC,CAACa,QAAUA,MAAMC,KAAK,KAAKL;IAClE,MAAMM,eAAeH,aAAaI,SAAShC,QAAQyB;IAEnD,qBACE,MAACH;;YACES;YAAa;YAAGJ;YAAU;;;AAGjC,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/GroupByCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\n\nexport const QueryPresetsGroupByCell: React.FC<DefaultCellComponentProps> = ({\n  cellData,\n  rowData,\n}) => {\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the related collection from the row data\n  const relatedCollection = rowData?.relatedCollection as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  if (!cellData || typeof cellData !== 'string') {\n    return <div>No group by selected</div>\n  }\n\n  const isDescending = cellData.startsWith('-')\n  const fieldName = isDescending ? cellData.slice(1) : cellData\n  const direction = isDescending ? 'descending' : 'ascending'\n\n  // Find the field option to get the proper label\n  const fieldOption = reducedFields.find((field) => field.value === fieldName)\n  const displayLabel = fieldOption?.label || toWords(fieldName)\n\n  return (\n    <div>\n      {displayLabel} ({direction})\n    </div>\n  )\n}\n"],"names":["toWords","React","useMemo","useAuth","useConfig","useTranslation","reduceFieldsToOptions","QueryPresetsGroupByCell","cellData","rowData","i18n","permissions","config","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","div","isDescending","startsWith","fieldName","slice","direction","fieldOption","field","value","displayLabel","label"],"mappings":";AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AAEtF,OAAO,MAAMC,0BAA+D,CAAC,EAC3EC,QAAQ,EACRC,OAAO,EACR;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGL;IACjB,MAAM,EAAEM,WAAW,EAAE,GAAGR;IACxB,MAAM,EAAES,MAAM,EAAE,GAAGR;IAEnB,+CAA+C;IAC/C,MAAMS,oBAAoBJ,SAASI;IAEnC,uDAAuD;IACvD,MAAMC,mBAAmBZ,QAAQ;QAC/B,IAAI,CAACW,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOD,OAAOG,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBD,OAAOG,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBjB,QAAQ;QAC5B,IAAI,CAACY,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBT,aAAaI,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOf,sBAAsB;YAC3Bc;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BX;QACF;IACF,GAAG;QAACI;QAAkBH;QAAaE;QAAmBH;KAAK;IAE3D,IAAI,CAACF,YAAY,OAAOA,aAAa,UAAU;QAC7C,qBAAO,QAACc;sBAAI;;;;;;IACd;IAEA,MAAMC,eAAef,SAASgB,UAAU,CAAC;IACzC,MAAMC,YAAYF,eAAef,SAASkB,KAAK,CAAC,KAAKlB;IACrD,MAAMmB,YAAYJ,eAAe,eAAe;IAEhD,gDAAgD;IAChD,MAAMK,cAAcT,cAAcH,IAAI,CAAC,CAACa,QAAUA,MAAMC,KAAK,KAAKL;IAClE,MAAMM,eAAeH,aAAaI,SAAShC,QAAQyB;IAEnD,qBACE,QAACH;;YACES;YAAa;YAAGJ;YAAU;;;;;;;AAGjC,EAAC"}

package/dist/elements/QueryPresets/cells/WhereCell/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
 import React from 'react';
 /** @todo: improve this */ const transformWhereToNaturalLanguage = (where)=>{
@@ -23,9 +23,13 @@ import React from 'react';
     return '';
 };
 export const QueryPresetsWhereCell = ({ cellData })=>{
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         children: cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'
-    });
+    }, void 0, false, {
+        fileName: "src/elements/QueryPresets/cells/WhereCell/index.tsx",
+        lineNumber: 36,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/cells/WhereCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/WhereCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps, Where } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (where: Where): string => {\n  if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {\n    const orQuery = where.or[0]\n    const andQuery = orQuery?.and?.[0]\n\n    if (!andQuery || typeof andQuery !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(andQuery)[0]\n\n    if (!key || !andQuery[key] || typeof andQuery[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(andQuery[key])[0]\n    const value = andQuery[key][operator]\n\n    if (typeof value === 'string') {\n      return `${toWords(key)} ${operator} ${toWords(value)}`\n    } else if (Array.isArray(value)) {\n      return `${toWords(key)} ${operator} ${value.map((val) => toWords(val)).join(' or ')}`\n    }\n  }\n\n  return ''\n}\n\nexport const QueryPresetsWhereCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return <div>{cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'}</div>\n}\n"],"names":["toWords","React","transformWhereToNaturalLanguage","where","or","length","and","orQuery","andQuery","key","Object","keys","operator","value","Array","isArray","map","val","join","QueryPresetsWhereCell","cellData","div"],"mappings":";AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,WAAW,QAAO;AAEzB,wBAAwB,GACxB,MAAMC,kCAAkC,CAACC;IACvC,IAAIA,MAAMC,EAAE,IAAID,MAAMC,EAAE,CAACC,MAAM,GAAG,KAAKF,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,IAAIH,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,CAACD,MAAM,GAAG,GAAG;QACpF,MAAME,UAAUJ,MAAMC,EAAE,CAAC,EAAE;QAC3B,MAAMI,WAAWD,SAASD,KAAK,CAAC,EAAE;QAElC,IAAI,CAACE,YAAY,OAAOA,aAAa,UAAU;YAC7C,OAAO;QACT;QAEA,MAAMC,MAAMC,OAAOC,IAAI,CAACH,SAAS,CAAC,EAAE;QAEpC,IAAI,CAACC,OAAO,CAACD,QAAQ,CAACC,IAAI,IAAI,OAAOD,QAAQ,CAACC,IAAI,KAAK,UAAU;YAC/D,OAAO;QACT;QAEA,MAAMG,WAAWF,OAAOC,IAAI,CAACH,QAAQ,CAACC,IAAI,CAAC,CAAC,EAAE;QAC9C,MAAMI,QAAQL,QAAQ,CAACC,IAAI,CAACG,SAAS;QAErC,IAAI,OAAOC,UAAU,UAAU;YAC7B,OAAO,GAAGb,QAAQS,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEZ,QAAQa,QAAQ;QACxD,OAAO,IAAIC,MAAMC,OAAO,CAACF,QAAQ;YAC/B,OAAO,GAAGb,QAAQS,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEC,MAAMG,GAAG,CAAC,CAACC,MAAQjB,QAAQiB,MAAMC,IAAI,CAAC,SAAS;QACvF;IACF;IAEA,OAAO;AACT;AAEA,OAAO,MAAMC,wBAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,qBAAO,KAACC;kBAAKD,WAAWlB,gCAAgCkB,YAAY;;AACtE,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/cells/WhereCell/index.tsx"],"sourcesContent":["import type { DefaultCellComponentProps, Where } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (where: Where): string => {\n  if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {\n    const orQuery = where.or[0]\n    const andQuery = orQuery?.and?.[0]\n\n    if (!andQuery || typeof andQuery !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(andQuery)[0]\n\n    if (!key || !andQuery[key] || typeof andQuery[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(andQuery[key])[0]\n    const value = andQuery[key][operator]\n\n    if (typeof value === 'string') {\n      return `${toWords(key)} ${operator} ${toWords(value)}`\n    } else if (Array.isArray(value)) {\n      return `${toWords(key)} ${operator} ${value.map((val) => toWords(val)).join(' or ')}`\n    }\n  }\n\n  return ''\n}\n\nexport const QueryPresetsWhereCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return <div>{cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'}</div>\n}\n"],"names":["toWords","React","transformWhereToNaturalLanguage","where","or","length","and","orQuery","andQuery","key","Object","keys","operator","value","Array","isArray","map","val","join","QueryPresetsWhereCell","cellData","div"],"mappings":";AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,WAAW,QAAO;AAEzB,wBAAwB,GACxB,MAAMC,kCAAkC,CAACC;IACvC,IAAIA,MAAMC,EAAE,IAAID,MAAMC,EAAE,CAACC,MAAM,GAAG,KAAKF,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,IAAIH,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,CAACD,MAAM,GAAG,GAAG;QACpF,MAAME,UAAUJ,MAAMC,EAAE,CAAC,EAAE;QAC3B,MAAMI,WAAWD,SAASD,KAAK,CAAC,EAAE;QAElC,IAAI,CAACE,YAAY,OAAOA,aAAa,UAAU;YAC7C,OAAO;QACT;QAEA,MAAMC,MAAMC,OAAOC,IAAI,CAACH,SAAS,CAAC,EAAE;QAEpC,IAAI,CAACC,OAAO,CAACD,QAAQ,CAACC,IAAI,IAAI,OAAOD,QAAQ,CAACC,IAAI,KAAK,UAAU;YAC/D,OAAO;QACT;QAEA,MAAMG,WAAWF,OAAOC,IAAI,CAACH,QAAQ,CAACC,IAAI,CAAC,CAAC,EAAE;QAC9C,MAAMI,QAAQL,QAAQ,CAACC,IAAI,CAACG,SAAS;QAErC,IAAI,OAAOC,UAAU,UAAU;YAC7B,OAAO,GAAGb,QAAQS,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEZ,QAAQa,QAAQ;QACxD,OAAO,IAAIC,MAAMC,OAAO,CAACF,QAAQ;YAC/B,OAAO,GAAGb,QAAQS,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEC,MAAMG,GAAG,CAAC,CAACC,MAAQjB,QAAQiB,MAAMC,IAAI,CAAC,SAAS;QACvF;IACF;IAEA,OAAO;AACT;AAEA,OAAO,MAAMC,wBAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,qBAAO,QAACC;kBAAKD,WAAWlB,gCAAgCkB,YAAY;;;;;;AACtE,EAAC"}

package/dist/elements/QueryPresets/fields/ColumnsField/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 { toWords, transformColumnsToSearchParams } from 'payload/shared';
 import React from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
@@ -8,28 +8,44 @@ import { Pill } from '../../../Pill/index.js';
 import './index.scss';
 export const QueryPresetsColumnField = ({ field: { label, required } })=>{
     const { path, value } = useField();
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: "field-type query-preset-columns-field",
         children: [
-            /*#__PURE__*/ _jsx(FieldLabel, {
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
                 as: "h3",
                 label: label,
                 path: path,
                 required: required
-            }),
-            /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                lineNumber: 19,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: "value-wrapper",
                 children: value ? transformColumnsToSearchParams(value).map((column, i)=>{
                     const isColumnActive = !column.startsWith('-');
-                    return /*#__PURE__*/ _jsx(Pill, {
+                    return /*#__PURE__*/ _jsxDEV(Pill, {
                         pillStyle: isColumnActive ? 'always-white' : 'light-gray',
                         size: "small",
                         children: toWords(column)
-                    }, i);
+                    }, i, false, {
+                        fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                        lineNumber: 26,
+                        columnNumber: 17
+                    }, this);
                 }) : 'No columns selected'
-            })
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+                lineNumber: 20,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
+        lineNumber: 18,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/fields/ColumnsField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformColumnsToSearchParams(value as ColumnPreference[]).map((column, i) => {\n              const isColumnActive = !column.startsWith('-')\n\n              return (\n                <Pill\n                  key={i}\n                  pillStyle={isColumnActive ? 'always-white' : 'light-gray'}\n                  size=\"small\"\n                >\n                  {toWords(column)}\n                </Pill>\n              )\n            })\n          : 'No columns selected'}\n      </div>\n    </div>\n  )\n}\n"],"names":["toWords","transformColumnsToSearchParams","React","FieldLabel","useField","Pill","QueryPresetsColumnField","field","label","required","path","value","div","className","as","map","column","i","isColumnActive","startsWith","pillStyle","size"],"mappings":"AAAA;;AAGA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,OAAO,MAAMC,0BAAoD,CAAC,EAChEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGP;IAExB,qBACE,MAACQ;QAAIC,WAAU;;0BACb,KAACV;gBAAWW,IAAG;gBAAKN,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;0BACxD,KAACG;gBAAIC,WAAU;0BACZF,QACGV,+BAA+BU,OAA6BI,GAAG,CAAC,CAACC,QAAQC;oBACvE,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;oBAE1C,qBACE,KAACd;wBAECe,WAAWF,iBAAiB,iBAAiB;wBAC7CG,MAAK;kCAEJrB,QAAQgB;uBAJJC;gBAOX,KACA;;;;AAIZ,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformColumnsToSearchParams(value as ColumnPreference[]).map((column, i) => {\n              const isColumnActive = !column.startsWith('-')\n\n              return (\n                <Pill\n                  key={i}\n                  pillStyle={isColumnActive ? 'always-white' : 'light-gray'}\n                  size=\"small\"\n                >\n                  {toWords(column)}\n                </Pill>\n              )\n            })\n          : 'No columns selected'}\n      </div>\n    </div>\n  )\n}\n"],"names":["toWords","transformColumnsToSearchParams","React","FieldLabel","useField","Pill","QueryPresetsColumnField","field","label","required","path","value","div","className","as","map","column","i","isColumnActive","startsWith","pillStyle","size"],"mappings":"AAAA;;AAGA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,OAAO,MAAMC,0BAAoD,CAAC,EAChEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGP;IAExB,qBACE,QAACQ;QAAIC,WAAU;;0BACb,QAACV;gBAAWW,IAAG;gBAAKN,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAACG;gBAAIC,WAAU;0BACZF,QACGV,+BAA+BU,OAA6BI,GAAG,CAAC,CAACC,QAAQC;oBACvE,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;oBAE1C,qBACE,QAACd;wBAECe,WAAWF,iBAAiB,iBAAiB;wBAC7CG,MAAK;kCAEJrB,QAAQgB;uBAJJC;;;;;gBAOX,KACA;;;;;;;;;;;;AAIZ,EAAC"}

package/dist/elements/QueryPresets/fields/GroupByField/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 { toWords } from 'payload/shared';
 import React, { useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
@@ -57,34 +57,54 @@ export const QueryPresetsGroupByField = ({ field: { label, required } })=>{
         // Find the field option to get the proper label
         const fieldOption = reducedFields.find((field)=>field.value === fieldName);
         const displayLabel = fieldOption?.label || toWords(fieldName);
-        return /*#__PURE__*/ _jsxs(Pill, {
+        return /*#__PURE__*/ _jsxDEV(Pill, {
             pillStyle: "always-white",
             size: "small",
             children: [
-                /*#__PURE__*/ _jsx("b", {
+                /*#__PURE__*/ _jsxDEV("b", {
                     children: displayLabel
-                }),
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+                    lineNumber: 67,
+                    columnNumber: 9
+                }, this),
                 " (",
                 direction,
                 ")"
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+            lineNumber: 66,
+            columnNumber: 7
+        }, this);
     };
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: "field-type query-preset-group-by-field",
         children: [
-            /*#__PURE__*/ _jsx(FieldLabel, {
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
                 as: "h3",
                 label: label,
                 path: path,
                 required: required
-            }),
-            /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+                lineNumber: 74,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: "value-wrapper",
                 children: renderGroupBy(value)
-            })
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+                lineNumber: 75,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
+        lineNumber: 73,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/fields/GroupByField/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the relatedCollection from the document data\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  const renderGroupBy = (groupByValue: string) => {\n    if (!groupByValue) {\n      return 'No group by selected'\n    }\n\n    const isDescending = groupByValue.startsWith('-')\n    const fieldName = isDescending ? groupByValue.slice(1) : groupByValue\n    const direction = isDescending ? 'descending' : 'ascending'\n\n    // Find the field option to get the proper label\n    const fieldOption = reducedFields.find((field) => field.value === fieldName)\n    const displayLabel = fieldOption?.label || toWords(fieldName)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{displayLabel}</b> ({direction})\n      </Pill>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">{renderGroupBy(value as string)}</div>\n    </div>\n  )\n}\n"],"names":["toWords","React","useMemo","FieldLabel","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","Pill","QueryPresetsGroupByField","field","label","required","path","value","i18n","permissions","config","relatedCollectionField","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","renderGroupBy","groupByValue","isDescending","startsWith","fieldName","slice","direction","fieldOption","displayLabel","pillStyle","size","b","div","className","as"],"mappings":"AAAA;;AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AACtF,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,OAAO,MAAMC,2BAAqD,CAAC,EACjEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGX;IACxB,MAAM,EAAEY,IAAI,EAAE,GAAGT;IACjB,MAAM,EAAEU,WAAW,EAAE,GAAGZ;IACxB,MAAM,EAAEa,MAAM,EAAE,GAAGZ;IAEnB,mDAAmD;IACnD,MAAMa,yBAAyBf,SAAS;QAAEU,MAAM;IAAoB;IACpE,MAAMM,oBAAoBD,uBAAuBJ,KAAK;IAEtD,uDAAuD;IACvD,MAAMM,mBAAmBnB,QAAQ;QAC/B,IAAI,CAACkB,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOF,OAAOI,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBF,OAAOI,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBxB,QAAQ;QAC5B,IAAI,CAACmB,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBV,aAAaK,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOpB,sBAAsB;YAC3BmB;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BZ;QACF;IACF,GAAG;QAACK;QAAkBJ;QAAaG;QAAmBJ;KAAK;IAE3D,MAAMa,gBAAgB,CAACC;QACrB,IAAI,CAACA,cAAc;YACjB,OAAO;QACT;QAEA,MAAMC,eAAeD,aAAaE,UAAU,CAAC;QAC7C,MAAMC,YAAYF,eAAeD,aAAaI,KAAK,CAAC,KAAKJ;QACzD,MAAMK,YAAYJ,eAAe,eAAe;QAEhD,gDAAgD;QAChD,MAAMK,cAAcV,cAAcH,IAAI,CAAC,CAACZ,QAAUA,MAAMI,KAAK,KAAKkB;QAClE,MAAMI,eAAeD,aAAaxB,SAASZ,QAAQiC;QAEnD,qBACE,MAACxB;YAAK6B,WAAU;YAAeC,MAAK;;8BAClC,KAACC;8BAAGH;;gBAAiB;gBAAGF;gBAAU;;;IAGxC;IAEA,qBACE,MAACM;QAAIC,WAAU;;0BACb,KAACvC;gBAAWwC,IAAG;gBAAK/B,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;0BACxD,KAAC4B;gBAAIC,WAAU;0BAAiBb,cAAcd;;;;AAGpD,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the relatedCollection from the document data\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  const renderGroupBy = (groupByValue: string) => {\n    if (!groupByValue) {\n      return 'No group by selected'\n    }\n\n    const isDescending = groupByValue.startsWith('-')\n    const fieldName = isDescending ? groupByValue.slice(1) : groupByValue\n    const direction = isDescending ? 'descending' : 'ascending'\n\n    // Find the field option to get the proper label\n    const fieldOption = reducedFields.find((field) => field.value === fieldName)\n    const displayLabel = fieldOption?.label || toWords(fieldName)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{displayLabel}</b> ({direction})\n      </Pill>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">{renderGroupBy(value as string)}</div>\n    </div>\n  )\n}\n"],"names":["toWords","React","useMemo","FieldLabel","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","Pill","QueryPresetsGroupByField","field","label","required","path","value","i18n","permissions","config","relatedCollectionField","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","renderGroupBy","groupByValue","isDescending","startsWith","fieldName","slice","direction","fieldOption","displayLabel","pillStyle","size","b","div","className","as"],"mappings":"AAAA;;AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AACtF,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,OAAO,MAAMC,2BAAqD,CAAC,EACjEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGX;IACxB,MAAM,EAAEY,IAAI,EAAE,GAAGT;IACjB,MAAM,EAAEU,WAAW,EAAE,GAAGZ;IACxB,MAAM,EAAEa,MAAM,EAAE,GAAGZ;IAEnB,mDAAmD;IACnD,MAAMa,yBAAyBf,SAAS;QAAEU,MAAM;IAAoB;IACpE,MAAMM,oBAAoBD,uBAAuBJ,KAAK;IAEtD,uDAAuD;IACvD,MAAMM,mBAAmBnB,QAAQ;QAC/B,IAAI,CAACkB,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOF,OAAOI,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBF,OAAOI,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBxB,QAAQ;QAC5B,IAAI,CAACmB,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBV,aAAaK,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOpB,sBAAsB;YAC3BmB;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BZ;QACF;IACF,GAAG;QAACK;QAAkBJ;QAAaG;QAAmBJ;KAAK;IAE3D,MAAMa,gBAAgB,CAACC;QACrB,IAAI,CAACA,cAAc;YACjB,OAAO;QACT;QAEA,MAAMC,eAAeD,aAAaE,UAAU,CAAC;QAC7C,MAAMC,YAAYF,eAAeD,aAAaI,KAAK,CAAC,KAAKJ;QACzD,MAAMK,YAAYJ,eAAe,eAAe;QAEhD,gDAAgD;QAChD,MAAMK,cAAcV,cAAcH,IAAI,CAAC,CAACZ,QAAUA,MAAMI,KAAK,KAAKkB;QAClE,MAAMI,eAAeD,aAAaxB,SAASZ,QAAQiC;QAEnD,qBACE,QAACxB;YAAK6B,WAAU;YAAeC,MAAK;;8BAClC,QAACC;8BAAGH;;;;;;gBAAiB;gBAAGF;gBAAU;;;;;;;IAGxC;IAEA,qBACE,QAACM;QAAIC,WAAU;;0BACb,QAACvC;gBAAWwC,IAAG;gBAAK/B,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAAC4B;gBAAIC,WAAU;0BAAiBb,cAAcd;;;;;;;;;;;;AAGpD,EAAC"}

package/dist/elements/QueryPresets/fields/WhereField/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 { toWords } from 'payload/shared';
 import React from 'react';
@@ -36,51 +36,91 @@ import './index.scss';
             return val?.toString() ?? '';
         };
         const value = Array.isArray(operatorValue) ? operatorValue.map(formatValue).join(', ') : formatValue(operatorValue);
-        return /*#__PURE__*/ _jsxs(Pill, {
+        return /*#__PURE__*/ _jsxDEV(Pill, {
             pillStyle: "always-white",
             size: "small",
             children: [
-                /*#__PURE__*/ _jsx("b", {
+                /*#__PURE__*/ _jsxDEV("b", {
                     children: toWords(key)
-                }),
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                    lineNumber: 57,
+                    columnNumber: 9
+                }, this),
                 " ",
                 operator,
                 " ",
-                /*#__PURE__*/ _jsx("b", {
+                /*#__PURE__*/ _jsxDEV("b", {
                     children: toWords(value)
-                })
+                }, void 0, false, {
+                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                    lineNumber: 57,
+                    columnNumber: 42
+                }, this)
             ]
-        });
+        }, void 0, true, {
+            fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+            lineNumber: 56,
+            columnNumber: 7
+        }, this);
     };
     const renderWhere = (where, collectionLabel)=>{
         if (where.or && where.or.length > 0) {
-            return /*#__PURE__*/ _jsx("div", {
+            return /*#__PURE__*/ _jsxDEV("div", {
                 className: "or-condition",
-                children: where.or.map((orCondition, orIndex)=>/*#__PURE__*/ _jsx(React.Fragment, {
-                        children: orCondition.and && orCondition.and.length > 0 ? /*#__PURE__*/ _jsxs("div", {
+                children: where.or.map((orCondition, orIndex)=>/*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: orCondition.and && orCondition.and.length > 0 ? /*#__PURE__*/ _jsxDEV("div", {
                             className: "and-condition",
                             children: [
-                                orIndex === 0 && /*#__PURE__*/ _jsx("span", {
+                                orIndex === 0 && /*#__PURE__*/ _jsxDEV("span", {
                                     className: "label",
                                     children: `Filter ${collectionLabel} where `
-                                }),
-                                orIndex > 0 && /*#__PURE__*/ _jsx("span", {
+                                }, void 0, false, {
+                                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                                    lineNumber: 71,
+                                    columnNumber: 21
+                                }, this),
+                                orIndex > 0 && /*#__PURE__*/ _jsxDEV("span", {
                                     className: "label",
                                     children: " or "
-                                }),
-                                orCondition.and.map((andCondition, andIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
+                                }, void 0, false, {
+                                    fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                                    lineNumber: 73,
+                                    columnNumber: 35
+                                }, this),
+                                orCondition.and.map((andCondition, andIndex)=>/*#__PURE__*/ _jsxDEV(React.Fragment, {
                                         children: [
                                             renderCondition(andCondition),
-                                            andIndex < orCondition.and.length - 1 && /*#__PURE__*/ _jsx("span", {
+                                            andIndex < orCondition.and.length - 1 && /*#__PURE__*/ _jsxDEV("span", {
                                                 className: "label",
                                                 children: " and "
-                                            })
+                                            }, void 0, false, {
+                                                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                                                lineNumber: 78,
+                                                columnNumber: 25
+                                            }, this)
                                         ]
-                                    }, andIndex))
+                                    }, andIndex, true, {
+                                        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                                        lineNumber: 75,
+                                        columnNumber: 21
+                                    }, this))
                             ]
-                        }) : renderCondition(orCondition)
-                    }, orIndex))
-            });
+                        }, void 0, true, {
+                            fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                            lineNumber: 69,
+                            columnNumber: 17
+                        }, this) : renderCondition(orCondition)
+                    }, orIndex, false, {
+                        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                        lineNumber: 67,
+                        columnNumber: 13
+                    }, this))
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                lineNumber: 65,
+                columnNumber: 9
+            }, this);
         }
         return renderCondition(where);
     };
@@ -94,21 +134,33 @@ export const QueryPresetsWhereField = ({ field: { label, required } })=>{
         collectionSlug
     });
     const { i18n } = useTranslation();
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: "field-type query-preset-where-field",
         children: [
-            /*#__PURE__*/ _jsx(FieldLabel, {
+            /*#__PURE__*/ _jsxDEV(FieldLabel, {
                 as: "h3",
                 label: label,
                 path: path,
                 required: required
-            }),
-            /*#__PURE__*/ _jsx("div", {
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                lineNumber: 111,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: "value-wrapper",
                 children: value ? transformWhereToNaturalLanguage(value, getTranslation(collectionConfig?.labels?.plural, i18n)) : 'No where query'
-            })
+            }, void 0, false, {
+                fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+                lineNumber: 112,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/QueryPresets/fields/WhereField/index.tsx",
+        lineNumber: 110,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map