@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d3909a9

package/dist/elements/QueryPresets/QueryPresetBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","transformColumnsToPreferences","transformColumnsToSearchParams","React","Fragment","useCallback","useMemo","toast","PlusIcon","useConfig","useListQuery","useTranslation","ConfirmationModal","useDocumentDrawer","useListDrawer","ListSelectionButton","Pill","Translation","QueryPresetToggler","confirmDeletePresetModalSlug","queryPresetsSlug","baseClass","QueryPresetBar","activePreset","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","i18n","t","openModal","config","routes","api","apiRoute","getEntityConfig","presetConfig","PresetDocumentDrawer","openDrawer","openDocumentDrawer","id","CreateNewPresetDrawer","closeDrawer","closeCreateNewDrawer","openCreateNewDrawer","filterOptions","isTemp","not_equals","relatedCollection","equals","ListDrawer","closeListDrawer","openListDrawer","collectionSlugs","selectedCollection","handlePresetChange","preset","columns","undefined","groupBy","where","resetQueryPreset","handleDeletePreset","fetch","path","method","then","res","json","status","success","label","labels","singular","title","errors","forEach","error","message","_err","saveCurrentChanges","body","JSON","stringify","credentials","headers","hasModifiedPreset","_jsxs","className","_jsx","openPresetListDrawer","resetPreset","icon","onClick","size","type","update","isShared","delete","initialData","onSave","doc","redirectAfterCreate","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm","onDelete","onDuplicate","allowCreate","disableQueryPresets","onSelect"],"sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"sourcesContent":["import type { QueryPreset, SanitizedCollectionPermission } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  transformColumnsToPreferences,\n  transformColumnsToSearchParams,\n} from 'payload/shared'\nimport React, { Fragment, useCallback, useMemo } from 'react'\nimport { toast } from 'sonner'\n\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/context.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { useListDrawer } from '../../ListDrawer/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { QueryPresetToggler } from '../QueryPresetToggler/index.js'\nimport './index.scss'\n\nconst confirmDeletePresetModalSlug = 'confirm-delete-preset'\n\nconst queryPresetsSlug = 'payload-query-presets'\n\nconst baseClass = 'query-preset-bar'\n\nexport const QueryPresetBar: React.FC<{\n  activePreset: QueryPreset\n  collectionSlug?: string\n  queryPresetPermissions: SanitizedCollectionPermission\n}> = ({ activePreset, collectionSlug, queryPresetPermissions }) => {\n  const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n\n  const { i18n, t } = useTranslation()\n  const { openModal } = useModal()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const presetConfig = getEntityConfig({ collectionSlug: queryPresetsSlug })\n\n  const [PresetDocumentDrawer, , { openDrawer: openDocumentDrawer }] = useDocumentDrawer({\n    id: activePreset?.id,\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const [\n    CreateNewPresetDrawer,\n    ,\n    { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const filterOptions = useMemo(\n    () => ({\n      'payload-query-presets': {\n        isTemp: {\n          not_equals: true,\n        },\n        relatedCollection: {\n          equals: collectionSlug,\n        },\n      },\n    }),\n    [collectionSlug],\n  )\n\n  const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] =\n    useListDrawer({\n      collectionSlugs: [queryPresetsSlug],\n      filterOptions,\n      selectedCollection: queryPresetsSlug,\n    })\n\n  const handlePresetChange = useCallback(\n    async (preset: QueryPreset) => {\n      await refineListData(\n        {\n          columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,\n          groupBy: preset.groupBy || '',\n          preset: preset.id,\n          where: preset.where,\n        },\n        false,\n      )\n    },\n    [refineListData],\n  )\n\n  const resetQueryPreset = useCallback(async () => {\n    await refineListData(\n      {\n        columns: [],\n        groupBy: '',\n        preset: '',\n        where: {},\n      },\n      false,\n    )\n  }, [refineListData])\n\n  const handleDeletePreset = useCallback(async () => {\n    try {\n      await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/${queryPresetsSlug}/${activePreset.id}`,\n        }),\n        {\n          method: 'DELETE',\n        },\n      ).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:titleDeleted', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n                title: activePreset.title,\n              }),\n            )\n\n            await resetQueryPreset()\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:deletingTitle', { title: activePreset.title }))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:deletingTitle', { title: activePreset.title }))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:deletingTitle', { title: activePreset.title }))\n    }\n  }, [apiRoute, activePreset?.id, activePreset?.title, t, presetConfig, i18n, resetQueryPreset])\n\n  const saveCurrentChanges = useCallback(async () => {\n    try {\n      await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/${queryPresetsSlug}/${activePreset.id}`,\n        }),\n        {\n          body: JSON.stringify({\n            columns: transformColumnsToPreferences(query.columns),\n            groupBy: query.groupBy,\n            where: query.where,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        },\n      ).then(async (res) => {\n        try {\n          const json = await res.json()\n\n          if (res.status < 400) {\n            toast.success(\n              t('general:updatedLabelSuccessfully', {\n                label: getTranslation(presetConfig?.labels?.singular, i18n),\n              }),\n            )\n\n            setQueryModified(false)\n          } else {\n            if (json.errors) {\n              json.errors.forEach((error) => toast.error(error.message))\n            } else {\n              toast.error(t('error:unknown'))\n            }\n          }\n        } catch (_err) {\n          toast.error(t('error:unknown'))\n        }\n      })\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    }\n  }, [\n    apiRoute,\n    activePreset?.id,\n    query.columns,\n    query.groupBy,\n    query.where,\n    t,\n    presetConfig?.labels?.singular,\n    i18n,\n    setQueryModified,\n  ])\n\n  const hasModifiedPreset = activePreset && modified\n\n  return (\n    <Fragment>\n      <div className={baseClass}>\n        <div className={`${baseClass}__menu`}>\n          <QueryPresetToggler\n            activePreset={activePreset}\n            openPresetListDrawer={openListDrawer}\n            resetPreset={resetQueryPreset}\n          />\n          <Pill\n            aria-label={t('general:newLabel', { label: presetConfig?.labels?.singular })}\n            className={`${baseClass}__create-new-preset`}\n            icon={<PlusIcon />}\n            id=\"create-new-preset\"\n            onClick={() => {\n              openCreateNewDrawer()\n            }}\n            size=\"small\"\n          />\n        </div>\n        <div className={`${baseClass}__menu-items`}>\n          {hasModifiedPreset && (\n            <ListSelectionButton\n              id=\"reset-preset\"\n              key=\"reset\"\n              onClick={async () => {\n                await refineListData(\n                  {\n                    columns: transformColumnsToSearchParams(activePreset.columns),\n                    groupBy: activePreset.groupBy || '',\n                    where: activePreset.where,\n                  },\n                  false,\n                )\n              }}\n              type=\"button\"\n            >\n              {t('general:reset')}\n            </ListSelectionButton>\n          )}\n          {hasModifiedPreset && queryPresetPermissions.update && (\n            <ListSelectionButton\n              id=\"save-preset\"\n              key=\"save\"\n              onClick={async () => {\n                await saveCurrentChanges()\n              }}\n              type=\"button\"\n            >\n              {activePreset?.isShared ? t('general:updateForEveryone') : t('fields:saveChanges')}\n            </ListSelectionButton>\n          )}\n          {activePreset && queryPresetPermissions?.delete && (\n            <Fragment>\n              <ListSelectionButton\n                id=\"delete-preset\"\n                onClick={() => openModal(confirmDeletePresetModalSlug)}\n                type=\"button\"\n              >\n                {t('general:deleteLabel', { label: presetConfig?.labels?.singular })}\n              </ListSelectionButton>\n              <ListSelectionButton\n                id=\"edit-preset\"\n                onClick={() => {\n                  openDocumentDrawer()\n                }}\n                type=\"button\"\n              >\n                {t('general:editLabel', { label: presetConfig?.labels?.singular })}\n              </ListSelectionButton>\n            </Fragment>\n          )}\n        </div>\n      </div>\n      <CreateNewPresetDrawer\n        initialData={{\n          columns: transformColumnsToPreferences(query.columns),\n          groupBy: query.groupBy,\n          relatedCollection: collectionSlug,\n          where: query.where,\n        }}\n        onSave={async ({ doc }) => {\n          closeCreateNewDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        redirectAfterCreate={false}\n      />\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: presetConfig?.labels?.singular,\n              title: activePreset?.title,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeletePresetModalSlug}\n        onConfirm={handleDeletePreset}\n      />\n      <PresetDocumentDrawer\n        onDelete={() => {\n          // setSelectedPreset(undefined)\n        }}\n        onDuplicate={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n        onSave={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n      <ListDrawer\n        allowCreate={false}\n        disableQueryPresets\n        onSelect={async ({ doc }) => {\n          closeListDrawer()\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","transformColumnsToPreferences","transformColumnsToSearchParams","qs","React","Fragment","useCallback","useEffect","useMemo","useState","CheckIcon","EditIcon","GearIcon","PlusIcon","RefreshIcon","TrashIcon","useConfig","useListQuery","useRouter","useTranslation","ConfirmationModal","useDocumentDrawer","FilterTrigger","useListDrawer","useModal","Popup","PopupList","Translation","deletePresetModalSlug","queryPresetsSlug","baseClass","QueryPresetBar","activePreset","activePresetFromProps","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","openModal","setActivePreset","router","presets","setPresets","i18n","t","config","routes","api","apiRoute","serverURL","getEntityConfig","presetConfig","PresetDocumentDrawer","openDrawer","openPresetDrawer","id","CreateNewPresetDrawer","closeDrawer","closeCreateNewDrawer","openCreateNewDrawer","filterOptions","isTemp","not_equals","relatedCollection","equals","ListDrawer","openListDrawer","collectionSlugs","selectedCollection","fetchPresets","where","and","queryString","stringify","limit","addQueryPrefix","url","path","response","fetch","credentials","ok","data","json","docs","_error","handlePresetChange","preset","columns","undefined","groupBy","buttonLabel","title","label","labels","singular","handleClearPreset","e","stopPropagation","handleDeletePreset","method","handleResetPreset","saveCurrentChanges","body","JSON","headers","presetColumns","presetWhere","presetGroupBy","queryColumns","parse","columnsMatch","whereMatch","groupByMatch","isModified","hasModifiedPreset","_jsxs","_jsx","className","horizontalAlign","popupType","portalClassName","render","close","RadioGroup","map","isActive","RadioGroupItem","active","onClick","Divider","MenuItem","size","Button","icon","update","isShared","delete","length","create","plural","renderButton","onKeyDown","ariaProps","Boolean","onClear","popupActive","showBadge","verticalAlign","initialData","onSave","doc","redirectAfterCreate","onDelete","onDuplicate","refresh","allowCreate","disableQueryPresets","onSelect","elements","1","children","i18nKey","variables","confirmLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/QueryPresets/QueryPresetBar/index.tsx"],"sourcesContent":["'use client'\nimport type { QueryPreset, SanitizedCollectionPermission } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  transformColumnsToPreferences,\n  transformColumnsToSearchParams,\n} from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CheckIcon } from '../../../icons/Check/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { PlusIcon } from '../../../icons/Plus/index.js'\nimport { RefreshIcon } from '../../../icons/Refresh/index.js'\nimport { TrashIcon } from '../../../icons/Trash/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/context.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { FilterTrigger } from '../../FilterTrigger/index.js'\nimport { useListDrawer } from '../../ListDrawer/index.js'\nimport { useModal } from '../../Modal/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport './index.css'\n\nconst deletePresetModalSlug = 'delete-preset-confirmation'\n\nconst queryPresetsSlug = 'payload-query-presets'\n\nconst baseClass = 'query-preset-bar'\n\nexport const QueryPresetBar: React.FC<{\n  activePreset: QueryPreset\n  collectionSlug?: string\n  queryPresetPermissions: SanitizedCollectionPermission\n}> = ({ activePreset: activePresetFromProps, collectionSlug, queryPresetPermissions }) => {\n  const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n  const { openModal } = useModal()\n  const [activePreset, setActivePreset] = useState<QueryPreset | undefined>(activePresetFromProps)\n  const router = useRouter()\n  const [presets, setPresets] = useState<QueryPreset[]>([])\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const presetConfig = getEntityConfig({ collectionSlug: queryPresetsSlug })\n\n  const [PresetDocumentDrawer, , { openDrawer: openPresetDrawer }] = useDocumentDrawer({\n    id: activePreset?.id,\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const [\n    CreateNewPresetDrawer,\n    ,\n    { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer },\n  ] = useDocumentDrawer({\n    collectionSlug: queryPresetsSlug,\n  })\n\n  const filterOptions = useMemo(\n    () => ({\n      'payload-query-presets': {\n        isTemp: {\n          not_equals: true,\n        },\n        relatedCollection: {\n          equals: collectionSlug,\n        },\n      },\n    }),\n    [collectionSlug],\n  )\n\n  const [ListDrawer, , { openDrawer: openListDrawer }] = useListDrawer({\n    collectionSlugs: [queryPresetsSlug],\n    filterOptions,\n    selectedCollection: queryPresetsSlug,\n  })\n\n  // Fetch presets for the popup\n  const fetchPresets = useCallback(async () => {\n    try {\n      const where = {\n        and: [{ isTemp: { not_equals: true } }, { relatedCollection: { equals: collectionSlug } }],\n      }\n      const queryString = qs.stringify({ limit: 50, where }, { addQueryPrefix: true })\n      const url = formatAdminURL({\n        apiRoute,\n        path: `/${queryPresetsSlug}${queryString}`,\n        serverURL,\n      })\n\n      const response = await fetch(url, { credentials: 'include' })\n\n      if (response.ok) {\n        const data = await response.json()\n        setPresets(data.docs || [])\n      }\n    } catch (_error) {\n      // Silently fail - presets will remain empty\n    }\n  }, [apiRoute, collectionSlug, serverURL])\n\n  useEffect(() => {\n    void fetchPresets()\n  }, [fetchPresets])\n\n  useEffect(() => {\n    setActivePreset(activePresetFromProps)\n  }, [activePresetFromProps])\n\n  const handlePresetChange = useCallback(\n    async (preset: QueryPreset) => {\n      await refineListData(\n        {\n          columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,\n          groupBy: preset.groupBy || '',\n          preset: preset.id,\n          where: preset.where,\n        },\n        false,\n      )\n      setActivePreset(preset)\n    },\n    [refineListData],\n  )\n\n  const buttonLabel =\n    activePreset?.title ||\n    t('general:selectLabel', { label: getTranslation(presetConfig?.labels?.singular, i18n) })\n\n  const handleClearPreset = useCallback(\n    async (e: React.MouseEvent) => {\n      e.stopPropagation()\n      await refineListData(\n        {\n          columns: undefined,\n          groupBy: '',\n          preset: '',\n          where: undefined,\n        },\n        false,\n      )\n      setActivePreset(undefined)\n    },\n    [refineListData],\n  )\n\n  const handleDeletePreset = useCallback(async () => {\n    if (!activePreset?.id) {\n      return\n    }\n\n    try {\n      const url = formatAdminURL({\n        apiRoute,\n        path: `/${queryPresetsSlug}/${activePreset.id}`,\n        serverURL,\n      })\n\n      const response = await fetch(url, {\n        credentials: 'include',\n        method: 'DELETE',\n      })\n\n      if (response.ok) {\n        // Clear the active preset and refresh the list\n        await refineListData(\n          {\n            columns: undefined,\n            groupBy: '',\n            preset: '',\n            where: undefined,\n          },\n          false,\n        )\n        setActivePreset(undefined)\n        void fetchPresets()\n      }\n    } catch (_error) {\n      // Silently fail\n    }\n  }, [activePreset?.id, apiRoute, fetchPresets, refineListData, serverURL])\n\n  const handleResetPreset = useCallback(async () => {\n    if (!activePreset) {\n      return\n    }\n    // Use the same pattern as handlePresetChange for consistency\n    await refineListData(\n      {\n        columns: activePreset.columns ? transformColumnsToSearchParams(activePreset.columns) : [], // explicitly empty to clear user preferences fallback\n        groupBy: activePreset.groupBy || '',\n        preset: activePreset.id,\n        where: activePreset.where,\n      },\n      false, // not modified - we're resetting to preset's original state\n    )\n  }, [activePreset, refineListData])\n\n  const saveCurrentChanges = useCallback(async () => {\n    if (!activePreset?.id) {\n      return\n    }\n    try {\n      const url = formatAdminURL({\n        apiRoute,\n        path: `/${queryPresetsSlug}/${activePreset.id}`,\n        serverURL,\n      })\n\n      const response = await fetch(url, {\n        body: JSON.stringify({\n          columns: transformColumnsToPreferences(query.columns),\n          groupBy: query.groupBy,\n          where: query.where,\n        }),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'PATCH',\n      })\n\n      if (response.ok) {\n        setQueryModified(false)\n        void fetchPresets()\n      }\n    } catch (_error) {\n      // Silently fail\n    }\n  }, [\n    activePreset?.id,\n    apiRoute,\n    fetchPresets,\n    query.columns,\n    query.groupBy,\n    query.where,\n    serverURL,\n    setQueryModified,\n  ])\n\n  // Detect if current query differs from preset on initial load\n  useEffect(() => {\n    if (!activePreset) {\n      return\n    }\n\n    const presetColumns = activePreset.columns\n      ? transformColumnsToSearchParams(activePreset.columns)\n      : []\n    const presetWhere = activePreset.where\n    const presetGroupBy = activePreset.groupBy || ''\n\n    // Normalize query.columns - it may be a JSON string from URL or an array\n    let queryColumns = query.columns || []\n    if (typeof queryColumns === 'string') {\n      try {\n        queryColumns = JSON.parse(queryColumns)\n      } catch {\n        queryColumns = []\n      }\n    }\n\n    // Compare current query with preset values\n    const columnsMatch = JSON.stringify(queryColumns) === JSON.stringify(presetColumns)\n    const whereMatch = JSON.stringify(query.where) === JSON.stringify(presetWhere)\n    const groupByMatch = (query.groupBy || '') === presetGroupBy\n\n    const isModified = !columnsMatch || !whereMatch || !groupByMatch\n    setQueryModified(isModified)\n  }, [activePreset, query.columns, query.where, query.groupBy, setQueryModified])\n\n  const hasModifiedPreset = activePreset && modified\n\n  return (\n    <Fragment>\n      <div className={baseClass}>\n        <Popup\n          className={`${baseClass}__popup`}\n          horizontalAlign=\"left\"\n          popupType=\"menu\"\n          portalClassName={`${baseClass}__popup-content`}\n          render={({ close }) => (\n            <Fragment>\n              <PopupList.RadioGroup>\n                {presets.map((preset) => {\n                  const isActive = activePreset?.id === preset.id\n                  return (\n                    <PopupList.RadioGroupItem\n                      active={isActive}\n                      key={preset.id}\n                      onClick={async () => {\n                        close()\n                        await handlePresetChange(preset)\n                      }}\n                    >\n                      {preset.title}\n                    </PopupList.RadioGroupItem>\n                  )\n                })}\n              </PopupList.RadioGroup>\n              {activePreset && (\n                <Fragment>\n                  <PopupList.Divider />\n                  <PopupList.MenuItem size=\"small\">\n                    {hasModifiedPreset && (\n                      <PopupList.Button\n                        icon={<RefreshIcon size={16} />}\n                        id=\"reset-preset\"\n                        onClick={async () => {\n                          close()\n                          await handleResetPreset()\n                        }}\n                      >\n                        {t('general:reset')}\n                      </PopupList.Button>\n                    )}\n                    {hasModifiedPreset && queryPresetPermissions?.update && (\n                      <PopupList.Button\n                        icon={<CheckIcon size={16} />}\n                        id=\"save-preset\"\n                        onClick={async () => {\n                          close()\n                          await saveCurrentChanges()\n                        }}\n                      >\n                        {activePreset?.isShared\n                          ? t('general:updateForEveryone')\n                          : t('fields:saveChanges')}\n                      </PopupList.Button>\n                    )}\n                    {queryPresetPermissions?.update && (\n                      <PopupList.Button\n                        icon={<EditIcon />}\n                        id=\"edit-preset\"\n                        onClick={() => {\n                          close()\n                          openPresetDrawer()\n                        }}\n                      >\n                        {t('general:editLabel', {\n                          label: getTranslation(presetConfig?.labels?.singular, i18n),\n                        })}\n                      </PopupList.Button>\n                    )}\n                    {queryPresetPermissions?.delete && (\n                      <PopupList.Button\n                        className={`${baseClass}__delete`}\n                        icon={<TrashIcon size={16} />}\n                        id=\"delete-preset\"\n                        onClick={() => {\n                          close()\n                          openModal(deletePresetModalSlug)\n                        }}\n                      >\n                        {t('general:deleteLabel', {\n                          label: getTranslation(presetConfig?.labels?.singular, i18n),\n                        })}\n                      </PopupList.Button>\n                    )}\n                  </PopupList.MenuItem>\n                </Fragment>\n              )}\n              {(presets.length > 0 || activePreset) && <PopupList.Divider />}\n              <PopupList.MenuItem size=\"small\">\n                {queryPresetPermissions?.create && (\n                  <PopupList.Button\n                    icon={<PlusIcon size={16} />}\n                    id=\"create-new-preset\"\n                    onClick={() => {\n                      close()\n                      openCreateNewDrawer()\n                    }}\n                  >\n                    {t('general:createNewLabel', {\n                      label: getTranslation(presetConfig?.labels?.singular, i18n),\n                    })}\n                  </PopupList.Button>\n                )}\n                <PopupList.Button\n                  icon={<GearIcon size={16} />}\n                  id=\"manage-presets\"\n                  onClick={() => {\n                    close()\n                    openListDrawer()\n                  }}\n                >\n                  {t('general:manageLabel', {\n                    label: getTranslation(presetConfig?.labels?.plural, i18n),\n                  })}\n                </PopupList.Button>\n              </PopupList.MenuItem>\n            </Fragment>\n          )}\n          renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n            <FilterTrigger\n              {...ariaProps}\n              className={`${baseClass}__trigger`}\n              id=\"select-preset\"\n              isActive={Boolean(activePreset)}\n              onClear={handleClearPreset}\n              onClick={onClick}\n              onKeyDown={onKeyDown}\n              popupActive={active}\n              showBadge={hasModifiedPreset}\n            >\n              {buttonLabel}\n            </FilterTrigger>\n          )}\n          size=\"large\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n      <CreateNewPresetDrawer\n        initialData={{\n          columns: transformColumnsToPreferences(query.columns),\n          groupBy: query.groupBy,\n          relatedCollection: collectionSlug,\n          where: query.where,\n        }}\n        onSave={async ({ doc }) => {\n          closeCreateNewDrawer()\n          await handlePresetChange(doc as QueryPreset)\n          void fetchPresets()\n        }}\n        redirectAfterCreate={false}\n      />\n      <PresetDocumentDrawer\n        onDelete={() => {\n          void fetchPresets()\n        }}\n        onDuplicate={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n          void fetchPresets()\n          // Re-run the List server component so the active preset title on the trigger reflects the edit\n          router.refresh()\n        }}\n        onSave={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n          void fetchPresets()\n          // Re-run the List server component so the active preset title on the trigger reflects the edit\n          router.refresh()\n        }}\n      />\n      <ListDrawer\n        allowCreate={false}\n        disableQueryPresets\n        onSelect={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n        }}\n      />\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: getTranslation(presetConfig?.labels?.singular, i18n),\n              title: activePreset?.title,\n            }}\n          />\n        }\n        confirmLabel={t('general:delete')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={deletePresetModalSlug}\n        onConfirm={handleDeletePreset}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+@layer payload-default {
+  .query-preset-columns-cell {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--spacer-1);
+  }
+}

