@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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

@@ -1,4 +1,7 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { PeopleIcon } from '../../../icons/People/index.js';
 import { XIcon } from '../../../icons/X/index.js';
@@ -7,40 +10,91 @@ import { useTranslation } from '../../../providers/Translation/index.js';
 import { Pill } from '../../Pill/index.js';
 import './index.scss';
 const baseClass = 'active-query-preset';
-export function QueryPresetToggler({ activePreset, openPresetListDrawer, resetPreset }) {
-    const { i18n, t } = useTranslation();
-    const { getEntityConfig } = useConfig();
+export function QueryPresetToggler(t0) {
+  const $ = _c(11);
+  const {
+    activePreset,
+    openPresetListDrawer,
+    resetPreset
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    getEntityConfig
+  } = useConfig();
+  let t1;
+  if ($[0] !== activePreset || $[1] !== getEntityConfig || $[2] !== i18n || $[3] !== openPresetListDrawer || $[4] !== resetPreset || $[5] !== t) {
     const presetsConfig = getEntityConfig({
-        collectionSlug: 'payload-query-presets'
+      collectionSlug: "payload-query-presets"
     });
-    return <Pill className={[
-        baseClass,
-        activePreset && `${baseClass}--active`
-    ].filter(Boolean).join(' ')} id="select-preset" onClick={()=>{
+    const t2 = activePreset && `${baseClass}--active`;
+    let t3;
+    if ($[7] !== t2) {
+      t3 = [baseClass, t2].filter(Boolean);
+      $[7] = t2;
+      $[8] = t3;
+    } else {
+      t3 = $[8];
+    }
+    let t4;
+    if ($[9] !== openPresetListDrawer) {
+      t4 = () => {
         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 === ' ') {
+      };
+      $[9] = openPresetListDrawer;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    t1 = _jsx(Pill, {
+      className: t3.join(" "),
+      id: "select-preset",
+      onClick: t4,
+      pillStyle: "light",
+      size: "small",
+      children: _jsxs("div", {
+        className: `${baseClass}__label`,
+        children: [activePreset?.isShared && _jsx(PeopleIcon, {
+          className: `${baseClass}__shared`
+        }), _jsx("div", {
+          className: `${baseClass}__label-text-max-width`,
+          children: _jsx("div", {
+            className: `${baseClass}__label-text`,
+            children: activePreset?.title || t("general:selectLabel", {
+              label: getTranslation(presetsConfig.labels.singular, i18n)
+            })
+          })
+        }), activePreset ? _jsx("div", {
+          className: `${baseClass}__clear`,
+          id: "clear-preset",
+          onClick: async e => {
             e.stopPropagation();
             await resetPreset();
-        }
-    }} role="button" tabIndex={0}>
-            <XIcon/>
-          </div> : null}
-      </div>
-    </Pill>;
+          },
+          onKeyDown: async e_0 => {
+            if (e_0.key === "Enter" || e_0.key === " ") {
+              e_0.stopPropagation();
+              await resetPreset();
+            }
+          },
+          role: "button",
+          tabIndex: 0,
+          children: _jsx(XIcon, {})
+        }) : null]
+      })
+    });
+    $[0] = activePreset;
+    $[1] = getEntityConfig;
+    $[2] = i18n;
+    $[3] = openPresetListDrawer;
+    $[4] = resetPreset;
+    $[5] = t;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
 }
-
 //# 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,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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","PeopleIcon","XIcon","useConfig","useTranslation","Pill","baseClass","QueryPresetToggler","t0","$","activePreset","openPresetListDrawer","resetPreset","i18n","t","getEntityConfig","t1","presetsConfig","collectionSlug","t2","t3","filter","Boolean","t4","_jsx","className","join","id","onClick","pillStyle","size","children","_jsxs","isShared","title","label","labels","singular","e","stopPropagation","onKeyDown","e_0","key","role","tabIndex"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,mBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAA4B;IAAAW,YAAA;IAAAC,oBAAA;IAAAC;EAAA,IAAAJ,EAQlC;EACC;IAAAK,IAAA;IAAAC;EAAA,IAAoBV,cAAA;EACpB;IAAAW;EAAA,IAA4BZ,SAAA;EAAA,IAAAa,EAAA;EAAA,IAAAP,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAE,oBAAA,IAAAF,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAK,CAAA;IAE5B,MAAAG,aAAA,GAAsBF,eAAA;MAAAG,cAAA,EACJ;IAAA,CAClB;IAI2B,MAAAC,EAAA,GAAAT,YAAA,IAAgB,GAAAJ,SAAA,UAAsB;IAAA,IAAAc,EAAA;IAAA,IAAAX,CAAA,QAAAU,EAAA;MAAlDC,EAAA,IAAAd,SAAA,EAAYa,EAAsC,EAAAE,MAAA,CAAAC,OAAS;MAAAb,CAAA,MAAAU,EAAA;MAAAV,CAAA,MAAAW,EAAA;IAAA;MAAAA,EAAA,GAAAX,CAAA;IAAA;IAAA,IAAAc,EAAA;IAAA,IAAAd,CAAA,QAAAE,oBAAA;MAE7DY,EAAA,GAAAA,CAAA;QACPZ,oBAAA;MAAA;MACFF,CAAA,MAAAE,oBAAA;MAAAF,CAAA,OAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IALFO,EAAA,GAAAQ,IAAA,CAAAnB,IAAA;MAAAoB,SAAA,EACaL,EAA2D,CAAAM,IAAA,CAAc;MAAAC,EAAA,EACjF;MAAAC,OAAA,EACML,EAET;MAAAM,SAAA,EACU;MAAAC,IAAA,EACL;MAAAC,QAAA,EAELC,KAAA,CAAC;QAAAP,SAAA,EAAe,GAAAnB,SAAA,SAAqB;QAAAyB,QAAA,GAClCrB,YAAA,EAAAuB,QAAA,IAA0BT,IAAA,CAAAvB,UAAA;UAAAwB,SAAA,EAAuB,GAAAnB,SAAA;QAAsB,C,GACxEkB,IAAA,CAAC;UAAAC,SAAA,EAAe,GAAAnB,SAAA,wBAAoC;UAAAyB,QAAA,EAClDP,IAAA,CAAC;YAAAC,SAAA,EAAe,GAAAnB,SAAA,cAA0B;YAAAyB,QAAA,EACvCrB,YAAA,EAAAwB,KAAA,IACCpB,CAAA,CAAE;cAAAqB,KAAA,EACOnC,cAAA,CAAeiB,aAAA,CAAAmB,MAAA,CAAAC,QAAA,EAA+BxB,IAAA;YAAA,CACvD;UAAA,C;YAGLH,YAAA,GACCc,IAAA,CAAC;UAAAC,SAAA,EACY,GAAAnB,SAAA,SAAqB;UAAAqB,EAAA,EAC7B;UAAAC,OAAA,QAAAU,CAAA;YAEDA,CAAA,CAAAC,eAAA,CAAiB;YAAA,MACX3B,WAAA;UAAA;UAAA4B,SAAA,QAAAC,GAAA;YAAA,IAGFH,GAAA,CAAAI,GAAA,KAAU,WAAWJ,GAAA,CAAAI,GAAA,KAAU;cACjCJ,GAAA,CAAAC,eAAA,CAAiB;cAAA,MACX3B,WAAA;YAAA;UAAA;UAAA+B,IAAA,EAGL;UAAAC,QAAA;UAAAb,QAAA,EAGLP,IAAA,CAAAtB,KAAA,IAAC;QAAA,C,QAED;MAAA,C;;;;;;;;;;;;SAtCRc,E","ignoreList":[]}

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

@@ -1,26 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { toWords } from 'payload/shared';
-import { Fragment } from 'react';
-export const QueryPresetsAccessCell = ({ cellData })=>{
-    // first sort the operations in the order they should be displayed
-    const operations = [
-        'read',
-        'update',
-        'delete'
-    ];
-    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>;
+import React, { Fragment } from 'react';
+export const QueryPresetsAccessCell = ({
+  cellData
+}) => {
+  // first sort the operations in the order they should be displayed
+  const operations = ['read', 'update', 'delete'];
+  return /*#__PURE__*/_jsx("p", {
+    children: operations.reduce((acc, operation, index) => {
+      const operationData = cellData?.[operation];
+      if (operationData && operationData.constraint) {
+        acc.push(/*#__PURE__*/_jsxs(Fragment, {
+          children: [/*#__PURE__*/_jsxs("span", {
+            children: [/*#__PURE__*/_jsx("strong", {
+              children: toWords(operation)
+            }), ": ", toWords(operationData.constraint)]
+          }), index !== operations.length - 1 && ', ']
+        }, operation));
+      }
+      return acc;
+    }, [])
+  });
 };
-
 //# 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","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"}
+{"version":3,"file":"index.js","names":["toWords","React","Fragment","QueryPresetsAccessCell","cellData","operations","_jsx","reduce","acc","operation","index","operationData","constraint","push","_jsxs","length"],"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"],"mappings":";AAGA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,OAAO,MAAMC,sBAAA,GAA8DA,CAAC;EAAEC;AAAQ,CAAE;EACtF;EACA,MAAMC,UAAA,GAAa,CAAC,QAAQ,UAAU,SAAS;EAE/C,oBACEC,IAAA,CAAC;cACED,UAAA,CAAWE,MAAM,CAAC,CAACC,GAAA,EAAKC,SAAA,EAAWC,KAAA;MAClC,MAAMC,aAAA,GAAiBP,QAAA,GAAoBK,SAAA,CAAU;MAErD,IAAIE,aAAA,IAAiBA,aAAA,CAAcC,UAAU,EAAE;QAC7CJ,GAAA,CAAIK,IAAI,cACNC,KAAA,CAACZ,QAAA;kCACCY,KAAA,CAAC;oCACCR,IAAA,CAAC;wBAAQN,OAAA,CAAQS,SAAA;gBAAoB,MAAGT,OAAA,CAAQW,aAAA,CAAcC,UAAU;cAEzEF,KAAA,KAAUL,UAAA,CAAWU,MAAM,GAAG,KAAK;WAJvBN,SAAA;MAOnB;MACA,OAAOD,GAAA;IACT,GAAG,EAAE;;AAGX","ignoreList":[]}

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

@@ -1,20 +1,26 @@
+import { jsx as _jsx } from "react/jsx-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 <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>;
+export const QueryPresetsColumnsCell = ({
+  cellData
+}) => {
+  return /*#__PURE__*/_jsx("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__*/_jsx(Pill, {
+        pillStyle: isColumnActive ? 'always-white' : 'light',
+        size: "small",
+        children: toWords(column)
+      }, i);
+    }) : 'No columns selected'
+  });
 };
