@payloadcms/ui 3.71.0-internal-debug.e053082 → 3.71.0-internal.49c4f67

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

@@ -1,35 +1,33 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { toWords } from 'payload/shared';
 import React from 'react';
-/** @todo: improve this */ const transformWhereToNaturalLanguage = (where)=>{
-    if (where.or && where.or.length > 0 && where.or[0].and && where.or[0].and.length > 0) {
-        const orQuery = where.or[0];
-        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 ')}`;
-        }
+/** @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 /*#__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);
+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","React","transformWhereToNaturalLanguage","where","or","length","and","orQuery","andQuery","key","Object","keys","operator","value","Array","isArray","map","val","join","QueryPresetsWhereCell","cellData","div"],"mappings":";AAEA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,WAAW,QAAO;AAEzB,wBAAwB,GACxB,MAAMC,kCAAkC,CAACC;IACvC,IAAIA,MAAMC,EAAE,IAAID,MAAMC,EAAE,CAACC,MAAM,GAAG,KAAKF,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,IAAIH,MAAMC,EAAE,CAAC,EAAE,CAACE,GAAG,CAACD,MAAM,GAAG,GAAG;QACpF,MAAME,UAAUJ,MAAMC,EAAE,CAAC,EAAE;QAC3B,MAAMI,WAAWD,SAASD,KAAK,CAAC,EAAE;QAElC,IAAI,CAACE,YAAY,OAAOA,aAAa,UAAU;YAC7C,OAAO;QACT;QAEA,MAAMC,MAAMC,OAAOC,IAAI,CAACH,SAAS,CAAC,EAAE;QAEpC,IAAI,CAACC,OAAO,CAACD,QAAQ,CAACC,IAAI,IAAI,OAAOD,QAAQ,CAACC,IAAI,KAAK,UAAU;YAC/D,OAAO;QACT;QAEA,MAAMG,WAAWF,OAAOC,IAAI,CAACH,QAAQ,CAACC,IAAI,CAAC,CAAC,EAAE;QAC9C,MAAMI,QAAQL,QAAQ,CAACC,IAAI,CAACG,SAAS;QAErC,IAAI,OAAOC,UAAU,UAAU;YAC7B,OAAO,GAAGb,QAAQS,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEZ,QAAQa,QAAQ;QACxD,OAAO,IAAIC,MAAMC,OAAO,CAACF,QAAQ;YAC/B,OAAO,GAAGb,QAAQS,KAAK,CAAC,EAAEG,SAAS,CAAC,EAAEC,MAAMG,GAAG,CAAC,CAACC,MAAQjB,QAAQiB,MAAMC,IAAI,CAAC,SAAS;QACvF;IACF;IAEA,OAAO;AACT;AAEA,OAAO,MAAMC,wBAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,qBAAO,QAACC;kBAAKD,WAAWlB,gCAAgCkB,YAAY;;;;;;AACtE,EAAC"}
+{"version":3,"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,51 +1,56 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+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 /*#__PURE__*/ _jsxDEV("div", {
-        className: "field-type query-preset-columns-field",
-        children: [
-            /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                as: "h3",
-                label: label,
-                path: path,
-                required: required
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
-                lineNumber: 19,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: "value-wrapper",
-                children: value ? transformColumnsToSearchParams(value).map((column, i)=>{
-                    const isColumnActive = !column.startsWith('-');
-                    return /*#__PURE__*/ _jsxDEV(Pill, {
-                        pillStyle: isColumnActive ? 'always-white' : 'light-gray',
-                        size: "small",
-                        children: toWords(column)
-                    }, i, false, {
-                        fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
-                        lineNumber: 26,
-                        columnNumber: 17
-                    }, this);
-                }) : 'No columns selected'
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
-                lineNumber: 20,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/QueryPresets/fields/ColumnsField/index.tsx",
-        lineNumber: 18,
-        columnNumber: 5
-    }, this);
+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","React","FieldLabel","useField","Pill","QueryPresetsColumnField","field","label","required","path","value","div","className","as","map","column","i","isColumnActive","startsWith","pillStyle","size"],"mappings":"AAAA;;AAGA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ,iBAAgB;AACxE,OAAOC,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,OAAO,MAAMC,0BAAoD,CAAC,EAChEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGP;IAExB,qBACE,QAACQ;QAAIC,WAAU;;0BACb,QAACV;gBAAWW,IAAG;gBAAKN,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAACG;gBAAIC,WAAU;0BACZF,QACGV,+BAA+BU,OAA6BI,GAAG,CAAC,CAACC,QAAQC;oBACvE,MAAMC,iBAAiB,CAACF,OAAOG,UAAU,CAAC;oBAE1C,qBACE,QAACd;wBAECe,WAAWF,iBAAiB,iBAAiB;wBAC7CG,MAAK;kCAEJrB,QAAQgB;uBAJJC;;;;;gBAOX,KACA;;;;;;;;;;;;AAIZ,EAAC"}
+{"version":3,"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":[]}

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

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { toWords } from 'payload/shared';
 import React, { useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
@@ -10,101 +11,78 @@ import { useTranslation } from '../../../../providers/Translation/index.js';
 import { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js';
 import { Pill } from '../../../Pill/index.js';
 import './index.scss';
-export const QueryPresetsGroupByField = ({ field: { label, required } })=>{
-    const { path, value } = useField();
-    const { i18n } = useTranslation();
-    const { permissions } = useAuth();
-    const { config } = useConfig();
-    // Get the relatedCollection from the document data
-    const relatedCollectionField = useField({
-        path: 'relatedCollection'
+export const QueryPresetsGroupByField = ({
+  field: {
+    label,
+    required
+  }
+}) => {
+  const {
+    path,
+    value
+  } = useField();
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    config
+  } = useConfig();
+  // Get the relatedCollection from the document data
+  const relatedCollectionField = useField({
+    path: 'relatedCollection'
+  });
+  const relatedCollection = relatedCollectionField.value;
+  // 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]);
+  const renderGroupBy = groupByValue => {
+    if (!groupByValue) {
+      return 'No group by selected';
+    }
+    const isDescending = groupByValue.startsWith('-');
+    const fieldName = isDescending ? groupByValue.slice(1) : groupByValue;
+    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(Pill, {
+      pillStyle: "always-white",
+      size: "small",
+      children: [/*#__PURE__*/_jsx("b", {
+        children: displayLabel
+      }), " (", direction, ")"]
     });
-    const relatedCollection = relatedCollectionField.value;
-    // 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
-    ]);
-    const renderGroupBy = (groupByValue)=>{
-        if (!groupByValue) {
-            return 'No group by selected';
-        }
-        const isDescending = groupByValue.startsWith('-');
-        const fieldName = isDescending ? groupByValue.slice(1) : groupByValue;
-        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__*/ _jsxDEV(Pill, {
-            pillStyle: "always-white",
-            size: "small",
-            children: [
-                /*#__PURE__*/ _jsxDEV("b", {
-                    children: displayLabel
-                }, void 0, false, {
-                    fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
-                    lineNumber: 67,
-                    columnNumber: 9
-                }, this),
-                " (",
-                direction,
-                ")"
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
-            lineNumber: 66,
-            columnNumber: 7
-        }, this);
-    };
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: "field-type query-preset-group-by-field",
-        children: [
-            /*#__PURE__*/ _jsxDEV(FieldLabel, {
-                as: "h3",
-                label: label,
-                path: path,
-                required: required
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
-                lineNumber: 74,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: "value-wrapper",
-                children: renderGroupBy(value)
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
-                lineNumber: 75,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/QueryPresets/fields/GroupByField/index.tsx",
-        lineNumber: 73,
-        columnNumber: 5
-    }, this);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "field-type query-preset-group-by-field",
+    children: [/*#__PURE__*/_jsx(FieldLabel, {
+      as: "h3",
+      label: label,
+      path: path,
+      required: required
+    }), /*#__PURE__*/_jsx("div", {
+      className: "value-wrapper",
+      children: renderGroupBy(value)
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport { toWords } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, value } = useField()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const { config } = useConfig()\n\n  // Get the relatedCollection from the document data\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string\n\n  // Get the collection config for the related collection\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  // Reduce fields to options to get proper labels\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields\n\n    return reduceFieldsToOptions({\n      fieldPermissions,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, permissions, relatedCollection, i18n])\n\n  const renderGroupBy = (groupByValue: string) => {\n    if (!groupByValue) {\n      return 'No group by selected'\n    }\n\n    const isDescending = groupByValue.startsWith('-')\n    const fieldName = isDescending ? groupByValue.slice(1) : groupByValue\n    const direction = isDescending ? 'descending' : 'ascending'\n\n    // Find the field option to get the proper label\n    const fieldOption = reducedFields.find((field) => field.value === fieldName)\n    const displayLabel = fieldOption?.label || toWords(fieldName)\n\n    return (\n      <Pill pillStyle=\"always-white\" size=\"small\">\n        <b>{displayLabel}</b> ({direction})\n      </Pill>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <div className=\"value-wrapper\">{renderGroupBy(value as string)}</div>\n    </div>\n  )\n}\n"],"names":["toWords","React","useMemo","FieldLabel","useField","useAuth","useConfig","useTranslation","reduceFieldsToOptions","Pill","QueryPresetsGroupByField","field","label","required","path","value","i18n","permissions","config","relatedCollectionField","relatedCollection","collectionConfig","collections","find","col","slug","reducedFields","fieldPermissions","fields","renderGroupBy","groupByValue","isDescending","startsWith","fieldName","slice","direction","fieldOption","displayLabel","pillStyle","size","b","div","className","as"],"mappings":"AAAA;;AAGA,SAASA,OAAO,QAAQ,iBAAgB;AACxC,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,QAAQ,QAAQ,sCAAqC;AAC9D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,qBAAqB,QAAQ,iDAAgD;AACtF,SAASC,IAAI,QAAQ,yBAAwB;AAC7C,OAAO,eAAc;AAErB,OAAO,MAAMC,2BAAqD,CAAC,EACjEC,OAAO,EAAEC,KAAK,EAAEC,QAAQ,EAAE,EAC3B;IACC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGX;IACxB,MAAM,EAAEY,IAAI,EAAE,GAAGT;IACjB,MAAM,EAAEU,WAAW,EAAE,GAAGZ;IACxB,MAAM,EAAEa,MAAM,EAAE,GAAGZ;IAEnB,mDAAmD;IACnD,MAAMa,yBAAyBf,SAAS;QAAEU,MAAM;IAAoB;IACpE,MAAMM,oBAAoBD,uBAAuBJ,KAAK;IAEtD,uDAAuD;IACvD,MAAMM,mBAAmBnB,QAAQ;QAC/B,IAAI,CAACkB,mBAAmB;YACtB,OAAO;QACT;QAEA,OAAOF,OAAOI,WAAW,EAAEC,KAAK,CAACC,MAAQA,IAAIC,IAAI,KAAKL;IACxD,GAAG;QAACA;QAAmBF,OAAOI,WAAW;KAAC;IAE1C,gDAAgD;IAChD,MAAMI,gBAAgBxB,QAAQ;QAC5B,IAAI,CAACmB,kBAAkB;YACrB,OAAO,EAAE;QACX;QAEA,MAAMM,mBAAmBV,aAAaK,aAAa,CAACF,kBAAkB,EAAEQ;QAExE,OAAOpB,sBAAsB;YAC3BmB;YACAC,QAAQP,iBAAiBO,MAAM;YAC/BZ;QACF;IACF,GAAG;QAACK;QAAkBJ;QAAaG;QAAmBJ;KAAK;IAE3D,MAAMa,gBAAgB,CAACC;QACrB,IAAI,CAACA,cAAc;YACjB,OAAO;QACT;QAEA,MAAMC,eAAeD,aAAaE,UAAU,CAAC;QAC7C,MAAMC,YAAYF,eAAeD,aAAaI,KAAK,CAAC,KAAKJ;QACzD,MAAMK,YAAYJ,eAAe,eAAe;QAEhD,gDAAgD;QAChD,MAAMK,cAAcV,cAAcH,IAAI,CAAC,CAACZ,QAAUA,MAAMI,KAAK,KAAKkB;QAClE,MAAMI,eAAeD,aAAaxB,SAASZ,QAAQiC;QAEnD,qBACE,QAACxB;YAAK6B,WAAU;YAAeC,MAAK;;8BAClC,QAACC;8BAAGH;;;;;;gBAAiB;gBAAGF;gBAAU;;;;;;;IAGxC;IAEA,qBACE,QAACM;QAAIC,WAAU;;0BACb,QAACvC;gBAAWwC,IAAG;gBAAK/B,OAAOA;gBAAOE,MAAMA;gBAAMD,UAAUA;;;;;;0BACxD,QAAC4B;gBAAIC,WAAU;0BAAiBb,cAAcd;;;;;;;;;;;;AAGpD,EAAC"}
+{"version":3,"file":"index.js","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","_jsxs","pillStyle","size","_jsx","className","as"],"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"],"mappings":"AAAA;;;AAGA,SAASA,OAAO,QAAQ;AACxB,OAAOC,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAAqDA,CAAC;EACjEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC;EAAK,CAAE,GAAGX,QAAA;EACxB,MAAM;IAAEY;EAAI,CAAE,GAAGT,cAAA;EACjB,MAAM;IAAEU;EAAW,CAAE,GAAGZ,OAAA;EACxB,MAAM;IAAEa;EAAM,CAAE,GAAGZ,SAAA;EAEnB;EACA,MAAMa,sBAAA,GAAyBf,QAAA,CAAS;IAAEU,IAAA,EAAM;EAAoB;EACpE,MAAMM,iBAAA,GAAoBD,sBAAA,CAAuBJ,KAAK;EAEtD;EACA,MAAMM,gBAAA,GAAmBnB,OAAA,CAAQ;IAC/B,IAAI,CAACkB,iBAAA,EAAmB;MACtB,OAAO;IACT;IAEA,OAAOF,MAAA,CAAOI,WAAW,EAAEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAI,KAAKL,iBAAA;EACxD,GAAG,CAACA,iBAAA,EAAmBF,MAAA,CAAOI,WAAW,CAAC;EAE1C;EACA,MAAMI,aAAA,GAAgBxB,OAAA,CAAQ;IAC5B,IAAI,CAACmB,gBAAA,EAAkB;MACrB,OAAO,EAAE;IACX;IAEA,MAAMM,gBAAA,GAAmBV,WAAA,EAAaK,WAAA,GAAcF,iBAAA,CAAkB,EAAEQ,MAAA;IAExE,OAAOpB,qBAAA,CAAsB;MAC3BmB,gBAAA;MACAC,MAAA,EAAQP,gBAAA,CAAiBO,MAAM;MAC/BZ;IACF;EACF,GAAG,CAACK,gBAAA,EAAkBJ,WAAA,EAAaG,iBAAA,EAAmBJ,IAAA,CAAK;EAE3D,MAAMa,aAAA,GAAiBC,YAAA;IACrB,IAAI,CAACA,YAAA,EAAc;MACjB,OAAO;IACT;IAEA,MAAMC,YAAA,GAAeD,YAAA,CAAaE,UAAU,CAAC;IAC7C,MAAMC,SAAA,GAAYF,YAAA,GAAeD,YAAA,CAAaI,KAAK,CAAC,KAAKJ,YAAA;IACzD,MAAMK,SAAA,GAAYJ,YAAA,GAAe,eAAe;IAEhD;IACA,MAAMK,WAAA,GAAcV,aAAA,CAAcH,IAAI,CAAEZ,KAAA,IAAUA,KAAA,CAAMI,KAAK,KAAKkB,SAAA;IAClE,MAAMI,YAAA,GAAeD,WAAA,EAAaxB,KAAA,IAASZ,OAAA,CAAQiC,SAAA;IAEnD,oBACEK,KAAA,CAAC7B,IAAA;MAAK8B,SAAA,EAAU;MAAeC,IAAA,EAAK;8BAClCC,IAAA,CAAC;kBAAGJ;UAAiB,MAAGF,SAAA,EAAU;;EAGxC;EAEA,oBACEG,KAAA,CAAC;IAAII,SAAA,EAAU;4BACbD,IAAA,CAACtC,UAAA;MAAWwC,EAAA,EAAG;MAAK/B,KAAA,EAAOA,KAAA;MAAOE,IAAA,EAAMA,IAAA;MAAMD,QAAA,EAAUA;qBACxD4B,IAAA,CAAC;MAAIC,SAAA,EAAU;gBAAiBb,aAAA,CAAcd,KAAA;;;AAGpD","ignoreList":[]}