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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n  where: Where,\n  collectionLabel: string,\n): React.ReactNode => {\n  if (!where) {\n    return null\n  }\n\n  const renderCondition = (condition: any): React.ReactNode => {\n    if (!condition || typeof condition !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(condition)[0]\n\n    if (!key || !condition[key] || typeof condition[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(condition[key])[0]\n    const operatorValue = condition[key][operator]\n\n    // Format value - ideally would use field schema for proper typing\n    const formatValue = (val: any): string => {\n      if (typeof val === 'object' && val != null) {\n        try {\n          return new Date(val).toLocaleDateString()\n        } catch {\n          return 'Unknown error has occurred'\n        }\n      }\n      return val?.toString() ?? ''\n    }\n\n    const value = Array.isArray(operatorValue)\n      ? operatorValue.map(formatValue).join(', ')\n      : formatValue(operatorValue)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n      </Pill>\n    )\n  }\n\n  const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n    if (where.or && where.or.length > 0) {\n      return (\n        <div className=\"or-condition\">\n          {where.or.map((orCondition, orIndex) => (\n            <React.Fragment key={orIndex}>\n              {orCondition.and && orCondition.and.length > 0 ? (\n                <div className=\"and-condition\">\n                  {orIndex === 0 && (\n                    <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n                  )}\n                  {orIndex > 0 && <span className=\"label\"> or </span>}\n                  {orCondition.and.map((andCondition, andIndex) => (\n                    <React.Fragment key={andIndex}>\n                      {renderCondition(andCondition)}\n                      {andIndex < orCondition.and.length - 1 && (\n                        <span className=\"label\"> and </span>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              ) : (\n                renderCondition(orCondition)\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      )\n    }\n\n    return renderCondition(where)\n  }\n\n  return renderWhere(where, collectionLabel)\n}\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { collectionSlug } = useListQuery()\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformWhereToNaturalLanguage(\n              value as Where,\n              getTranslation(collectionConfig?.labels?.plural, i18n),\n            )\n          : 'No where query'}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","operatorValue","formatValue","val","Date","toLocaleDateString","toString","value","Array","isArray","map","join","pillStyle","size","b","renderWhere","or","length","div","className","orCondition","orIndex","Fragment","and","span","andCondition","andIndex","QueryPresetsWhereField","field","label","required","path","collectionSlug","getEntityConfig","collectionConfig","i18n","as","labels","plural"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { toWords } from 'payload/shared'\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useListQuery } from '../../../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\n/** @todo: improve this */\nconst transformWhereToNaturalLanguage = (\n  where: Where,\n  collectionLabel: string,\n): React.ReactNode => {\n  if (!where) {\n    return null\n  }\n\n  const renderCondition = (condition: any): React.ReactNode => {\n    if (!condition || typeof condition !== 'object') {\n      return 'No where query'\n    }\n\n    const key = Object.keys(condition)[0]\n\n    if (!key || !condition[key] || typeof condition[key] !== 'object') {\n      return 'No where query'\n    }\n\n    const operator = Object.keys(condition[key])[0]\n    const operatorValue = condition[key][operator]\n\n    // Format value - ideally would use field schema for proper typing\n    const formatValue = (val: any): string => {\n      if (typeof val === 'object' && val != null) {\n        try {\n          return new Date(val).toLocaleDateString()\n        } catch {\n          return 'Unknown error has occurred'\n        }\n      }\n      return val?.toString() ?? ''\n    }\n\n    const value = Array.isArray(operatorValue)\n      ? operatorValue.map(formatValue).join(', ')\n      : formatValue(operatorValue)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{toWords(key)}</b> {operator} <b>{toWords(value)}</b>\n      </Pill>\n    )\n  }\n\n  const renderWhere = (where: Where, collectionLabel: string): React.ReactNode => {\n    if (where.or && where.or.length > 0) {\n      return (\n        <div className=\"or-condition\">\n          {where.or.map((orCondition, orIndex) => (\n            <React.Fragment key={orIndex}>\n              {orCondition.and && orCondition.and.length > 0 ? (\n                <div className=\"and-condition\">\n                  {orIndex === 0 && (\n                    <span className=\"label\">{`Filter ${collectionLabel} where `}</span>\n                  )}\n                  {orIndex > 0 && <span className=\"label\"> or </span>}\n                  {orCondition.and.map((andCondition, andIndex) => (\n                    <React.Fragment key={andIndex}>\n                      {renderCondition(andCondition)}\n                      {andIndex < orCondition.and.length - 1 && (\n                        <span className=\"label\"> and </span>\n                      )}\n                    </React.Fragment>\n                  ))}\n                </div>\n              ) : (\n                renderCondition(orCondition)\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      )\n    }\n\n    return renderCondition(where)\n  }\n\n  return renderWhere(where, collectionLabel)\n}\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { collectionSlug } = useListQuery()\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { i18n } = useTranslation()\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">\n        {value\n          ? transformWhereToNaturalLanguage(\n              value as Where,\n              getTranslation(collectionConfig?.labels?.plural, i18n),\n            )\n          : 'No where query'}\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","toWords","React","FieldLabel","useField","useConfig","useListQuery","useTranslation","Pill","transformWhereToNaturalLanguage","where","collectionLabel","renderCondition","condition","key","Object","keys","operator","operatorValue","formatValue","val","Date","toLocaleDateString","toString","value","Array","isArray","map","join","pillStyle","size","b","renderWhere","or","length","div","className","orCondition","orIndex","Fragment","and","span","andCondition","andIndex","QueryPresetsWhereField","field","label","required","path","collectionSlug","getEntityConfig","collectionConfig","i18n","as","labels","plural"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,YAAY,QAAQ,2CAA0C;AACvE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,wBAAwB,GACxB,MAAMC,kCAAkC,CACtCC,OACAC;IAEA,IAAI,CAACD,OAAO;QACV,OAAO;IACT;IAEA,MAAME,kBAAkB,CAACC;QACvB,IAAI,CAACA,aAAa,OAAOA,cAAc,UAAU;YAC/C,OAAO;QACT;QAEA,MAAMC,MAAMC,OAAOC,IAAI,CAACH,UAAU,CAAC,EAAE;QAErC,IAAI,CAACC,OAAO,CAACD,SAAS,CAACC,IAAI,IAAI,OAAOD,SAAS,CAACC,IAAI,KAAK,UAAU;YACjE,OAAO;QACT;QAEA,MAAMG,WAAWF,OAAOC,IAAI,CAACH,SAAS,CAACC,IAAI,CAAC,CAAC,EAAE;QAC/C,MAAMI,gBAAgBL,SAAS,CAACC,IAAI,CAACG,SAAS;QAE9C,kEAAkE;QAClE,MAAME,cAAc,CAACC;YACnB,IAAI,OAAOA,QAAQ,YAAYA,OAAO,MAAM;gBAC1C,IAAI;oBACF,OAAO,IAAIC,KAAKD,KAAKE,kBAAkB;gBACzC,EAAE,OAAM;oBACN,OAAO;gBACT;YACF;YACA,OAAOF,KAAKG,cAAc;QAC5B;QAEA,MAAMC,QAAQC,MAAMC,OAAO,CAACR,iBACxBA,cAAcS,GAAG,CAACR,aAAaS,IAAI,CAAC,QACpCT,YAAYD;QAEhB,qBACE,QAACV;YAAKqB,WAAU;YAAeC,MAAK;;8BAClC,QAACC;8BAAG9B,QAAQa;;;;;;gBAAS;gBAAEG;gBAAS;8BAAC,QAACc;8BAAG9B,QAAQuB;;;;;;;;;;;;IAGnD;IAEA,MAAMQ,cAAc,CAACtB,OAAcC;QACjC,IAAID,MAAMuB,EAAE,IAAIvB,MAAMuB,EAAE,CAACC,MAAM,GAAG,GAAG;YACnC,qBACE,QAACC;gBAAIC,WAAU;0BACZ1B,MAAMuB,EAAE,CAACN,GAAG,CAAC,CAACU,aAAaC,wBAC1B,QAACpC,MAAMqC,QAAQ;kCACZF,YAAYG,GAAG,IAAIH,YAAYG,GAAG,CAACN,MAAM,GAAG,kBAC3C,QAACC;4BAAIC,WAAU;;gCACZE,YAAY,mBACX,QAACG;oCAAKL,WAAU;8CAAS,CAAC,OAAO,EAAEzB,gBAAgB,OAAO,CAAC;;;;;;gCAE5D2B,UAAU,mBAAK,QAACG;oCAAKL,WAAU;8CAAQ;;;;;;gCACvCC,YAAYG,GAAG,CAACb,GAAG,CAAC,CAACe,cAAcC,yBAClC,QAACzC,MAAMqC,QAAQ;;4CACZ3B,gBAAgB8B;4CAChBC,WAAWN,YAAYG,GAAG,CAACN,MAAM,GAAG,mBACnC,QAACO;gDAAKL,WAAU;0DAAQ;;;;;;;uCAHPO;;;;;;;;;;mCASzB/B,gBAAgByB;uBAjBCC;;;;;;;;;;QAuB7B;QAEA,OAAO1B,gBAAgBF;IACzB;IAEA,OAAOsB,YAAYtB,OAAOC;AAC5B;AAEA,OAAO,MAAMiC,yBAAmD,CAAC,EAC/DC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAExB,KAAK,EAAE,GAAGpB;IACxB,MAAM,EAAE6C,cAAc,EAAE,GAAG3C;IAC3B,MAAM,EAAE4C,eAAe,EAAE,GAAG7C;IAE5B,MAAM8C,mBAAmBD,gBAAgB;QAAED;IAAe;IAE1D,MAAM,EAAEG,IAAI,EAAE,GAAG7C;IAEjB,qBACE,QAAC4B;QAAIC,WAAU;;0BACb,QAACjC;gBAAWkD,IAAG;gBAAKP,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAACZ;gBAAIC,WAAU;0BACZZ,QACGf,gCACEe,OACAxB,eAAemD,kBAAkBG,QAAQC,QAAQH,SAEnD;;;;;;;;;;;;AAIZ,EAAC"}