-
 //# 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","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"}
+{"version":3,"file":"index.js","names":["toWords","transformColumnsToSearchParams","React","Pill","baseClass","QueryPresetsColumnsCell","cellData","_jsx","className","map","column","i","isColumnActive","startsWith","pillStyle","size"],"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"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ;AACxD,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,uBAAA,GAA+DA,CAAC;EAAEC;AAAQ,CAAE;EACvF,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACbE,QAAA,GACGL,8BAAA,CAA+BK,QAAA,EAAgCG,GAAG,CAAC,CAACC,MAAA,EAAQC,CAAA;MAC1E,MAAMC,cAAA,GAAiB,CAACF,MAAA,CAAOG,UAAU,CAAC;MAE1C;MACA,IAAI,CAACD,cAAA,EAAgB;QACnB,OAAO;MACT;MAEA,oBACEL,IAAA,CAACJ,IAAA;QAAaW,SAAA,EAAWF,cAAA,GAAiB,iBAAiB;QAASG,IAAA,EAAK;kBACtEf,OAAA,CAAQU,MAAA;SADAC,CAAA;IAIf,KACA;;AAGV","ignoreList":[]}

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

@@ -1,54 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { toWords } from 'payload/shared';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { useAuth } from '../../../../providers/Auth/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js';
-export const QueryPresetsGroupByCell = ({ cellData, rowData })=>{
-    const { i18n } = useTranslation();
-    const { permissions } = useAuth();
-    const { config } = useConfig();
-    // Get the related collection from the row data
-    const relatedCollection = rowData?.relatedCollection;
-    // Get the collection config for the related collection
-    const collectionConfig = useMemo(()=>{
-        if (!relatedCollection) {
-            return null;
-        }
-        return config.collections?.find((col)=>col.slug === relatedCollection);
-    }, [
-        relatedCollection,
-        config.collections
-    ]);
-    // Reduce fields to options to get proper labels
-    const reducedFields = useMemo(()=>{
-        if (!collectionConfig) {
-            return [];
-        }
-        const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields;
-        return reduceFieldsToOptions({
-            fieldPermissions,
-            fields: collectionConfig.fields,
-            i18n
-        });
-    }, [
-        collectionConfig,
-        permissions,
-        relatedCollection,
-        i18n
-    ]);
-    if (!cellData || typeof cellData !== 'string') {
-        return <div>No group by selected</div>;
+export const QueryPresetsGroupByCell = ({
+  cellData,
+  rowData
+}) => {
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    config
+  } = useConfig();
+  // Get the related collection from the row data
+  const relatedCollection = rowData?.relatedCollection;
+  // Get the collection config for the related collection
+  const collectionConfig = useMemo(() => {
+    if (!relatedCollection) {
+      return null;
     }
-    const isDescending = cellData.startsWith('-');
-    const fieldName = isDescending ? cellData.slice(1) : cellData;
-    const direction = isDescending ? 'descending' : 'ascending';
-    // Find the field option to get the proper label
-    const fieldOption = reducedFields.find((field)=>field.value === fieldName);
-    const displayLabel = fieldOption?.label || toWords(fieldName);
-    return <div>
-      {displayLabel} ({direction})
-    </div>;
+    return config.collections?.find(col => col.slug === relatedCollection);
+  }, [relatedCollection, config.collections]);
+  // Reduce fields to options to get proper labels
+  const reducedFields = useMemo(() => {
+    if (!collectionConfig) {
+      return [];
+    }
+    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields;
+    return reduceFieldsToOptions({
+      fieldPermissions,
+      fields: collectionConfig.fields,
+      i18n
+    });
+  }, [collectionConfig, permissions, relatedCollection, i18n]);
+  if (!cellData || typeof cellData !== 'string') {
+    return /*#__PURE__*/_jsx("div", {
+      children: "No group by selected"
+    });
+  }
+  const isDescending = cellData.startsWith('-');
+  const fieldName = isDescending ? cellData.slice(1) : cellData;
+  const direction = isDescending ? 'descending' : 'ascending';
+  // 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", {
+    children: [displayLabel, " (", direction, ")"]
+  });
 };
