@payloadcms/ui 3.78.0-canary.1 → 3.78.0-canary.2

package/dist/elements/GroupByBuilder/index.d.ts

@@ -3,7 +3,10 @@ import './index.scss';
 import React from 'react';
 export type Props = {
     readonly collectionSlug: SanitizedCollectionConfig['slug'];
-    fields: ClientField[];
+    readonly fields: ClientField[];
+    /** When set, GroupByBuilder is controlled by the form (value + onChange) instead of list query. */
+    readonly onChange?: (groupBy: string) => void;
+    readonly value?: string;
 };
 export declare const GroupByBuilder: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/GroupByBuilder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/GroupByBuilder/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAS,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAE5E,OAAO,cAAc,CAAA;AAErB,OAAO,KAAkB,MAAM,OAAO,CAAA;AAStC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,MAAM,EAAE,WAAW,EAAE,CAAA;CACtB,CAAA;AAyBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiH1C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/GroupByBuilder/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAS,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAE5E,OAAO,cAAc,CAAA;AAErB,OAAO,KAAkB,MAAM,OAAO,CAAA;AAStC,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,mGAAmG;IACnG,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAyBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6J1C,CAAA"}

package/dist/elements/GroupByBuilder/index.js

@@ -20,7 +20,9 @@ const baseClass = 'group-by-builder';
 const supportedFieldTypes = ['text', 'textarea', 'number', 'select', 'relationship', 'date', 'checkbox', 'radio', 'email', 'number', 'upload'];
 export const GroupByBuilder = ({
   collectionSlug,
-  fields
+  fields,
+  onChange,
+  value: valueProp
 }) => {
   const {
     i18n,
@@ -29,18 +31,85 @@ export const GroupByBuilder = ({
   const {
     permissions
   } = useAuth();
+  const listQuery = useListQuery();
+  const isFormMode = typeof onChange === 'function';
+  const groupByRaw = isFormMode ? valueProp : listQuery.query?.groupBy;
+  const groupByFieldName = groupByRaw?.replace(/^-/, '');
   const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
   const reducedFields = useMemo(() => reduceFieldsToOptions({
     fieldPermissions,
     fields,
     i18n
   }), [fields, fieldPermissions, i18n]);
-  const {
-    query,
-    refineListData
-  } = useListQuery();
-  const groupByFieldName = query.groupBy?.replace(/^-/, '');
   const groupByField = reducedFields.find(field => field.value === groupByFieldName);
+  const handleFieldChange = useMemo(() => {
+    if (isFormMode) {
+      return v => {
+        const value = v === null ? undefined : v.value;
+        const newGroupBy = value ? groupByRaw?.startsWith('-') ? `-${value}` : value : '';
+        onChange?.(newGroupBy);
+      };
+    }
+    return v_0 => {
+      void (async () => {
+        if (typeof listQuery.refineListData !== 'function') {
+          return;
+        }
+        const value_0 = v_0 === null ? undefined : v_0.value;
+        if (v_0 === null) {
+          await listQuery.refineListData({
+            groupBy: '',
+            page: 1
+          });
+        } else {
+          await listQuery.refineListData({
+            groupBy: value_0 ? listQuery.query?.groupBy?.startsWith('-') ? `-${value_0}` : value_0 : undefined,
+            page: 1
+          });
+        }
+      })();
+    };
+  }, [isFormMode, groupByRaw, listQuery, onChange]);
+  const handleClear = useMemo(() => {
+    if (isFormMode) {
+      return () => onChange?.('');
+    }
+    return () => {
+      void (async () => {
+        if (typeof listQuery.refineListData === 'function') {
+          await listQuery.refineListData({
+            groupBy: ''
+          });
+        }
+      })();
+    };
+  }, [isFormMode, listQuery, onChange]);
+  const handleDirectionChange = useMemo(() => {
+    if (isFormMode) {
+      return ({
+        value: value_1
+      }) => {
+        if (!groupByFieldName) {
+          return;
+        }
+        onChange?.(value_1 === 'asc' ? groupByFieldName : `-${groupByFieldName}`);
+      };
+    }
+    return ({
+      value: value_2
+    }) => {
+      void (async () => {
+        if (!groupByFieldName || typeof listQuery.refineListData !== 'function') {
+          return;
+        }
+        await listQuery.refineListData({
+          groupBy: value_2 === 'asc' ? groupByFieldName : `-${groupByFieldName}`,
+          page: 1
+        });
+      })();
+    };
+  }, [groupByFieldName, isFormMode, listQuery, onChange]);
+  const directionValue = !groupByRaw || typeof groupByRaw !== 'string' ? 'asc' : groupByRaw.startsWith('-') ? 'desc' : 'asc';
   return /*#__PURE__*/_jsxs("div", {
     className: baseClass,
     children: [/*#__PURE__*/_jsxs("div", {
@@ -49,14 +118,10 @@ export const GroupByBuilder = ({
         children: t('general:groupByLabel', {
           label: ''
         })
-      }), query.groupBy && /*#__PURE__*/_jsx("button", {
+      }), groupByRaw && /*#__PURE__*/_jsx("button", {
         className: `${baseClass}__clear-button`,
         id: "group-by--reset",
-        onClick: async () => {
-          await refineListData({
-            groupBy: ''
-          });
-        },
+        onClick: () => void handleClear(),
         type: "button",
         children: t('general:clear')
       })]
@@ -67,21 +132,8 @@ export const GroupByBuilder = ({
         id: "group-by--field-select",
         isClearable: true,
         isMulti: false,
-        onChange: async v => {
-          const value = v === null ? undefined : v.value;
-          // value is being cleared
-          if (v === null) {
-            await refineListData({
-              groupBy: '',
-              page: 1
-            });
-          }
-          await refineListData({
-            groupBy: value ? query.groupBy?.startsWith('-') ? `-${value}` : value : undefined,
-            page: 1
-          });
-        },
-        options: reducedFields.filter(field_0 => !field_0.field.admin.disableGroupBy && field_0.value !== 'id' && supportedFieldTypes.includes(field_0.field.type)),
+        onChange: handleFieldChange,
+        options: reducedFields.filter(field_0 => !field_0.field.admin?.disableGroupBy && field_0.value !== 'id' && supportedFieldTypes.includes(field_0.field.type)),
         value: {
           label: groupByField?.label || t('general:selectValue'),
           value: groupByFieldName || ''
@@ -90,17 +142,7 @@ export const GroupByBuilder = ({
         id: "group-by--sort",
         isClearable: false,
         name: "direction",
-        onChange: async ({
-          value: value_0
-        }) => {
-          if (!groupByFieldName) {
-            return;
-          }
-          await refineListData({
-            groupBy: value_0 === 'asc' ? groupByFieldName : `-${groupByFieldName}`,
-            page: 1
-          });
-        },
+        onChange: handleDirectionChange,
         options: [{
           label: t('general:ascending'),
           value: 'asc'
@@ -110,7 +152,7 @@ export const GroupByBuilder = ({
         }],
         path: "direction",
         readOnly: !groupByFieldName,
-        value: !query.groupBy ? 'asc' : typeof query.groupBy === 'string' ? `${query.groupBy.startsWith('-') ? 'desc' : 'asc'}` : ''
+        value: directionValue
       })]
     })]
   });

package/dist/elements/GroupByBuilder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","SelectInput","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","ReactSelect","baseClass","supportedFieldTypes","GroupByBuilder","collectionSlug","fields","i18n","t","permissions","fieldPermissions","collections","reducedFields","query","refineListData","groupByFieldName","groupBy","replace","groupByField","find","field","value","_jsxs","className","_jsx","label","id","onClick","type","filterOption","option","inputValue","data","plainTextLabel","toLowerCase","includes","isClearable","isMulti","onChange","v","undefined","page","startsWith","options","filter","admin","disableGroupBy","name","path","readOnly"],"sources":["../../../src/elements/GroupByBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport './index.scss'\n\nimport React, { useMemo } from 'react'\n\nimport { SelectInput } from '../../fields/Select/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  fields: ClientField[]\n}\n\nconst baseClass = 'group-by-builder'\n\n/**\n * Note: Some fields are already omitted from the list of fields:\n * - fields with nested field, e.g. `tabs`, `groups`, etc.\n * - fields that don't affect data, i.e. `row`, `collapsible`, `ui`, etc.\n * So we don't technically need to omit them here, but do anyway.\n * But some remaining fields still need an additional check, e.g. `richText`, etc.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'number',\n  'upload',\n]\n\nexport const GroupByBuilder: React.FC<Props> = ({ collectionSlug, fields }) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const { query, refineListData } = useListQuery()\n\n  const groupByFieldName = query.groupBy?.replace(/^-/, '')\n\n  const groupByField = reducedFields.find((field) => field.value === groupByFieldName)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <p>\n          {t('general:groupByLabel', {\n            label: '',\n          })}\n        </p>\n        {query.groupBy && (\n          <button\n            className={`${baseClass}__clear-button`}\n            id=\"group-by--reset\"\n            onClick={async () => {\n              await refineListData({\n                groupBy: '',\n              })\n            }}\n            type=\"button\"\n          >\n            {t('general:clear')}\n          </button>\n        )}\n      </div>\n      <div className={`${baseClass}__inputs`}>\n        <ReactSelect\n          filterOption={(option, inputValue) =>\n            ((option?.data?.plainTextLabel as string) || option.label)\n              .toLowerCase()\n              .includes(inputValue.toLowerCase())\n          }\n          id=\"group-by--field-select\"\n          isClearable\n          isMulti={false}\n          onChange={async (v: { value: string } | null) => {\n            const value = v === null ? undefined : v.value\n\n            // value is being cleared\n            if (v === null) {\n              await refineListData({\n                groupBy: '',\n                page: 1,\n              })\n            }\n\n            await refineListData({\n              groupBy: value ? (query.groupBy?.startsWith('-') ? `-${value}` : value) : undefined,\n              page: 1,\n            })\n          }}\n          options={reducedFields.filter(\n            (field) =>\n              !field.field.admin.disableGroupBy &&\n              field.value !== 'id' &&\n              supportedFieldTypes.includes(field.field.type),\n          )}\n          value={{\n            label: groupByField?.label || t('general:selectValue'),\n            value: groupByFieldName || '',\n          }}\n        />\n        <SelectInput\n          id=\"group-by--sort\"\n          isClearable={false}\n          name=\"direction\"\n          onChange={async ({ value }: { value: string }) => {\n            if (!groupByFieldName) {\n              return\n            }\n\n            await refineListData({\n              groupBy: value === 'asc' ? groupByFieldName : `-${groupByFieldName}`,\n              page: 1,\n            })\n          }}\n          options={[\n            { label: t('general:ascending'), value: 'asc' },\n            { label: t('general:descending'), value: 'desc' },\n          ]}\n          path=\"direction\"\n          readOnly={!groupByFieldName}\n          value={\n            !query.groupBy\n              ? 'asc'\n              : typeof query.groupBy === 'string'\n                ? `${query.groupBy.startsWith('-') ? 'desc' : 'asc'}`\n                : ''\n          }\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","SelectInput","useAuth","useListQuery","useTranslation","reduceFieldsToOptions","ReactSelect","baseClass","supportedFieldTypes","GroupByBuilder","collectionSlug","fields","onChange","value","valueProp","i18n","t","permissions","listQuery","isFormMode","groupByRaw","query","groupBy","groupByFieldName","replace","fieldPermissions","collections","reducedFields","groupByField","find","field","handleFieldChange","v","undefined","newGroupBy","startsWith","refineListData","page","handleClear","handleDirectionChange","directionValue","_jsxs","className","_jsx","label","id","onClick","type","filterOption","option","inputValue","data","plainTextLabel","toLowerCase","includes","isClearable","isMulti","options","filter","admin","disableGroupBy","name","path","readOnly"],"sources":["../../../src/elements/GroupByBuilder/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport './index.scss'\n\nimport React, { useMemo } from 'react'\n\nimport { SelectInput } from '../../fields/Select/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { ReactSelect } from '../ReactSelect/index.js'\n\nexport type Props = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields: ClientField[]\n  /** When set, GroupByBuilder is controlled by the form (value + onChange) instead of list query. */\n  readonly onChange?: (groupBy: string) => void\n  readonly value?: string\n}\n\nconst baseClass = 'group-by-builder'\n\n/**\n * Note: Some fields are already omitted from the list of fields:\n * - fields with nested field, e.g. `tabs`, `groups`, etc.\n * - fields that don't affect data, i.e. `row`, `collapsible`, `ui`, etc.\n * So we don't technically need to omit them here, but do anyway.\n * But some remaining fields still need an additional check, e.g. `richText`, etc.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'number',\n  'upload',\n]\n\nexport const GroupByBuilder: React.FC<Props> = ({\n  collectionSlug,\n  fields,\n  onChange,\n  value: valueProp,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n  const listQuery = useListQuery()\n\n  const isFormMode = typeof onChange === 'function'\n  const groupByRaw = isFormMode ? valueProp : listQuery.query?.groupBy\n  const groupByFieldName = groupByRaw?.replace(/^-/, '')\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const groupByField = reducedFields.find((field) => field.value === groupByFieldName)\n\n  const handleFieldChange = useMemo(() => {\n    if (isFormMode) {\n      return (v: { value: string } | null) => {\n        const value = v === null ? undefined : v.value\n        const newGroupBy = value ? (groupByRaw?.startsWith('-') ? `-${value}` : value) : ''\n        onChange?.(newGroupBy)\n      }\n    }\n    return (v: { value: string } | null) => {\n      void (async () => {\n        if (typeof listQuery.refineListData !== 'function') {\n          return\n        }\n        const value = v === null ? undefined : v.value\n        if (v === null) {\n          await listQuery.refineListData({ groupBy: '', page: 1 })\n        } else {\n          await listQuery.refineListData({\n            groupBy: value\n              ? listQuery.query?.groupBy?.startsWith('-')\n                ? `-${value}`\n                : value\n              : undefined,\n            page: 1,\n          })\n        }\n      })()\n    }\n  }, [isFormMode, groupByRaw, listQuery, onChange])\n\n  const handleClear = useMemo(() => {\n    if (isFormMode) {\n      return () => onChange?.('')\n    }\n    return () => {\n      void (async () => {\n        if (typeof listQuery.refineListData === 'function') {\n          await listQuery.refineListData({ groupBy: '' })\n        }\n      })()\n    }\n  }, [isFormMode, listQuery, onChange])\n\n  const handleDirectionChange = useMemo(() => {\n    if (isFormMode) {\n      return ({ value }: { value: string }) => {\n        if (!groupByFieldName) {\n          return\n        }\n        onChange?.(value === 'asc' ? groupByFieldName : `-${groupByFieldName}`)\n      }\n    }\n    return ({ value }: { value: string }) => {\n      void (async () => {\n        if (!groupByFieldName || typeof listQuery.refineListData !== 'function') {\n          return\n        }\n        await listQuery.refineListData({\n          groupBy: value === 'asc' ? groupByFieldName : `-${groupByFieldName}`,\n          page: 1,\n        })\n      })()\n    }\n  }, [groupByFieldName, isFormMode, listQuery, onChange])\n\n  const directionValue =\n    !groupByRaw || typeof groupByRaw !== 'string'\n      ? 'asc'\n      : groupByRaw.startsWith('-')\n        ? 'desc'\n        : 'asc'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <p>\n          {t('general:groupByLabel', {\n            label: '',\n          })}\n        </p>\n        {groupByRaw && (\n          <button\n            className={`${baseClass}__clear-button`}\n            id=\"group-by--reset\"\n            onClick={() => void handleClear()}\n            type=\"button\"\n          >\n            {t('general:clear')}\n          </button>\n        )}\n      </div>\n      <div className={`${baseClass}__inputs`}>\n        <ReactSelect\n          filterOption={(option, inputValue) =>\n            ((option?.data?.plainTextLabel as string) || option.label)\n              .toLowerCase()\n              .includes(inputValue.toLowerCase())\n          }\n          id=\"group-by--field-select\"\n          isClearable\n          isMulti={false}\n          onChange={handleFieldChange}\n          options={reducedFields.filter(\n            (field) =>\n              !field.field.admin?.disableGroupBy &&\n              field.value !== 'id' &&\n              supportedFieldTypes.includes(field.field.type),\n          )}\n          value={{\n            label: groupByField?.label || t('general:selectValue'),\n            value: groupByFieldName || '',\n          }}\n        />\n        <SelectInput\n          id=\"group-by--sort\"\n          isClearable={false}\n          name=\"direction\"\n          onChange={handleDirectionChange}\n          options={[\n            { label: t('general:ascending'), value: 'asc' },\n            { label: t('general:descending'), value: 'desc' },\n          ]}\n          path=\"direction\"\n          readOnly={!groupByFieldName}\n          value={directionValue}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/QueryPresets/fields/ColumnsField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAoB,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAQzE,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,uBAAuB,EAAE,wBA2BrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAoB,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAYzE,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,uBAAuB,EAAE,wBA+FrC,CAAA"}

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

@@ -1,56 +1,119 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { toWords, transformColumnsToSearchParams } from 'payload/shared';
-import React from 'react';
+import React, { useId, useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
-import { Pill } from '../../../Pill/index.js';
+import { useAuth } from '../../../../providers/Auth/index.js';
+import { useConfig } from '../../../../providers/Config/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { getColumns } from '../../../../utilities/getColumns.js';
+import { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js';
+import { PillSelector } from '../../../PillSelector/index.js';
 import './index.scss';
-export const QueryPresetsColumnField = t0 => {
-  const $ = _c(5);
-  const {
-    field: t1
-  } = t0;
-  const {
+export const QueryPresetsColumnField = ({
+  field: {
     label,
     required
-  } = t1;
+  }
+}) => {
   const {
     path,
+    setValue,
     value
   } = useField();
-  let t2;
-  if ($[0] !== label || $[1] !== path || $[2] !== required || $[3] !== value) {
-    t2 = _jsxs("div", {
+  const relatedCollectionField = useField({
+    path: 'relatedCollection'
+  });
+  const relatedCollection = relatedCollectionField.value;
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    permissions
+  } = useAuth();
+  const uuid = useId();
+  const collectionConfig = useMemo(() => relatedCollection ? getEntityConfig({
+    collectionSlug: relatedCollection
+  }) : null, [relatedCollection, getEntityConfig]);
+  const columns = useMemo(() => {
+    if (!relatedCollection || !collectionConfig) {
+      return [];
+    }
+    return getColumns({
+      clientConfig: config,
+      collectionConfig,
+      collectionSlug: relatedCollection,
+      columns: value ?? [],
+      i18n,
+      permissions
+    });
+  }, [config, collectionConfig, relatedCollection, value, i18n, permissions]);
+  const reducedFields = useMemo(() => {
+    if (!collectionConfig?.fields) {
+      return [];
+    }
+    return reduceFieldsToOptions({
+      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,
+      fields: collectionConfig.fields,
+      i18n
+    });
+  }, [collectionConfig, i18n, permissions, relatedCollection]);
+  const accessorToLabel = useMemo(() => {
+    const map = {};
+    for (const f of reducedFields) {
+      map[String(f.value)] = f.label;
+    }
+    return map;
+  }, [reducedFields]);
+  const pills = useMemo(() => columns.map((col, i) => ({
+    name: col.accessor,
+    key: `${relatedCollection}-${col.accessor}-${i}-${uuid}`,
+    Label: accessorToLabel[col.accessor] ?? col.accessor,
+    selected: col.active
+  })), [accessorToLabel, columns, relatedCollection, uuid]);
+  const currentColumns = value ?? columns;
+  const handleClick = React.useCallback(({
+    pill
+  }) => {
+    const newColumns = currentColumns.map(col_0 => col_0.accessor === pill.name ? {
+      ...col_0,
+      active: !col_0.active
+    } : col_0);
+    setValue(newColumns.length ? newColumns : undefined);
+  }, [currentColumns, setValue]);
+  if (!relatedCollection) {
+    return /*#__PURE__*/_jsxs("div", {
       className: "field-type query-preset-columns-field",
-      children: [_jsx(FieldLabel, {
+      children: [/*#__PURE__*/_jsx(FieldLabel, {
         as: "h3",
-        label,
-        path,
-        required
-      }), _jsx("div", {
-        className: "value-wrapper",
-        children: value ? transformColumnsToSearchParams(value).map(_temp) : "No columns selected"
+        label: label,
+        path: path,
+        required: required
+      }), /*#__PURE__*/_jsx("p", {
+        className: "query-preset-columns-field__hint",
+        children: "Select the related collection to configure columns."
       })]
     });
-    $[0] = label;
-    $[1] = path;
-    $[2] = required;
-    $[3] = value;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
   }
-  return t2;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "field-type query-preset-columns-field",
+    children: [/*#__PURE__*/_jsx(FieldLabel, {
+      as: "h3",
+      label: label,
+      path: path,
+      required: required
+    }), pills.length > 0 ? /*#__PURE__*/_jsx(PillSelector, {
+      onClick: handleClick,
+      pills: pills
+    }) : /*#__PURE__*/_jsx("p", {
+      className: "query-preset-columns-field__hint",
+      children: "No columns available for this collection."
+    })]
+  });
 };
-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,"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":[]}
+{"version":3,"file":"index.js","names":["React","useId","useMemo","FieldLabel","useField","useAuth","useConfig","useTranslation","getColumns","reduceFieldsToOptions","PillSelector","QueryPresetsColumnField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","getEntityConfig","i18n","permissions","uuid","collectionConfig","collectionSlug","columns","clientConfig","reducedFields","fields","fieldPermissions","collections","accessorToLabel","map","f","String","pills","col","i","name","accessor","key","Label","selected","active","currentColumns","handleClick","useCallback","pill","newColumns","length","undefined","_jsxs","className","_jsx","as","onClick"],"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ColumnPreference, JSONFieldClientComponent } from 'payload'\n\nimport React, { useId, 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 { getColumns } from '../../../../utilities/getColumns.js'\nimport { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js'\nimport { PillSelector, type SelectablePill } from '../../../PillSelector/index.js'\nimport './index.scss'\n\nexport const QueryPresetsColumnField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<ColumnPreference[]>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { config, getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { permissions } = useAuth()\n  const uuid = useId()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  const columns = useMemo(() => {\n    if (!relatedCollection || !collectionConfig) {\n      return []\n    }\n    return getColumns({\n      clientConfig: config,\n      collectionConfig,\n      collectionSlug: relatedCollection,\n      columns: value ?? [],\n      i18n,\n      permissions,\n    })\n  }, [config, collectionConfig, relatedCollection, value, i18n, permissions])\n\n  const reducedFields = useMemo(() => {\n    if (!collectionConfig?.fields) {\n      return []\n    }\n    return reduceFieldsToOptions({\n      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,\n      fields: collectionConfig.fields,\n      i18n,\n    })\n  }, [collectionConfig, i18n, permissions, relatedCollection])\n\n  const accessorToLabel = useMemo(() => {\n    const map: Record<string, React.ReactNode> = {}\n    for (const f of reducedFields) {\n      map[String(f.value)] = f.label\n    }\n    return map\n  }, [reducedFields])\n\n  const pills: SelectablePill[] = useMemo(\n    () =>\n      columns.map((col, i) => ({\n        name: col.accessor,\n        key: `${relatedCollection}-${col.accessor}-${i}-${uuid}`,\n        Label: accessorToLabel[col.accessor] ?? col.accessor,\n        selected: col.active,\n      })),\n    [accessorToLabel, columns, relatedCollection, uuid],\n  )\n\n  const currentColumns = value ?? columns\n\n  const handleClick = React.useCallback(\n    ({ pill }: { pill: SelectablePill }) => {\n      const newColumns = currentColumns.map((col) =>\n        col.accessor === pill.name ? { ...col, active: !col.active } : col,\n      )\n      setValue(newColumns.length ? newColumns : undefined)\n    },\n    [currentColumns, setValue],\n  )\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-columns-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-columns-field__hint\">\n          Select the related collection to configure columns.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-columns-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      {pills.length > 0 ? (\n        <PillSelector onClick={handleClick} pills={pills} />\n      ) : (\n        <p className=\"query-preset-columns-field__hint\">\n          No columns available for this collection.\n        </p>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/QueryPresets/fields/GroupByField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAYvD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,wBAAwB,EAAE,wBA8DtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAQvD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,wBAAwB,EAAE,wBAuCtC,CAAA"}

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

@@ -1,15 +1,11 @@
 'use client';
 
 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';
 import { useField } from '../../../../forms/useField/index.js';
-import { useAuth } from '../../../../providers/Auth/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
-import { useTranslation } from '../../../../providers/Translation/index.js';
-import { reduceFieldsToOptions } from '../../../../utilities/reduceFieldsToOptions.js';
-import { Pill } from '../../../Pill/index.js';
+import { GroupByBuilder } from '../../../GroupByBuilder/index.js';
 import './index.scss';
 export const QueryPresetsGroupByField = ({
   field: {
@@ -19,59 +15,37 @@ export const QueryPresetsGroupByField = ({
 }) => {
   const {
     path,
+    setValue,
     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 {
+    config
+  } = useConfig();
   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
+  const fields = collectionConfig?.fields ?? [];
+  if (!relatedCollection) {
+    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("p", {
+        className: "query-preset-group-by-field__hint",
+        children: "Select the related collection to configure group by."
+      })]
     });
-  }, [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, ")"]
-    });
-  };
+  }
   return /*#__PURE__*/_jsxs("div", {
     className: "field-type query-preset-group-by-field",
     children: [/*#__PURE__*/_jsx(FieldLabel, {
@@ -79,9 +53,11 @@ export const QueryPresetsGroupByField = ({
       label: label,
       path: path,
       required: required
-    }), /*#__PURE__*/_jsx("div", {
-      className: "value-wrapper",
-      children: renderGroupBy(value)
+    }), /*#__PURE__*/_jsx(GroupByBuilder, {
+      collectionSlug: relatedCollection,
+      fields: fields,
+      onChange: groupBy => setValue(groupBy || null),
+      value: value ?? undefined
     })]
   });
 };

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByBuilder","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","collectionConfig","collections","find","col","slug","fields","_jsxs","className","_jsx","as","collectionSlug","onChange","groupBy","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useMemo } 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 { GroupByBuilder } from '../../../GroupByBuilder/index.js'\nimport './index.scss'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { config } = useConfig()\n\n  const collectionConfig = useMemo(() => {\n    if (!relatedCollection) {\n      return null\n    }\n    return config.collections?.find((col) => col.slug === relatedCollection)\n  }, [relatedCollection, config.collections])\n\n  const fields = collectionConfig?.fields ?? []\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\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      <GroupByBuilder\n        collectionSlug={relatedCollection}\n        fields={fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAAqDA,CAAC;EACjEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGT,QAAA;EAClC,MAAMU,sBAAA,GAAyBV,QAAA,CAAS;IAAEO,IAAA,EAAM;EAAoB;EACpE,MAAMI,iBAAA,GAAoBD,sBAAA,CAAuBD,KAAK;EACtD,MAAM;IAAEG;EAAM,CAAE,GAAGX,SAAA;EAEnB,MAAMY,gBAAA,GAAmBf,OAAA,CAAQ;IAC/B,IAAI,CAACa,iBAAA,EAAmB;MACtB,OAAO;IACT;IACA,OAAOC,MAAA,CAAOE,WAAW,EAAEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAI,KAAKN,iBAAA;EACxD,GAAG,CAACA,iBAAA,EAAmBC,MAAA,CAAOE,WAAW,CAAC;EAE1C,MAAMI,MAAA,GAASL,gBAAA,EAAkBK,MAAA,IAAU,EAAE;EAE7C,IAAI,CAACP,iBAAA,EAAmB;IACtB,oBACEQ,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAACtB,UAAA;QAAWuB,EAAA,EAAG;QAAKjB,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDe,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACED,KAAA,CAAC;IAAIC,SAAA,EAAU;4BACbC,IAAA,CAACtB,UAAA;MAAWuB,EAAA,EAAG;MAAKjB,KAAA,EAAOA,KAAA;MAAOE,IAAA,EAAMA,IAAA;MAAMD,QAAA,EAAUA;qBACxDe,IAAA,CAACnB,cAAA;MACCqB,cAAA,EAAgBZ,iBAAA;MAChBO,MAAA,EAAQA,MAAA;MACRM,QAAA,EAAWC,OAAA,IAAYjB,QAAA,CAASiB,OAAA,IAAW;MAC3ChB,KAAA,EAAOA,KAAA,IAASiB;;;AAIxB","ignoreList":[]}

package/dist/elements/QueryPresets/fields/WhereField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAS,MAAM,SAAS,CAAA;AAY9D,OAAO,cAAc,CAAA;AAoFrB,eAAO,MAAM,sBAAsB,EAAE,wBAwBpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAS,MAAM,SAAS,CAAA;AAO9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,sBAAsB,EAAE,wBA4BpC,CAAA"}