@payloadcms/ui 4.0.0-internal.016994f → 4.0.0-internal.0731f09

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

@@ -13,6 +13,7 @@ import { RefreshIcon } from '../../../icons/Refresh/index.js';
 import { TrashIcon } from '../../../icons/Trash/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useListQuery } from '../../../providers/ListQuery/context.js';
+import { useRouter } from '../../../providers/RouterAdapter/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { ConfirmationModal } from '../../ConfirmationModal/index.js';
 import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
@@ -26,7 +27,7 @@ const deletePresetModalSlug = 'delete-preset-confirmation';
 const queryPresetsSlug = 'payload-query-presets';
 const baseClass = 'query-preset-bar';
 export const QueryPresetBar = ({
-  activePreset,
+  activePreset: activePresetFromProps,
   collectionSlug,
   queryPresetPermissions
 }) => {
@@ -39,6 +40,8 @@ export const QueryPresetBar = ({
   const {
     openModal
   } = useModal();
+  const [activePreset, setActivePreset] = useState(activePresetFromProps);
+  const router = useRouter();
   const [presets, setPresets] = useState([]);
   const {
     i18n,
@@ -124,6 +127,9 @@ export const QueryPresetBar = ({
   useEffect(() => {
     void fetchPresets();
   }, [fetchPresets]);
+  useEffect(() => {
+    setActivePreset(activePresetFromProps);
+  }, [activePresetFromProps]);
   const handlePresetChange = useCallback(async preset => {
     await refineListData({
       columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,
@@ -131,6 +137,7 @@ export const QueryPresetBar = ({
       preset: preset.id,
       where: preset.where
     }, false);
+    setActivePreset(preset);
   }, [refineListData]);
   const buttonLabel = activePreset?.title || t('general:selectLabel', {
     label: getTranslation(presetConfig?.labels?.singular, i18n)
@@ -143,6 +150,7 @@ export const QueryPresetBar = ({
       preset: '',
       where: undefined
     }, false);
+    setActivePreset(undefined);
   }, [refineListData]);
   const handleDeletePreset = useCallback(async () => {
     if (!activePreset?.id) {
@@ -166,6 +174,7 @@ export const QueryPresetBar = ({
           preset: '',
           where: undefined
         }, false);
+        setActivePreset(undefined);
         void fetchPresets();
       }
     } catch (_error_0) {
@@ -245,6 +254,7 @@ export const QueryPresetBar = ({
       children: /*#__PURE__*/_jsx(Popup, {
         className: `${baseClass}__popup`,
         horizontalAlign: "left",
+        popupType: "menu",
         portalClassName: `${baseClass}__popup-content`,
         render: ({
           close
@@ -341,8 +351,10 @@ export const QueryPresetBar = ({
         renderButton: ({
           active,
           onClick,
-          onKeyDown
+          onKeyDown,
+          ...ariaProps
         }) => /*#__PURE__*/_jsx(FilterTrigger, {
+          ...ariaProps,
           className: `${baseClass}__trigger`,
           id: "select-preset",
           isActive: Boolean(activePreset),
@@ -380,12 +392,16 @@ export const QueryPresetBar = ({
       }) => {
         await handlePresetChange(doc_0);
         void fetchPresets();
+        // Re-run the List server component so the active preset title on the trigger reflects the edit
+        router.refresh();
       },
       onSave: async ({
         doc: doc_1
       }) => {
         await handlePresetChange(doc_1);
         void fetchPresets();
+        // Re-run the List server component so the active preset title on the trigger reflects the edit
+        router.refresh();
       }
     }), /*#__PURE__*/_jsx(ListDrawer, {
       allowCreate: false,

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

@@ -1 +1 @@
-{"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","useTranslation","ConfirmationModal","useDocumentDrawer","FilterTrigger","useListDrawer","useModal","Popup","PopupList","Translation","deletePresetModalSlug","queryPresetsSlug","baseClass","QueryPresetBar","activePreset","collectionSlug","queryPresetPermissions","modified","query","refineListData","setModified","setQueryModified","openModal","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","portalClassName","render","close","RadioGroup","map","isActive","RadioGroupItem","active","onClick","Divider","MenuItem","size","Button","icon","update","isShared","delete","length","create","plural","renderButton","onKeyDown","Boolean","onClear","popupActive","showBadge","verticalAlign","initialData","onSave","doc","redirectAfterCreate","onDelete","onDuplicate","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 { 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, collectionSlug, queryPresetPermissions }) => {\n  const { modified, query, refineListData, setModified: setQueryModified } = useListQuery()\n  const { openModal } = useModal()\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  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 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    },\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        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          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 }) => (\n            <FilterTrigger\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        }}\n        onSave={async ({ doc }) => {\n          await handlePresetChange(doc as QueryPreset)\n          void fetchPresets()\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":[]}
+{"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/fields/ColumnsField/index.d.ts

@@ -1,4 +1,5 @@
-import type { JSONFieldClientComponent } from 'payload';
+import type { JSONFieldClientProps } from 'payload';
+import React from 'react';
 import '../fields.css';
-export declare const QueryPresetsColumnField: JSONFieldClientComponent;
+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,EAAyC,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAe9F,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,uBAAuB,EAAE,wBA8IrC,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,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { fieldIsHiddenOrDisabled, fieldIsID, flattenTopLevelFields } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -14,20 +15,30 @@ import { useTranslation } from '../../../../providers/Translation/index.js';
 import { getColumns } from '../../../../utilities/getColumns.js';
 import { ColumnSelectionButton } from '../../../ColumnSelection/index.js';
 import '../fields.css';
-export const QueryPresetsColumnField = ({
-  field: {
+export const QueryPresetsColumnField = t0 => {
+  const $ = _c(29);
+  const {
+    field: t1
+  } = t0;
+  const {
     label,
     required
-  }
-}) => {
+  } = t1;
   const {
     path,
     setValue,
     value
   } = useField();
-  const relatedCollectionField = useField({
-    path: 'relatedCollection'
-  });
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      path: "relatedCollection"
+    };
+    $[0] = t2;
+  } else {
+    t2 = $[0];
+  }
+  const relatedCollectionField = useField(t2);
   const relatedCollection = relatedCollectionField.value;
   const {
     config,
@@ -39,110 +50,193 @@ export const QueryPresetsColumnField = ({
   const {
     permissions
   } = useAuth();
-  const collectionConfig = useMemo(() => relatedCollection ? getEntityConfig({
-    collectionSlug: relatedCollection
-  }) : null, [relatedCollection, getEntityConfig]);
-  const columnPreferences = useMemo(() => {
+  let t3;
+  if ($[1] !== getEntityConfig || $[2] !== relatedCollection) {
+    t3 = relatedCollection ? getEntityConfig({
+      collectionSlug: relatedCollection
+    }) : null;
+    $[1] = getEntityConfig;
+    $[2] = relatedCollection;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const collectionConfig = t3;
+  let t4;
+  bb0: {
     if (!relatedCollection || !collectionConfig) {
-      return [];
+      let t5;
+      if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = [];
+        $[4] = t5;
+      } else {
+        t5 = $[4];
+      }
+      t4 = t5;
+      break bb0;
     }
-    return getColumns({
-      clientConfig: config,
-      collectionConfig,
-      collectionSlug: relatedCollection,
-      columns: value ?? [],
-      i18n,
-      permissions
-    });
-  }, [config, collectionConfig, relatedCollection, value, i18n, permissions]);
-  // 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(() => {
+    let t5;
+    if ($[5] !== collectionConfig || $[6] !== config || $[7] !== i18n || $[8] !== permissions || $[9] !== relatedCollection || $[10] !== value) {
+      t5 = getColumns({
+        clientConfig: config,
+        collectionConfig,
+        collectionSlug: relatedCollection,
+        columns: value ?? [],
+        i18n,
+        permissions
+      });
+      $[5] = collectionConfig;
+      $[6] = config;
+      $[7] = i18n;
+      $[8] = permissions;
+      $[9] = relatedCollection;
+      $[10] = value;
+      $[11] = t5;
+    } else {
+      t5 = $[11];
+    }
+    t4 = t5;
+  }
+  const columnPreferences = t4;
+  let t5;
+  bb1: {
     if (!collectionConfig?.fields) {
-      return [];
+      let t6;
+      if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = [];
+        $[12] = t6;
+      } else {
+        t6 = $[12];
+      }
+      t5 = t6;
+      break bb1;
     }
     const fieldPermissions = permissions?.collections?.[relatedCollection]?.fields ?? true;
-    let sortedFieldMap = flattenTopLevelFields(filterFieldsWithPermissions({
-      fieldPermissions,
-      fields: collectionConfig.fields
-    }), {
-      i18n,
-      keepPresentationalFields: true,
-      moveSubFieldsToTop: true
-    });
-    // 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]);
-    }
-    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;
+    let t6;
+    if ($[13] !== collectionConfig.admin?.useAsTitle || $[14] !== collectionConfig.fields || $[15] !== columnPreferences || $[16] !== fieldPermissions || $[17] !== i18n) {
+      let sortedFieldMap = flattenTopLevelFields(filterFieldsWithPermissions({
+        fieldPermissions,
+        fields: collectionConfig.fields
+      }), {
+        i18n,
+        keepPresentationalFields: true,
+        moveSubFieldsToTop: true
+      });
+      const idFieldIndex = sortedFieldMap.findIndex(_temp);
+      if (idFieldIndex > -1) {
+        sortedFieldMap.unshift(sortedFieldMap.splice(idFieldIndex, 1)[0]);
       }
-      // Groups render as their flattened subfields, not as a selectable column.
-      if (field_1.type === 'group') {
-        return acc;
+      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]);
       }
-      const accessor = 'accessor' in field_1 ? field_1.accessor : 'name' in field_1 ? field_1.name : undefined;
-      if (!accessor) {
+      sortedFieldMap = sortFieldMap(sortedFieldMap, columnPreferences);
+      const activeColumnsIndices = [];
+      t6 = sortedFieldMap.reduce((acc, field_1, colIndex) => {
+        if (fieldIsHiddenOrDisabled(field_1) && !fieldIsID(field_1)) {
+          return acc;
+        }
+        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;
-      }
-      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]);
+      }, []);
+      $[13] = collectionConfig.admin?.useAsTitle;
+      $[14] = collectionConfig.fields;
+      $[15] = columnPreferences;
+      $[16] = fieldPermissions;
+      $[17] = i18n;
+      $[18] = t6;
+    } else {
+      t6 = $[18];
+    }
+    t5 = t6;
+  }
+  const columns = t5;
+  let t6;
+  if ($[19] !== setValue) {
+    t6 = newColumns => {
+      const preferences = newColumns.map(_temp2);
+      setValue(preferences.length ? preferences : undefined);
+    };
+    $[19] = setValue;
+    $[20] = t6;
+  } else {
+    t6 = $[20];
+  }
+  const handleChange = t6;
   if (!relatedCollection || !collectionConfig) {
-    return /*#__PURE__*/_jsxs("div", {
+    let t7;
+    if ($[21] !== label || $[22] !== path || $[23] !== required) {
+      t7 = _jsxs("div", {
+        className: "field-type query-preset-columns-field",
+        children: [_jsx(FieldLabel, {
+          as: "h3",
+          label,
+          path,
+          required
+        }), _jsx("p", {
+          className: "query-preset-columns-field__hint",
+          children: "Select the related collection to configure columns."
+        })]
+      });
+      $[21] = label;
+      $[22] = path;
+      $[23] = required;
+      $[24] = t7;
+    } else {
+      t7 = $[24];
+    }
+    return t7;
+  }
+  let t7;
+  if ($[25] !== columns || $[26] !== handleChange || $[27] !== relatedCollection) {
+    t7 = _jsx("div", {
       className: "field-type query-preset-columns-field",
-      children: [/*#__PURE__*/_jsx(FieldLabel, {
-        as: "h3",
-        label: label,
-        path: path,
-        required: required
-      }), /*#__PURE__*/_jsx("p", {
-        className: "query-preset-columns-field__hint",
-        children: "Select the related collection to configure columns."
-      })]
+      children: _jsx(ColumnSelectionButton, {
+        collectionSlug: relatedCollection,
+        columns,
+        onChange: handleChange
+      })
     });
+    $[25] = columns;
+    $[26] = handleChange;
+    $[27] = relatedCollection;
+    $[28] = t7;
+  } else {
+    t7 = $[28];
   }
-  return /*#__PURE__*/_jsx("div", {
-    className: "field-type query-preset-columns-field",
-    children: /*#__PURE__*/_jsx(ColumnSelectionButton, {
-      collectionSlug: relatedCollection,
-      columns: columns,
-      onChange: handleChange
-    })
-  });
+  return t7;
 };
+function _temp(field) {
+  return fieldIsID(field);
+}
+function _temp2(col) {
+  return {
+    accessor: col.accessor,
+    active: col.active
+  };
+}
 //# sourceMappingURL=index.js.map