-
 //# 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","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"}
+{"version":3,"file":"index.js","names":["toWords","React","useMemo","useAuth","useConfig","useTranslation","reduceFieldsToOptions","QueryPresetsGroupByCell","cellData","rowData","i18n","permissions","config","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","_jsx","isDescending","startsWith","fieldName","slice","direction","fieldOption","field","value","displayLabel","label","_jsxs"],"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"],"mappings":";AAEA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,uBAAA,GAA+DA,CAAC;EAC3EC,QAAQ;EACRC;AAAO,CACR;EACC,MAAM;IAAEC;EAAI,CAAE,GAAGL,cAAA;EACjB,MAAM;IAAEM;EAAW,CAAE,GAAGR,OAAA;EACxB,MAAM;IAAES;EAAM,CAAE,GAAGR,SAAA;EAEnB;EACA,MAAMS,iBAAA,GAAoBJ,OAAA,EAASI,iBAAA;EAEnC;EACA,MAAMC,gBAAA,GAAmBZ,OAAA,CAAQ;IAC/B,IAAI,CAACW,iBAAA,EAAmB;MACtB,OAAO;IACT;IAEA,OAAOD,MAAA,CAAOG,WAAW,EAAEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAI,KAAKL,iBAAA;EACxD,GAAG,CAACA,iBAAA,EAAmBD,MAAA,CAAOG,WAAW,CAAC;EAE1C;EACA,MAAMI,aAAA,GAAgBjB,OAAA,CAAQ;IAC5B,IAAI,CAACY,gBAAA,EAAkB;MACrB,OAAO,EAAE;IACX;IAEA,MAAMM,gBAAA,GAAmBT,WAAA,EAAaI,WAAA,GAAcF,iBAAA,CAAkB,EAAEQ,MAAA;IAExE,OAAOf,qBAAA,CAAsB;MAC3Bc,gBAAA;MACAC,MAAA,EAAQP,gBAAA,CAAiBO,MAAM;MAC/BX;IACF;EACF,GAAG,CAACI,gBAAA,EAAkBH,WAAA,EAAaE,iBAAA,EAAmBH,IAAA,CAAK;EAE3D,IAAI,CAACF,QAAA,IAAY,OAAOA,QAAA,KAAa,UAAU;IAC7C,oBAAOc,IAAA,CAAC;gBAAI;;EACd;EAEA,MAAMC,YAAA,GAAef,QAAA,CAASgB,UAAU,CAAC;EACzC,MAAMC,SAAA,GAAYF,YAAA,GAAef,QAAA,CAASkB,KAAK,CAAC,KAAKlB,QAAA;EACrD,MAAMmB,SAAA,GAAYJ,YAAA,GAAe,eAAe;EAEhD;EACA,MAAMK,WAAA,GAAcT,aAAA,CAAcH,IAAI,CAAEa,KAAA,IAAUA,KAAA,CAAMC,KAAK,KAAKL,SAAA;EAClE,MAAMM,YAAA,GAAeH,WAAA,EAAaI,KAAA,IAAShC,OAAA,CAAQyB,SAAA;EAEnD,oBACEQ,KAAA,CAAC;eACEF,YAAA,EAAa,MAAGJ,SAAA,EAAU;;AAGjC","ignoreList":[]}

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

