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

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { PeopleIcon } from '../../../icons/People/index.js';
 import { XIcon } from '../../../icons/X/index.js';
@@ -14,80 +13,34 @@ export function QueryPresetToggler({ activePreset, openPresetListDrawer, resetPr
     const presetsConfig = getEntityConfig({
         collectionSlug: 'payload-query-presets'
     });
-    return /*#__PURE__*/ _jsxDEV(Pill, {
-        className: [
-            baseClass,
-            activePreset && `${baseClass}--active`
-        ].filter(Boolean).join(' '),
-        id: "select-preset",
-        onClick: ()=>{
-            openPresetListDrawer();
-        },
-        pillStyle: "light",
-        size: "small",
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__label`,
-            children: [
-                activePreset?.isShared && /*#__PURE__*/ _jsxDEV(PeopleIcon, {
-                    className: `${baseClass}__shared`
-                }, void 0, false, {
-                    fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
-                    lineNumber: 42,
-                    columnNumber: 36
-                }, this),
-                /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__label-text-max-width`,
-                    children: /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__label-text`,
-                        children: activePreset?.title || t('general:selectLabel', {
-                            label: getTranslation(presetsConfig.labels.singular, i18n)
-                        })
-                    }, void 0, false, {
-                        fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
-                        lineNumber: 44,
-                        columnNumber: 11
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
-                    lineNumber: 43,
-                    columnNumber: 9
-                }, this),
-                activePreset ? /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__clear`,
-                    id: "clear-preset",
-                    onClick: async (e)=>{
-                        e.stopPropagation();
-                        await resetPreset();
-                    },
-                    onKeyDown: async (e)=>{
-                        if (e.key === 'Enter' || e.key === ' ') {
-                            e.stopPropagation();
-                            await resetPreset();
-                        }
-                    },
-                    role: "button",
-                    tabIndex: 0,
-                    children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
-                        fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
-                        lineNumber: 68,
-                        columnNumber: 13
-                    }, this)
-                }, void 0, false, {
-                    fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
-                    lineNumber: 52,
-                    columnNumber: 11
-                }, this) : null
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
-            lineNumber: 41,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/QueryPresets/QueryPresetToggler/index.tsx",
-        lineNumber: 32,
-        columnNumber: 5
-    }, this);
+    return <Pill className={[
+        baseClass,
+        activePreset && `${baseClass}--active`
+    ].filter(Boolean).join(' ')} id="select-preset" onClick={()=>{
+        openPresetListDrawer();
+    }} pillStyle="light" size="small">
+      <div className={`${baseClass}__label`}>
+        {activePreset?.isShared && <PeopleIcon className={`${baseClass}__shared`}/>}
+        <div className={`${baseClass}__label-text-max-width`}>
+          <div className={`${baseClass}__label-text`}>
+            {activePreset?.title || t('general:selectLabel', {
+        label: getTranslation(presetsConfig.labels.singular, i18n)
+    })}
+          </div>
+        </div>
+        {activePreset ? <div className={`${baseClass}__clear`} id="clear-preset" onClick={async (e)=>{
+        e.stopPropagation();
+        await resetPreset();
+    }} onKeyDown={async (e)=>{
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.stopPropagation();
+            await resetPreset();
+        }
+    }} role="button" tabIndex={0}>
+            <XIcon/>
+          </div> : null}
+      </div>
+    </Pill>;
 }
 
 //# sourceMappingURL=index.js.map

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,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"}
+{"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,QACGV,KACCW,WAAW;QAACV;QAAWE,gBAAgB,GAAGF,UAAU,QAAQ,CAAC;KAAC,CAACW,MAAM,CAACC,SAASC,IAAI,CAAC,MACpFC,GAAG,gBACHC,SAAS;QACPZ;IACF,GACAa,UAAU,QACVC,KAAK,QACN;MACC,CAACC,IAAIR,WAAW,GAAGV,UAAU,OAAO,CAAC,EAAE;QACrC,CAACE,cAAciB,aAAaxB,WAAWe,WAAW,GAAGV,UAAU,QAAQ,CAAC,IAAK;QAC7E,CAACkB,IAAIR,WAAW,GAAGV,UAAU,sBAAsB,CAAC,EAAE;UACpD,CAACkB,IAAIR,WAAW,GAAGV,UAAU,YAAY,CAAC,EAAE;YAC1C,CAACE,cAAckB,SACbd,EAAE,uBAAuB;QACvBe,OAAO3B,eAAec,cAAcc,MAAM,CAACC,QAAQ,EAAElB;IACvD,GAAG;UACP,EAAEa,IAAI;QACR,EAAEA,IAAI;QACN,CAAChB,gBACEgB,IACCR,WAAW,GAAGV,UAAU,OAAO,CAAC,EAChCc,GAAG,eACHC,SAAS,OAAOS;QACdA,EAAEC,eAAe;QACjB,MAAMrB;IACR,GACAsB,WAAW,OAAOF;QAChB,IAAIA,EAAEG,GAAG,KAAK,WAAWH,EAAEG,GAAG,KAAK,KAAK;YACtCH,EAAEC,eAAe;YACjB,MAAMrB;QACR;IACF,GACAwB,KAAK,SACLC,UAAU,GACX;YACC,CAACjC,OAAQ;UACX,EAAEsB,OACA,KAAK;MACX,EAAEA,IAAI;IACR,EAAEnB;AAEN"}

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