package/dist/elements/QueryPresets/cells/ColumnsCell/index.d.ts

@@ -1,5 +1,5 @@
 import type { DefaultCellComponentProps } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/QueryPresets/cells/ColumnsCell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqBvE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqBvE,CAAA"}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { toWords, transformColumnsToSearchParams } from 'payload/shared';
 import React from 'react';
 import { Pill } from '../../../Pill/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'query-preset-columns-cell';
 export const QueryPresetsColumnsCell = ({
   cellData

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["toWords","transformColumnsToSearchParams","React","Pill","baseClass","QueryPresetsColumnsCell","cellData","_jsx","className","map","column","i","isColumnActive","startsWith","pillStyle","size"],"sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { ColumnPreference, DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'query-preset-columns-cell'\n\nexport const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return (\n    <div className={baseClass}>\n      {cellData\n        ? transformColumnsToSearchParams(cellData as ColumnPreference[]).map((column, i) => {\n            const isColumnActive = !column.startsWith('-')\n\n            // to void very lengthy cells, only display the active columns\n            if (!isColumnActive) {\n              return null\n            }\n\n            return (\n              <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size=\"small\">\n                {toWords(column)}\n              </Pill>\n            )\n          })\n        : 'No columns selected'}\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ;AACxD,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,uBAAA,GAA+DA,CAAC;EAAEC;AAAQ,CAAE;EACvF,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACbE,QAAA,GACGL,8BAAA,CAA+BK,QAAA,EAAgCG,GAAG,CAAC,CAACC,MAAA,EAAQC,CAAA;MAC1E,MAAMC,cAAA,GAAiB,CAACF,MAAA,CAAOG,UAAU,CAAC;MAE1C;MACA,IAAI,CAACD,cAAA,EAAgB;QACnB,OAAO;MACT;MAEA,oBACEL,IAAA,CAACJ,IAAA;QAAaW,SAAA,EAAWF,cAAA,GAAiB,iBAAiB;QAASG,IAAA,EAAK;kBACtEf,OAAA,CAAQU,MAAA;SADAC,CAAA;IAIf,KACA;;AAGV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["toWords","transformColumnsToSearchParams","React","Pill","baseClass","QueryPresetsColumnsCell","cellData","_jsx","className","map","column","i","isColumnActive","startsWith","pillStyle","size"],"sources":["../../../../../src/elements/QueryPresets/cells/ColumnsCell/index.tsx"],"sourcesContent":["import type { ColumnPreference, DefaultCellComponentProps } from 'payload'\n\nimport { toWords, transformColumnsToSearchParams } from 'payload/shared'\nimport React from 'react'\n\nimport { Pill } from '../../../Pill/index.js'\nimport './index.css'\n\nconst baseClass = 'query-preset-columns-cell'\n\nexport const QueryPresetsColumnsCell: React.FC<DefaultCellComponentProps> = ({ cellData }) => {\n  return (\n    <div className={baseClass}>\n      {cellData\n        ? transformColumnsToSearchParams(cellData as ColumnPreference[]).map((column, i) => {\n            const isColumnActive = !column.startsWith('-')\n\n            // to void very lengthy cells, only display the active columns\n            if (!isColumnActive) {\n              return null\n            }\n\n            return (\n              <Pill key={i} pillStyle={isColumnActive ? 'always-white' : 'light'} size=\"small\">\n                {toWords(column)}\n              </Pill>\n            )\n          })\n        : 'No columns selected'}\n    </div>\n  )\n}\n"],"mappings":";AAEA,SAASA,OAAO,EAAEC,8BAA8B,QAAQ;AACxD,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,uBAAA,GAA+DA,CAAC;EAAEC;AAAQ,CAAE;EACvF,oBACEC,IAAA,CAAC;IAAIC,SAAA,EAAWJ,SAAA;cACbE,QAAA,GACGL,8BAAA,CAA+BK,QAAA,EAAgCG,GAAG,CAAC,CAACC,MAAA,EAAQC,CAAA;MAC1E,MAAMC,cAAA,GAAiB,CAACF,MAAA,CAAOG,UAAU,CAAC;MAE1C;MACA,IAAI,CAACD,cAAA,EAAgB;QACnB,OAAO;MACT;MAEA,oBACEL,IAAA,CAACJ,IAAA;QAAaW,SAAA,EAAWF,cAAA,GAAiB,iBAAiB;QAASG,IAAA,EAAK;kBACtEf,OAAA,CAAQU,MAAA;SADAC,CAAA;IAIf,KACA;;AAGV","ignoreList":[]}

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

@@ -48,7 +48,7 @@ export const QueryPresetsGroupByCell = ({
   const fieldName = isDescending ? cellData.slice(1) : cellData;
   const direction = isDescending ? 'descending' : 'ascending';
   // Find the field option to get the proper label
-  const fieldOption = reducedFields.find(field => field.value === fieldName);
+  const fieldOption = reducedFields.find(field => field.fieldPath === fieldName);
   const displayLabel = fieldOption?.label || toWords(fieldName);
   return /*#__PURE__*/_jsxs("div", {
     children: [displayLabel, " (", direction, ")"]

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

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

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

@@ -1,4 +1,5 @@
-import type { JSONFieldClientComponent } from 'payload';
-import './index.scss';
-export declare const QueryPresetsColumnField: JSONFieldClientComponent;
+import type { JSONFieldClientProps } from 'payload';
+import React from 'react';
+import '../fields.css';
+export declare const QueryPresetsColumnField: React.FC<JSONFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

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;AAYzE,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,uBAAuB,EAAE,wBA+FrC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyC,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAG1F,OAAO,KAAkB,MAAM,OAAO,CAAA;AAYtC,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8IlE,CAAA"}

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

@@ -1,16 +1,19 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useId, useMemo } from 'react';
+import { fieldIsHiddenOrDisabled, fieldIsID, flattenTopLevelFields } 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 { filterFieldsWithPermissions } from '../../../../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js';
+import { isColumnActive } from '../../../../providers/TableColumns/buildColumnState/isColumnActive.js';
+import { sortFieldMap } from '../../../../providers/TableColumns/buildColumnState/sortFieldMap.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';
+import { ColumnSelectionButton } from '../../../ColumnSelection/index.js';
+import '../fields.css';
 export const QueryPresetsColumnField = ({
   field: {
     label,
@@ -36,11 +39,10 @@ export const QueryPresetsColumnField = ({
   const {
     permissions
   } = useAuth();
-  const uuid = useId();
   const collectionConfig = useMemo(() => relatedCollection ? getEntityConfig({
     collectionSlug: relatedCollection
   }) : null, [relatedCollection, getEntityConfig]);
-  const columns = useMemo(() => {
+  const columnPreferences = useMemo(() => {
     if (!relatedCollection || !collectionConfig) {
       return [];
     }
@@ -53,40 +55,74 @@ export const QueryPresetsColumnField = ({
       permissions
     });
   }, [config, collectionConfig, relatedCollection, value, i18n, permissions]);
-  const reducedFields = useMemo(() => {
+  // Build the full column set from every field (active and inactive), mirroring the
+  // list view's `buildColumnState`, so columns absent from the saved preferences still
+  // appear in the selector. No cells are rendered here.
+  const columns = useMemo(() => {
     if (!collectionConfig?.fields) {
       return [];
     }
-    return reduceFieldsToOptions({
-      fieldPermissions: permissions?.collections?.[relatedCollection]?.fields ?? true,
-      fields: collectionConfig.fields,
-      i18n
+    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields ?? true;
+    let sortedFieldMap = flattenTopLevelFields(filterFieldsWithPermissions({
+      fieldPermissions,
+      fields: collectionConfig.fields
+    }), {
+      i18n,
+      keepPresentationalFields: true,
+      moveSubFieldsToTop: true
     });
-  }, [collectionConfig, i18n, permissions, relatedCollection]);
-  const accessorToLabel = useMemo(() => {
-    const map = {};
-    for (const f of reducedFields) {
-      map[String(f.value)] = f.label;
+    // Place the `id` field first, then the `useAsTitle` field, matching the list view.
+    const idFieldIndex = sortedFieldMap.findIndex(field => fieldIsID(field));
+    if (idFieldIndex > -1) {
+      sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0]);
     }
-    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) {
+    const useAsTitle = collectionConfig.admin?.useAsTitle;
+    const useAsTitleFieldIndex = useAsTitle ? sortedFieldMap.findIndex(field_0 => 'name' in field_0 && field_0.name === useAsTitle) : -1;
+    if (useAsTitleFieldIndex > -1) {
+      sortedFieldMap.unshift(sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0]);
+    }
+    sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences);
+    const activeColumnsIndices = [];
+    return sortedFieldMap.reduce((acc, field_1, colIndex) => {
+      if (fieldIsHiddenOrDisabled(field_1) && !fieldIsID(field_1)) {
+        return acc;
+      }
+      // Groups render as their flattened subfields, not as a selectable column.
+      if (field_1.type === 'group') {
+        return acc;
+      }
+      const accessor = 'accessor' in field_1 ? field_1.accessor : 'name' in field_1 ? field_1.name : undefined;
+      if (!accessor) {
+        return acc;
+      }
+      const columnPref = columnPreferences.find(pref => pref.accessor === accessor);
+      const active = isColumnActive({
+        accessor,
+        activeColumnsIndices,
+        column: columnPref,
+        columns: columnPreferences
+      });
+      if (active) {
+        activeColumnsIndices.push(colIndex);
+      }
+      acc.push({
+        accessor,
+        active,
+        field: field_1,
+        Heading: null,
+        renderedCells: []
+      });
+      return acc;
+    }, []);
+  }, [collectionConfig, columnPreferences, i18n, permissions, relatedCollection]);
+  const handleChange = React.useCallback(newColumns => {
+    const preferences = newColumns.map(col => ({
+      accessor: col.accessor,
+      active: col.active
+    }));
+    setValue(preferences.length ? preferences : undefined);
+  }, [setValue]);
+  if (!relatedCollection || !collectionConfig) {
     return /*#__PURE__*/_jsxs("div", {
       className: "field-type query-preset-columns-field",
       children: [/*#__PURE__*/_jsx(FieldLabel, {
@@ -100,20 +136,13 @@ export const QueryPresetsColumnField = ({
       })]
     });
   }
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsx("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."
-    })]
+    children: /*#__PURE__*/_jsx(ColumnSelectionButton, {
+      collectionSlug: relatedCollection,
+      columns: columns,
+      onChange: handleChange
+    })
   });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["fieldIsHiddenOrDisabled","fieldIsID","flattenTopLevelFields","React","useMemo","FieldLabel","useField","useAuth","useConfig","filterFieldsWithPermissions","isColumnActive","sortFieldMap","useTranslation","getColumns","ColumnSelectionButton","QueryPresetsColumnField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","config","getEntityConfig","i18n","permissions","collectionConfig","collectionSlug","columnPreferences","clientConfig","columns","fields","fieldPermissions","collections","sortedFieldMap","keepPresentationalFields","moveSubFieldsToTop","idFieldIndex","findIndex","unshift","splice","useAsTitle","admin","useAsTitleFieldIndex","name","activeColumnsIndices","reduce","acc","colIndex","type","accessor","undefined","columnPref","find","pref","active","column","push","Heading","renderedCells","handleChange","useCallback","newColumns","preferences","map","col","length","_jsxs","className","_jsx","as","onChange"],"sources":["../../../../../src/elements/QueryPresets/fields/ColumnsField/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Column, ColumnPreference, JSONFieldClientProps } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, fieldIsID, flattenTopLevelFields } 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 { filterFieldsWithPermissions } from '../../../../providers/TableColumns/buildColumnState/filterFieldsWithPermissions.js'\nimport { isColumnActive } from '../../../../providers/TableColumns/buildColumnState/isColumnActive.js'\nimport { sortFieldMap } from '../../../../providers/TableColumns/buildColumnState/sortFieldMap.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { getColumns } from '../../../../utilities/getColumns.js'\nimport { ColumnSelectionButton } from '../../../ColumnSelection/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsColumnField: React.FC<JSONFieldClientProps> = ({\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\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  const columnPreferences = 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  // Build the full column set from every field (active and inactive), mirroring the\n  // list view's `buildColumnState`, so columns absent from the saved preferences still\n  // appear in the selector. No cells are rendered here.\n  const columns: Column[] = useMemo(() => {\n    if (!collectionConfig?.fields) {\n      return []\n    }\n\n    const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields ?? true\n\n    let sortedFieldMap = flattenTopLevelFields(\n      filterFieldsWithPermissions({ fieldPermissions, fields: collectionConfig.fields }),\n      {\n        i18n,\n        keepPresentationalFields: true,\n        moveSubFieldsToTop: true,\n      },\n    ) as ClientField[]\n\n    // Place the `id` field first, then the `useAsTitle` field, matching the list view.\n    const idFieldIndex = sortedFieldMap.findIndex((field) => fieldIsID(field))\n    if (idFieldIndex > -1) {\n      sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0])\n    }\n\n    const useAsTitle = collectionConfig.admin?.useAsTitle\n    const useAsTitleFieldIndex = useAsTitle\n      ? sortedFieldMap.findIndex((field) => 'name' in field && field.name === useAsTitle)\n      : -1\n    if (useAsTitleFieldIndex > -1) {\n      sortedFieldMap.unshift(sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0])\n    }\n\n    sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences)\n\n    const activeColumnsIndices: number[] = []\n\n    return sortedFieldMap.reduce<Column[]>((acc, field, colIndex) => {\n      if (fieldIsHiddenOrDisabled(field) && !fieldIsID(field)) {\n        return acc\n      }\n\n      // Groups render as their flattened subfields, not as a selectable column.\n      if (field.type === 'group') {\n        return acc\n      }\n\n      const accessor =\n        'accessor' in field\n          ? (field as { accessor: string }).accessor\n          : 'name' in field\n            ? field.name\n            : undefined\n\n      if (!accessor) {\n        return acc\n      }\n\n      const columnPref = columnPreferences.find((pref) => pref.accessor === accessor)\n      const active = isColumnActive({\n        accessor,\n        activeColumnsIndices,\n        column: columnPref,\n        columns: columnPreferences,\n      })\n\n      if (active) {\n        activeColumnsIndices.push(colIndex)\n      }\n\n      acc.push({\n        accessor,\n        active,\n        field,\n        Heading: null,\n        renderedCells: [],\n      })\n\n      return acc\n    }, [])\n  }, [collectionConfig, columnPreferences, i18n, permissions, relatedCollection])\n\n  const handleChange = React.useCallback(\n    (newColumns: Column[]) => {\n      const preferences: ColumnPreference[] = newColumns.map((col) => ({\n        accessor: col.accessor,\n        active: col.active,\n      }))\n      setValue(preferences.length ? preferences : undefined)\n    },\n    [setValue],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\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      <ColumnSelectionButton\n        collectionSlug={relatedCollection}\n        columns={columns}\n        onChange={handleChange}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,5 @@
-import type { TextFieldClientComponent } from 'payload';
-import './index.scss';
-export declare const QueryPresetsGroupByField: TextFieldClientComponent;
+import type { TextFieldClientProps } from 'payload';
+import React from 'react';
+import '../fields.css';
+export declare const QueryPresetsGroupByField: React.FC<TextFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

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;AAQvD,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,wBAAwB,EAAE,wBAuCtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkCnE,CAAA"}

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

@@ -5,8 +5,8 @@ import React, { useMemo } from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
 import { useConfig } from '../../../../providers/Config/index.js';
-import { GroupByBuilder } from '../../../GroupByBuilder/index.js';
-import './index.scss';
+import { GroupByButton } from '../../../GroupBy/index.js';
+import '../fields.css';
 export const QueryPresetsGroupByField = ({
   field: {
     label,
@@ -23,16 +23,12 @@ export const QueryPresetsGroupByField = ({
   });
   const relatedCollection = relatedCollectionField.value;
   const {
-    config
+    getEntityConfig
   } = useConfig();
-  const collectionConfig = useMemo(() => {
-    if (!relatedCollection) {
-      return null;
-    }
-    return config.collections?.find(col => col.slug === relatedCollection);
-  }, [relatedCollection, config.collections]);
-  const fields = collectionConfig?.fields ?? [];
-  if (!relatedCollection) {
+  const collectionConfig = useMemo(() => relatedCollection ? getEntityConfig({
+    collectionSlug: relatedCollection
+  }) : null, [relatedCollection, getEntityConfig]);
+  if (!relatedCollection || !collectionConfig) {
     return /*#__PURE__*/_jsxs("div", {
       className: "field-type query-preset-group-by-field",
       children: [/*#__PURE__*/_jsx(FieldLabel, {
@@ -46,19 +42,14 @@ export const QueryPresetsGroupByField = ({
       })]
     });
   }
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "field-type query-preset-group-by-field",
-    children: [/*#__PURE__*/_jsx(FieldLabel, {
-      as: "h3",
-      label: label,
-      path: path,
-      required: required
-    }), /*#__PURE__*/_jsx(GroupByBuilder, {
+    children: /*#__PURE__*/_jsx(GroupByButton, {
       collectionSlug: relatedCollection,
-      fields: fields,
+      fields: collectionConfig.fields,
       onChange: groupBy => setValue(groupBy || null),
-      value: value ?? undefined
-    })]
+      value: value ?? ''
+    })
   });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","getEntityConfig","collectionConfig","collectionSlug","_jsxs","className","_jsx","as","fields","onChange","groupBy"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientProps } 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 { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: React.FC<TextFieldClientProps> = ({\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 { getEntityConfig } = useConfig()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\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      <GroupByButton\n        collectionSlug={relatedCollection}\n        fields={collectionConfig.fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? ''}\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,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAA2DA,CAAC;EACvEC,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;EAAe,CAAE,GAAGX,SAAA;EAE5B,MAAMY,gBAAA,GAAmBf,OAAA,CACvB,MAAOa,iBAAA,GAAoBC,eAAA,CAAgB;IAAEE,cAAA,EAAgBH;EAAkB,KAAK,MACpF,CAACA,iBAAA,EAAmBC,eAAA,CAAgB;EAGtC,IAAI,CAACD,iBAAA,IAAqB,CAACE,gBAAA,EAAkB;IAC3C,oBACEE,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAAClB,UAAA;QAAWmB,EAAA,EAAG;QAAKb,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDW,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAC,IAAA,CAACf,aAAA;MACCY,cAAA,EAAgBH,iBAAA;MAChBQ,MAAA,EAAQN,gBAAA,CAAiBM,MAAM;MAC/BC,QAAA,EAAWC,OAAA,IAAYb,QAAA,CAASa,OAAA,IAAW;MAC3CZ,KAAA,EAAOA,KAAA,IAAS;;;AAIxB","ignoreList":[]}

package/dist/elements/QueryPresets/fields/Heading/index.css

@@ -0,0 +1,52 @@
+@layer payload-default {
+  .query-preset-heading {
+    margin: var(--spacer-4) 0 var(--spacer-2-5);
+    color: var(--color-text);
+    font-size: var(--text-heading-medium-font-size);
+    font-weight: var(--text-heading-medium-font-weight);
+    line-height: var(--text-heading-medium-line-height);
+  }
+
+  .field-type.row.query-preset-controls-row {
+    /* Match the standalone headings' top spacing so sections stay aligned. */
+    margin-top: var(--spacer-4);
+
+    .row__fields {
+      align-items: center;
+      column-gap: var(--spacer-2);
+      flex-wrap: nowrap;
+
+      /* Size controls to their content and drop Row's inline margins so the last
+         one aligns with the right edge. Matches Row's `:has` selector to win on
+         mobile, where Row's media-query reset has too little specificity. */
+      &:has(> *:nth-child(2)) {
+        margin-inline: 0;
+
+        > * {
+          flex: 0 0 auto;
+          margin-inline: 0;
+          /* Clamp against Row's mobile `width: 100% !important`. */
+          max-width: fit-content;
+        }
+      }
+
+      /* Stay in a row on mobile, where Row otherwise stacks into a column. */
+      /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
+      @media (max-width: 1024px) {
+        flex-direction: row;
+      }
+    }
+
+    /* The heading absorbs the free space to push the controls to the right edge;
+       the row owns the top spacing, so collapse the heading's own block margins. */
+    .row__fields:has(> *:nth-child(2)) > .query-preset-heading {
+      margin-block: 0;
+      margin-inline-end: auto;
+    }
+  }
+
+  /* The Access heading provides the separation, so hide the group's top border. */
+  .query-preset-access-group.group-field--top-level::before {
+    display: none;
+  }
+}

package/dist/elements/QueryPresets/fields/Heading/index.d.ts

@@ -0,0 +1,7 @@
+import type { ClientTranslationKeys } from '@payloadcms/translations';
+import React from 'react';
+import './index.css';
+export declare const QueryPresetsHeading: React.FC<{
+    i18nKey?: ClientTranslationKeys;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/Heading/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAAE,CAM7E,CAAA"}