@@ -1,27 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { toWords } from 'payload/shared';
-/** @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];
-        const andQuery = orQuery?.and?.[0];
-        if (!andQuery || typeof andQuery !== 'object') {
-            return 'No where query';
-        }
-        const key = Object.keys(andQuery)[0];
-        if (!key || !andQuery[key] || typeof andQuery[key] !== 'object') {
-            return 'No where query';
-        }
-        const operator = Object.keys(andQuery[key])[0];
-        const value = andQuery[key][operator];
-        if (typeof value === 'string') {
-            return `${toWords(key)} ${operator} ${toWords(value)}`;
-        } else if (Array.isArray(value)) {
-            return `${toWords(key)} ${operator} ${value.map((val)=>toWords(val)).join(' or ')}`;
-        }
+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];
+    const andQuery = orQuery?.and?.[0];
+    if (!andQuery || typeof andQuery !== 'object') {
+      return 'No where query';
     }
-    return '';
+    const key = Object.keys(andQuery)[0];
+    if (!key || !andQuery[key] || typeof andQuery[key] !== 'object') {
+      return 'No where query';
+    }
+    const operator = Object.keys(andQuery[key])[0];
+    const value = andQuery[key][operator];
+    if (typeof value === 'string') {
+      return `${toWords(key)} ${operator} ${toWords(value)}`;
+    } else if (Array.isArray(value)) {
+      return `${toWords(key)} ${operator} ${value.map(val => toWords(val)).join(' or ')}`;
+    }
+  }
+  return '';
 };
-export const QueryPresetsWhereCell = ({ cellData })=>{
-    return <div>{cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'}</div>;
+export const QueryPresetsWhereCell = ({
+  cellData
+}) => {
+  return /*#__PURE__*/_jsx("div", {
+    children: cellData ? transformWhereToNaturalLanguage(cellData) : 'No where query'
+  });
 };