@@ -1,6 +1,5 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
-import React, { Fragment } from 'react';
+import { Fragment } from 'react';
 export const QueryPresetsAccessCell = ({ cellData })=>{
     // first sort the operations in the order they should be displayed
     const operations = [
@@ -8,44 +7,20 @@ export const QueryPresetsAccessCell = ({ cellData })=>{
         'update',
         'delete'
     ];
-    return /*#__PURE__*/ _jsxDEV("p", {
-        children: operations.reduce((acc, operation, index)=>{
-            const operationData = cellData?.[operation];
-            if (operationData && operationData.constraint) {
-                acc.push(/*#__PURE__*/ _jsxDEV(Fragment, {
-                    children: [
-                        /*#__PURE__*/ _jsxDEV("span", {
-                            children: [
-                                /*#__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, 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);
+    return <p>
+      {operations.reduce((acc, operation, index)=>{
+        const operationData = cellData?.[operation];
+        if (operationData && operationData.constraint) {
+            acc.push(<Fragment key={operation}>
+              <span>
+                <strong>{toWords(operation)}</strong>: {toWords(operationData.constraint)}
+              </span>
+              {index !== operations.length - 1 && ', '}
+            </Fragment>);
+        }
+        return acc;
+    }, [])}
+    </p>;
 };
 
 //# 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,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"}
+{"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","Fragment","QueryPresetsAccessCell","cellData","operations","p","reduce","acc","operation","index","operationData","constraint","push","key","span","strong","length"],"mappings":"AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,SAAgBC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,yBAA8D,CAAC,EAAEC,QAAQ,EAAE;IACtF,kEAAkE;IAClE,MAAMC,aAAa;QAAC;QAAQ;QAAU;KAAS;IAE/C,QACGC,EAAE;MACD,CAACD,WAAWE,MAAM,CAAC,CAACC,KAAKC,WAAWC;QAClC,MAAMC,gBAAiBP,UAAmB,CAACK,UAAU;QAErD,IAAIE,iBAAiBA,cAAcC,UAAU,EAAE;YAC7CJ,IAAIK,IAAI,EACLX,SAASY,KAAKL,WAAW;cACxB,CAACM,KAAK;gBACJ,CAACC,QAAQf,QAAQQ,aAAaO,OAAO,EAAE,CAACf,QAAQU,cAAcC,UAAU,EAAE;cAC5E,EAAEG,KAAK;cACP,CAACL,UAAUL,WAAWY,MAAM,GAAG,KAAK,KAAK;YAC3C,EAAEf;QAEN;QACA,OAAOM;IACT,GAAG,EAAE,EAAmB;IAC1B,EAAEF;AAEN,EAAC"}

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

@@ -1,33 +1,20 @@
-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__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: cellData ? transformColumnsToSearchParams(cellData).map((column, i)=>{
-            const isColumnActive = !column.startsWith('-');
-            // to void very lengthy cells, only display the active columns
-            if (!isColumnActive) {
-                return null;
-            }
-            return /*#__PURE__*/ _jsxDEV(Pill, {
-                pillStyle: isColumnActive ? 'always-white' : 'light',
-                size: "small",
-                children: toWords(column)
-            }, 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);
+    return <div className={baseClass}>
+      {cellData ? transformColumnsToSearchParams(cellData).map((column, i)=>{
+        const isColumnActive = !column.startsWith('-');
+        // to void very lengthy cells, only display the active columns
+        if (!isColumnActive) {
+            return null;
+        }
+        return <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size="small">
+                {toWords(column)}
+              </Pill>;
+    }) : 'No columns selected'}
+    </div>;
 };
 
 //# 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,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"}
+{"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","Pill","baseClass","QueryPresetsColumnsCell","cellData","div","className","map","column","i","isColumnActive","startsWith","key","pillStyle","size"],"mappings":"AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AAGxE,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,0BAA+D,CAAC,EAAEC,QAAQ,EAAE;IACvF,QACGC,IAAIC,WAAWJ,WAAW;MACzB,CAACE,WACGJ,+BAA+BI,UAAgCG,GAAG,CAAC,CAACC,QAAQC;QAC1E,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;QAE1C,8DAA8D;QAC9D,IAAI,CAACD,gBAAgB;YACnB,OAAO;QACT;QAEA,QACGT,KAAKW,KAAKH,GAAGI,WAAWH,iBAAiB,iBAAiB,SAASI,KAAK,QAAQ;gBAC/E,CAACf,QAAQS,QAAQ;cACnB,EAAEP;IAEN,KACA,sBAAsB;IAC5B,EAAEI;AAEN,EAAC"}

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

@@ -1,6 +1,5 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { useAuth } from '../../../../providers/Auth/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
@@ -39,13 +38,7 @@ export const QueryPresetsGroupByCell = ({ cellData, rowData })=>{
         i18n
     ]);
     if (!cellData || typeof cellData !== 'string') {
-        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);
+        return <div>No group by selected</div>;
     }
     const isDescending = cellData.startsWith('-');
     const fieldName = isDescending ? cellData.slice(1) : cellData;
@@ -53,18 +46,9 @@ 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__*/ _jsxDEV("div", {
-        children: [
-            displayLabel,
-            " (",
-            direction,
-            ")"
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/QueryPresets/cells/GroupByCell/index.tsx",
-        lineNumber: 59,
-        columnNumber: 5
-    }, this);
+    return <div>
+      {displayLabel} ({direction})
+    </div>;
 };
 
 //# 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,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"}
+{"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","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,SAAgBC,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,QAAQc,IAAI,oBAAoB,EAAEA;IACpC;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,SAAS/B,QAAQwB;IAEnD,QACGH,IAAI;MACH,CAACS,aAAa,EAAE,CAACJ,UAAU;IAC7B,EAAEL;AAEN,EAAC"}

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

@@ -1,6 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
-import React from 'react';
 /** @todo: improve this */ const transformWhereToNaturalLanguage = (where)=>{
     if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {
         const orQuery = where.or[0];
@@ -23,13 +21,7 @@ import React from 'react';
     return '';
 };
 export const QueryPresetsWhereCell = ({ cellData })=>{
-    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);
+    return <div>{cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'}</div>;
 };
 
 //# 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,QAACC;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","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;AAGxC,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,GAAGZ,QAAQQ,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEX,QAAQY,QAAQ;QACxD,OAAO,IAAIC,MAAMC,OAAO,CAACF,QAAQ;YAC/B,OAAO,GAAGZ,QAAQQ,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEC,MAAMG,GAAG,CAAC,CAACC,MAAQhB,QAAQgB,MAAMC,IAAI,CAAC,SAAS;QACvF;IACF;IAEA,OAAO;AACT;AAEA,OAAO,MAAMC,wBAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,QAAQC,KAAKD,WAAWlB,gCAAgCkB,YAAY,mBAAmBC;AACzF,EAAC"}

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

@@ -1,51 +1,22 @@
 'use client';
-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';
 import { useField } from '../../../../forms/useField/index.js';
 import { Pill } from '../../../Pill/index.js';
 import './index.scss';
 export const QueryPresetsColumnField = ({ field: { label, required } })=>{
     const { path, value } = useField();
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: "field-type query-preset-columns-field",
-        children: [
-            /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                as: "h3",
-                label: label,
-                path: path,
-                required: required
-            }, 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__*/ _jsxDEV(Pill, {
-                        pillStyle: isColumnActive ? 'always-white' : 'light-gray',
-                        size: "small",
-                        children: toWords(column)
-                    }, 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);
+    return <div className="field-type query-preset-columns-field">
+      <FieldLabel as="h3" label={label} path={path} required={required}/>
+      <div className="value-wrapper">
+        {value ? transformColumnsToSearchParams(value).map((column, i)=>{
+        const isColumnActive = !column.startsWith('-');
+        return <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light-gray'} size="small">
+                  {toWords(column)}
+                </Pill>;
+    }) : 'No columns selected'}
+      </div>
+    </div>;
 };
 
 //# 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,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"}
+{"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","FieldLabel","useField","Pill","QueryPresetsColumnField","field","label","required","path","value","div","className","as","map","column","i","isColumnActive","startsWith","key","pillStyle","size"],"mappings":"AAAA;AAGA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AAGxE,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,QACGQ,IAAIC,UAAU,wCAAwC;MACrD,CAACV,WAAWW,GAAG,KAAKN,OAAOA,OAAOE,MAAMA,MAAMD,UAAUA,WAAY;MACpE,CAACG,IAAIC,UAAU,gBAAgB;QAC7B,CAACF,QACGT,+BAA+BS,OAA6BI,GAAG,CAAC,CAACC,QAAQC;QACvE,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;QAE1C,QACGd,KACCe,KAAKH,GACLI,WAAWH,iBAAiB,iBAAiB,cAC7CI,KAAK,QACN;kBACC,CAACrB,QAAQe,QAAQ;gBACnB,EAAEX;IAEN,KACA,sBAAsB;MAC5B,EAAEO,IAAI;IACR,EAAEA;AAEN,EAAC"}

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

@@ -1,7 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { toWords } from 'payload/shared';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
 import { useAuth } from '../../../../providers/Auth/index.js';
@@ -57,54 +56,14 @@ 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__*/ _jsxDEV(Pill, {
-            pillStyle: "always-white",
-            size: "small",
-            children: [
-                /*#__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 <Pill pillStyle="always-white" size="small">
+        <b>{displayLabel}</b> ({direction})
+      </Pill>;
     };
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: "field-type query-preset-group-by-field",
-        children: [
-            /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                as: "h3",
-                label: label,
-                path: path,
-                required: required
-            }, 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);
+    return <div className="field-type query-preset-group-by-field">
+      <FieldLabel as="h3" label={label} path={path} required={required}/>
+      <div className="value-wrapper">{renderGroupBy(value)}</div>
+    </div>;
 };
 
 //# 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,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"}
+{"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","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,SAAgBC,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,SAASX,QAAQgC;QAEnD,QACGxB,KAAK6B,UAAU,eAAeC,KAAK,QAAQ;QAC1C,CAACC,GAAGH,eAAeG,EAAE,EAAE,CAACL,UAAU;MACpC,EAAE1B;IAEN;IAEA,QACGgC,IAAIC,UAAU,yCAAyC;MACtD,CAACvC,WAAWwC,GAAG,KAAK/B,OAAOA,OAAOE,MAAMA,MAAMD,UAAUA,WAAY;MACpE,CAAC4B,IAAIC,UAAU,iBAAiBb,cAAcd,SAAmB0B,IAAI;IACvE,EAAEA;AAEN,EAAC"}