-
 //# 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","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"}
+{"version":3,"file":"index.js","names":["toWords","React","transformWhereToNaturalLanguage","where","or","length","and","orQuery","andQuery","key","Object","keys","operator","value","Array","isArray","map","val","join","QueryPresetsWhereCell","cellData","_jsx"],"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"],"mappings":";AAEA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,MAAW;AAElB;AACA,MAAMC,+BAAA,GAAmCC,KAAA;EACvC,IAAIA,KAAA,CAAMC,EAAE,IAAID,KAAA,CAAMC,EAAE,CAACC,MAAM,GAAG,KAAKF,KAAA,CAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,IAAIH,KAAA,CAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,CAACD,MAAM,GAAG,GAAG;IACpF,MAAME,OAAA,GAAUJ,KAAA,CAAMC,EAAE,CAAC,EAAE;IAC3B,MAAMI,QAAA,GAAWD,OAAA,EAASD,GAAA,GAAM,EAAE;IAElC,IAAI,CAACE,QAAA,IAAY,OAAOA,QAAA,KAAa,UAAU;MAC7C,OAAO;IACT;IAEA,MAAMC,GAAA,GAAMC,MAAA,CAAOC,IAAI,CAACH,QAAA,CAAS,CAAC,EAAE;IAEpC,IAAI,CAACC,GAAA,IAAO,CAACD,QAAQ,CAACC,GAAA,CAAI,IAAI,OAAOD,QAAQ,CAACC,GAAA,CAAI,KAAK,UAAU;MAC/D,OAAO;IACT;IAEA,MAAMG,QAAA,GAAWF,MAAA,CAAOC,IAAI,CAACH,QAAQ,CAACC,GAAA,CAAI,CAAC,CAAC,EAAE;IAC9C,MAAMI,KAAA,GAAQL,QAAQ,CAACC,GAAA,CAAI,CAACG,QAAA,CAAS;IAErC,IAAI,OAAOC,KAAA,KAAU,UAAU;MAC7B,OAAO,GAAGb,OAAA,CAAQS,GAAA,KAAQG,QAAA,IAAYZ,OAAA,CAAQa,KAAA,GAAQ;IACxD,OAAO,IAAIC,KAAA,CAAMC,OAAO,CAACF,KAAA,GAAQ;MAC/B,OAAO,GAAGb,OAAA,CAAQS,GAAA,KAAQG,QAAA,IAAYC,KAAA,CAAMG,GAAG,CAAEC,GAAA,IAAQjB,OAAA,CAAQiB,GAAA,GAAMC,IAAI,CAAC,SAAS;IACvF;EACF;EAEA,OAAO;AACT;AAEA,OAAO,MAAMC,qBAAA,GAA6DA,CAAC;EAAEC;AAAQ,CAAE;EACrF,oBAAOC,IAAA,CAAC;cAAKD,QAAA,GAAWlB,+BAAA,CAAgCkB,QAAA,IAAY;;AACtE","ignoreList":[]}

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

@@ -1,22 +1,56 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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 <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>;
+export const QueryPresetsColumnField = t0 => {
+  const $ = _c(5);
+  const {
+    field: t1
+  } = t0;
+  const {
+    label,
+    required
+  } = t1;
+  const {
+    path,
+    value
+  } = useField();
+  let t2;
+  if ($[0] !== label || $[1] !== path || $[2] !== required || $[3] !== value) {
+    t2 = _jsxs("div", {
+      className: "field-type query-preset-columns-field",
+      children: [_jsx(FieldLabel, {
+        as: "h3",
+        label,
+        path,
+        required
+      }), _jsx("div", {
+        className: "value-wrapper",
+        children: value ? transformColumnsToSearchParams(value).map(_temp) : "No columns selected"
+      })]
+    });
+    $[0] = label;
+    $[1] = path;
+    $[2] = required;
+    $[3] = value;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 };
-
+function _temp(column, i) {
+  const isColumnActive = !column.startsWith("-");
+  return _jsx(Pill, {
+    pillStyle: isColumnActive ? "always-white" : "light-gray",
+    size: "small",
+    children: toWords(column)
+  }, i);
+}
 //# 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","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"}
+{"version":3,"file":"index.js","names":["c","_c","toWords","transformColumnsToSearchParams","React","FieldLabel","useField","Pill","QueryPresetsColumnField","t0","$","field","t1","label","required","path","value","t2","_jsxs","className","children","_jsx","as","map","_temp","column","i","isColumnActive","startsWith","pillStyle","size"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,OAAO,EAAEC,8BAA8B,QAAQ;AACxD,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,OAAO,MAAMC,uBAAA,GAAoDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,KAAA,EAAAC;EAAA,IAAAH,EAEjE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC;EAAA,IAAwBV,QAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAM,KAAA;IAGtBC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,GACbC,IAAA,CAAAhB,UAAA;QAAAiB,EAAA,EAAe;QAAAT,KAAA;QAAAE,IAAA;QAAAD;MAAA,C,GACfO,IAAA,CAAC;QAAAF,SAAA,EAAc;QAAAC,QAAA,EACZJ,KAAA,GACGb,8BAAA,CAA+Ba,KAAA,EAAAO,GAAA,CAAAC,KAY/B,IACA;MAAA,C;;;;;;;;;;SAjBRP,E;CAqBJ;AA3BiE,SAAAO,MAAAC,MAAA,EAAAC,CAAA;EAWnD,MAAAC,cAAA,IAAwBF,MAAA,CAAAG,UAAA,CAAkB;EAAA,OAGxCP,IAAA,CAAAd,IAAA;IAAAsB,SAAA,EAEaF,cAAA,GAAiB,iBAAiB;IAAAG,IAAA,EACxC;IAAAV,QAAA,EAEJlB,OAAA,CAAQuB,MAAA;EAAA,GAJJC,CAAA;AAAA","ignoreList":[]}