@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.c2b57ce

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

@@ -1,22 +1,28 @@
+'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, transformColumnsToPreferences, transformColumnsToSearchParams } from 'payload/shared';
-import React, { Fragment, useCallback, useMemo } from 'react';
-import { toast } from 'sonner';
+import * as qs from 'qs-esm';
+import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
+import { CheckIcon } from '../../../icons/Check/index.js';
+import { EditIcon } from '../../../icons/Edit/index.js';
+import { GearIcon } from '../../../icons/Gear/index.js';
 import { PlusIcon } from '../../../icons/Plus/index.js';
+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 { useTranslation } from '../../../providers/Translation/index.js';
 import { ConfirmationModal } from '../../ConfirmationModal/index.js';
 import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
+import { FilterTrigger } from '../../FilterTrigger/index.js';
 import { useListDrawer } from '../../ListDrawer/index.js';
-import { ListSelectionButton } from '../../ListSelection/index.js';
-import { Pill } from '../../Pill/index.js';
+import { useModal } from '../../Modal/index.js';
+import { Popup, PopupList } from '../../Popup/index.js';
 import { Translation } from '../../Translation/index.js';
-import { QueryPresetToggler } from '../QueryPresetToggler/index.js';
-import './index.scss';
-const confirmDeletePresetModalSlug = 'confirm-delete-preset';
+import './index.css';
+const deletePresetModalSlug = 'delete-preset-confirmation';
 const queryPresetsSlug = 'payload-query-presets';
 const baseClass = 'query-preset-bar';
 export const QueryPresetBar = ({
@@ -30,18 +36,20 @@ export const QueryPresetBar = ({
     refineListData,
     setModified: setQueryModified
   } = useListQuery();
+  const {
+    openModal
+  } = useModal();
+  const [presets, setPresets] = useState([]);
   const {
     i18n,
     t
   } = useTranslation();
-  const {
-    openModal
-  } = useModal();
   const {
     config: {
       routes: {
         api: apiRoute
-      }
+      },
+      serverURL
     },
     getEntityConfig
   } = useConfig();
@@ -49,7 +57,7 @@ export const QueryPresetBar = ({
     collectionSlug: queryPresetsSlug
   });
   const [PresetDocumentDrawer,, {
-    openDrawer: openDocumentDrawer
+    openDrawer: openPresetDrawer
   }] = useDocumentDrawer({
     id: activePreset?.id,
     collectionSlug: queryPresetsSlug
@@ -71,13 +79,51 @@ export const QueryPresetBar = ({
     }
   }), [collectionSlug]);
   const [ListDrawer,, {
-    closeDrawer: closeListDrawer,
     openDrawer: openListDrawer
   }] = useListDrawer({
     collectionSlugs: [queryPresetsSlug],
     filterOptions,
     selectedCollection: queryPresetsSlug
   });
+  // Fetch presets for the popup
+  const fetchPresets = useCallback(async () => {
+    try {
+      const where = {
+        and: [{
+          isTemp: {
+            not_equals: true
+          }
+        }, {
+          relatedCollection: {
+            equals: collectionSlug
+          }
+        }]
+      };
+      const queryString = qs.stringify({
+        limit: 50,
+        where
+      }, {
+        addQueryPrefix: true
+      });
+      const url = formatAdminURL({
+        apiRoute,
+        path: `/${queryPresetsSlug}${queryString}`,
+        serverURL
+      });
+      const response = await fetch(url, {
+        credentials: 'include'
+      });
+      if (response.ok) {
+        const data = await response.json();
+        setPresets(data.docs || []);
+      }
+    } catch (_error) {
+      // Silently fail - presets will remain empty
+    }
+  }, [apiRoute, collectionSlug, serverURL]);
+  useEffect(() => {
+    void fetchPresets();
+  }, [fetchPresets]);
   const handlePresetChange = useCallback(async preset => {
     await refineListData({
       columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,
@@ -86,57 +132,69 @@ export const QueryPresetBar = ({
       where: preset.where
     }, false);
   }, [refineListData]);
-  const resetQueryPreset = useCallback(async () => {
+  const buttonLabel = activePreset?.title || t('general:selectLabel', {
+    label: getTranslation(presetConfig?.labels?.singular, i18n)
+  });
+  const handleClearPreset = useCallback(async e => {
+    e.stopPropagation();
     await refineListData({
-      columns: [],
+      columns: undefined,
       groupBy: '',
       preset: '',
-      where: {}
+      where: undefined
     }, false);
   }, [refineListData]);
   const handleDeletePreset = useCallback(async () => {
+    if (!activePreset?.id) {
+      return;
+    }
     try {
-      await fetch(formatAdminURL({
+      const url_0 = formatAdminURL({
         apiRoute,
-        path: `/${queryPresetsSlug}/${activePreset.id}`
-      }), {
+        path: `/${queryPresetsSlug}/${activePreset.id}`,
+        serverURL
+      });
+      const response_0 = await fetch(url_0, {
+        credentials: 'include',
         method: 'DELETE'
-      }).then(async res => {
-        try {
-          const json = await res.json();
-          if (res.status < 400) {
-            toast.success(t('general:titleDeleted', {
-              label: getTranslation(presetConfig?.labels?.singular, i18n),
-              title: activePreset.title
-            }));
-            await resetQueryPreset();
-          } else {
-            if (json.errors) {
-              json.errors.forEach(error => toast.error(error.message));
-            } else {
-              toast.error(t('error:deletingTitle', {
-                title: activePreset.title
-              }));
-            }
-          }
-        } catch (_err) {
-          toast.error(t('error:deletingTitle', {
-            title: activePreset.title
-          }));
-        }
       });
-    } catch (_err) {
-      toast.error(t('error:deletingTitle', {
-        title: activePreset.title
-      }));
+      if (response_0.ok) {
+        // Clear the active preset and refresh the list
+        await refineListData({
+          columns: undefined,
+          groupBy: '',
+          preset: '',
+          where: undefined
+        }, false);
+        void fetchPresets();
+      }
+    } catch (_error_0) {
+      // Silently fail
     }
-  }, [apiRoute, activePreset?.id, activePreset?.title, t, presetConfig, i18n, resetQueryPreset]);
+  }, [activePreset?.id, apiRoute, fetchPresets, refineListData, serverURL]);
+  const handleResetPreset = useCallback(async () => {
+    if (!activePreset) {
+      return;
+    }
+    // Use the same pattern as handlePresetChange for consistency
+    await refineListData({
+      columns: activePreset.columns ? transformColumnsToSearchParams(activePreset.columns) : [],
+      groupBy: activePreset.groupBy || '',
+      preset: activePreset.id,
+      where: activePreset.where
+    }, false);
+  }, [activePreset, refineListData]);
   const saveCurrentChanges = useCallback(async () => {
+    if (!activePreset?.id) {
+      return;
+    }
     try {
-      await fetch(formatAdminURL({
+      const url_1 = formatAdminURL({
         apiRoute,
-        path: `/${queryPresetsSlug}/${activePreset.id}`
-      }), {
+        path: `/${queryPresetsSlug}/${activePreset.id}`,
+        serverURL
+      });
+      const response_1 = await fetch(url_1, {
         body: JSON.stringify({
           columns: transformColumnsToPreferences(query.columns),
           groupBy: query.groupBy,
@@ -147,91 +205,159 @@ export const QueryPresetBar = ({
           'Content-Type': 'application/json'
         },
         method: 'PATCH'
-      }).then(async res => {
-        try {
-          const json = await res.json();
-          if (res.status < 400) {
-            toast.success(t('general:updatedLabelSuccessfully', {
-              label: getTranslation(presetConfig?.labels?.singular, i18n)
-            }));
-            setQueryModified(false);
-          } else {
-            if (json.errors) {
-              json.errors.forEach(error => toast.error(error.message));
-            } else {
-              toast.error(t('error:unknown'));
-            }
-          }
-        } catch (_err) {
-          toast.error(t('error:unknown'));
-        }
       });
-    } catch (_err) {
-      toast.error(t('error:unknown'));
+      if (response_1.ok) {
+        setQueryModified(false);
+        void fetchPresets();
+      }
+    } catch (_error_1) {
+      // Silently fail
+    }
+  }, [activePreset?.id, apiRoute, fetchPresets, query.columns, query.groupBy, query.where, serverURL, setQueryModified]);
+  // Detect if current query differs from preset on initial load
+  useEffect(() => {
+    if (!activePreset) {
+      return;
     }
-  }, [apiRoute, activePreset?.id, query.columns, query.groupBy, query.where, t, presetConfig?.labels?.singular, i18n, setQueryModified]);
+    const presetColumns = activePreset.columns ? transformColumnsToSearchParams(activePreset.columns) : [];
+    const presetWhere = activePreset.where;
+    const presetGroupBy = activePreset.groupBy || '';
+    // Normalize query.columns - it may be a JSON string from URL or an array
+    let queryColumns = query.columns || [];
+    if (typeof queryColumns === 'string') {
+      try {
+        queryColumns = JSON.parse(queryColumns);
+      } catch {
+        queryColumns = [];
+      }
+    }
+    // Compare current query with preset values
+    const columnsMatch = JSON.stringify(queryColumns) === JSON.stringify(presetColumns);
+    const whereMatch = JSON.stringify(query.where) === JSON.stringify(presetWhere);
+    const groupByMatch = (query.groupBy || '') === presetGroupBy;
+    const isModified = !columnsMatch || !whereMatch || !groupByMatch;
+    setQueryModified(isModified);
+  }, [activePreset, query.columns, query.where, query.groupBy, setQueryModified]);
   const hasModifiedPreset = activePreset && modified;
   return /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       className: baseClass,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__menu`,
-        children: [/*#__PURE__*/_jsx(QueryPresetToggler, {
-          activePreset: activePreset,
-          openPresetListDrawer: openListDrawer,
-          resetPreset: resetQueryPreset
-        }), /*#__PURE__*/_jsx(Pill, {
-          "aria-label": t('general:newLabel', {
-            label: presetConfig?.labels?.singular
-          }),
-          className: `${baseClass}__create-new-preset`,
-          icon: /*#__PURE__*/_jsx(PlusIcon, {}),
-          id: "create-new-preset",
-          onClick: () => {
-            openCreateNewDrawer();
-          },
-          size: "small"
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__menu-items`,
-        children: [hasModifiedPreset && /*#__PURE__*/_jsx(ListSelectionButton, {
-          id: "reset-preset",
-          onClick: async () => {
-            await refineListData({
-              columns: transformColumnsToSearchParams(activePreset.columns),
-              groupBy: activePreset.groupBy || '',
-              where: activePreset.where
-            }, false);
-          },
-          type: "button",
-          children: t('general:reset')
-        }, "reset"), hasModifiedPreset && queryPresetPermissions.update && /*#__PURE__*/_jsx(ListSelectionButton, {
-          id: "save-preset",
-          onClick: async () => {
-            await saveCurrentChanges();
-          },
-          type: "button",
-          children: activePreset?.isShared ? t('general:updateForEveryone') : t('fields:saveChanges')
-        }, "save"), activePreset && queryPresetPermissions?.delete && /*#__PURE__*/_jsxs(Fragment, {
-          children: [/*#__PURE__*/_jsx(ListSelectionButton, {
-            id: "delete-preset",
-            onClick: () => openModal(confirmDeletePresetModalSlug),
-            type: "button",
-            children: t('general:deleteLabel', {
-              label: presetConfig?.labels?.singular
-            })
-          }), /*#__PURE__*/_jsx(ListSelectionButton, {
-            id: "edit-preset",
-            onClick: () => {
-              openDocumentDrawer();
-            },
-            type: "button",
-            children: t('general:editLabel', {
-              label: presetConfig?.labels?.singular
+      children: /*#__PURE__*/_jsx(Popup, {
+        className: `${baseClass}__popup`,
+        horizontalAlign: "left",
+        portalClassName: `${baseClass}__popup-content`,
+        render: ({
+          close
+        }) => /*#__PURE__*/_jsxs(Fragment, {
+          children: [/*#__PURE__*/_jsx(PopupList.RadioGroup, {
+            children: presets.map(preset_0 => {
+              const isActive = activePreset?.id === preset_0.id;
+              return /*#__PURE__*/_jsx(PopupList.RadioGroupItem, {
+                active: isActive,
+                onClick: async () => {
+                  close();
+                  await handlePresetChange(preset_0);
+                },
+                children: preset_0.title
+              }, preset_0.id);
             })
+          }), activePreset && /*#__PURE__*/_jsxs(Fragment, {
+            children: [/*#__PURE__*/_jsx(PopupList.Divider, {}), /*#__PURE__*/_jsxs(PopupList.MenuItem, {
+              size: "small",
+              children: [hasModifiedPreset && /*#__PURE__*/_jsx(PopupList.Button, {
+                icon: /*#__PURE__*/_jsx(RefreshIcon, {
+                  size: 16
+                }),
+                id: "reset-preset",
+                onClick: async () => {
+                  close();
+                  await handleResetPreset();
+                },
+                children: t('general:reset')
+              }), hasModifiedPreset && queryPresetPermissions?.update && /*#__PURE__*/_jsx(PopupList.Button, {
+                icon: /*#__PURE__*/_jsx(CheckIcon, {
+                  size: 16
+                }),
+                id: "save-preset",
+                onClick: async () => {
+                  close();
+                  await saveCurrentChanges();
+                },
+                children: activePreset?.isShared ? t('general:updateForEveryone') : t('fields:saveChanges')
+              }), queryPresetPermissions?.update && /*#__PURE__*/_jsx(PopupList.Button, {
+                icon: /*#__PURE__*/_jsx(EditIcon, {
+                  size: 16
+                }),
+                id: "edit-preset",
+                onClick: () => {
+                  close();
+                  openPresetDrawer();
+                },
+                children: t('general:editLabel', {
+                  label: getTranslation(presetConfig?.labels?.singular, i18n)
+                })
+              }), queryPresetPermissions?.delete && /*#__PURE__*/_jsx(PopupList.Button, {
+                className: `${baseClass}__delete`,
+                icon: /*#__PURE__*/_jsx(TrashIcon, {
+                  size: 16
+                }),
+                id: "delete-preset",
+                onClick: () => {
+                  close();
+                  openModal(deletePresetModalSlug);
+                },
+                children: t('general:deleteLabel', {
+                  label: getTranslation(presetConfig?.labels?.singular, i18n)
+                })
+              })]
+            })]
+          }), (presets.length > 0 || activePreset) && /*#__PURE__*/_jsx(PopupList.Divider, {}), /*#__PURE__*/_jsxs(PopupList.MenuItem, {
+            size: "small",
+            children: [queryPresetPermissions?.create && /*#__PURE__*/_jsx(PopupList.Button, {
+              icon: /*#__PURE__*/_jsx(PlusIcon, {
+                size: 16
+              }),
+              id: "create-new-preset",
+              onClick: () => {
+                close();
+                openCreateNewDrawer();
+              },
+              children: t('general:createNewLabel', {
+                label: getTranslation(presetConfig?.labels?.singular, i18n)
+              })
+            }), /*#__PURE__*/_jsx(PopupList.Button, {
+              icon: /*#__PURE__*/_jsx(GearIcon, {
+                size: 16
+              }),
+              id: "manage-presets",
+              onClick: () => {
+                close();
+                openListDrawer();
+              },
+              children: t('general:manageLabel', {
+                label: getTranslation(presetConfig?.labels?.plural, i18n)
+              })
+            })]
           })]
-        })]
-      })]
+        }),
+        renderButton: ({
+          active,
+          onClick,
+          onKeyDown
+        }) => /*#__PURE__*/_jsx(FilterTrigger, {
+          className: `${baseClass}__trigger`,
+          id: "select-preset",
+          isActive: Boolean(activePreset),
+          onClear: handleClearPreset,
+          onClick: onClick,
+          onKeyDown: onKeyDown,
+          popupActive: active,
+          showBadge: hasModifiedPreset,
+          children: buttonLabel
+        }),
+        size: "large",
+        verticalAlign: "bottom"
+      })
     }), /*#__PURE__*/_jsx(CreateNewPresetDrawer, {
       initialData: {
         columns: transformColumnsToPreferences(query.columns),
@@ -244,8 +370,33 @@ export const QueryPresetBar = ({
       }) => {
         closeCreateNewDrawer();
         await handlePresetChange(doc);
+        void fetchPresets();
       },
       redirectAfterCreate: false
+    }), /*#__PURE__*/_jsx(PresetDocumentDrawer, {
+      onDelete: () => {
+        void fetchPresets();
+      },
+      onDuplicate: async ({
+        doc: doc_0
+      }) => {
+        await handlePresetChange(doc_0);
+        void fetchPresets();
+      },
+      onSave: async ({
+        doc: doc_1
+      }) => {
+        await handlePresetChange(doc_1);
+        void fetchPresets();
+      }
+    }), /*#__PURE__*/_jsx(ListDrawer, {
+      allowCreate: false,
+      disableQueryPresets: true,
+      onSelect: async ({
+        doc: doc_2
+      }) => {
+        await handlePresetChange(doc_2);
+      }
     }), /*#__PURE__*/_jsx(ConfirmationModal, {
       body: /*#__PURE__*/_jsx(Translation, {
         elements: {
@@ -258,37 +409,14 @@ export const QueryPresetBar = ({
         i18nKey: "general:aboutToDelete",
         t: t,
         variables: {
-          label: presetConfig?.labels?.singular,
+          label: getTranslation(presetConfig?.labels?.singular, i18n),
           title: activePreset?.title
         }
       }),
-      confirmingLabel: t('general:deleting'),
+      confirmLabel: t('general:delete'),
       heading: t('general:confirmDeletion'),
-      modalSlug: confirmDeletePresetModalSlug,
+      modalSlug: deletePresetModalSlug,
       onConfirm: handleDeletePreset
-    }), /*#__PURE__*/_jsx(PresetDocumentDrawer, {
-      onDelete: () => {
-        // setSelectedPreset(undefined)
-      },
-      onDuplicate: async ({
-        doc
-      }) => {
-        await handlePresetChange(doc);
-      },
-      onSave: async ({
-        doc
-      }) => {
-        await handlePresetChange(doc);
-      }
-    }), /*#__PURE__*/_jsx(ListDrawer, {
-      allowCreate: false,
-      disableQueryPresets: true,
-      onSelect: async ({
-        doc
-      }) => {
-        closeListDrawer();
-        await handlePresetChange(doc);
-      }
     })]
   });
 };

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":";AAEA,SAASA,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SACEC,cAAc,EACdC,6BAA6B,EAC7BC,8BAA8B,QACzB;AACP,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AACtD,SAASC,KAAK,QAAQ;AAEtB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,aAAa,QAAQ;AAC9B,SAASC,mBAAmB,QAAQ;AACpC,SAASC,IAAI,QAAQ;AACrB,SAASC,WAAW,QAAQ;AAC5B,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,4BAAA,GAA+B;AAErC,MAAMC,gBAAA,GAAmB;AAEzB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAIRA,CAAC;EAAEC,YAAY;EAAEC,cAAc;EAAEC;AAAsB,CAAE;EAC5D,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,cAAc;IAAEC,WAAA,EAAaC;EAAgB,CAAE,GAAGpB,YAAA;EAE3E,MAAM;IAAEqB,IAAI;IAAEC;EAAC,CAAE,GAAGrB,cAAA;EACpB,MAAM;IAAEsB;EAAS,CAAE,GAAGnC,QAAA;EAEtB,MAAM;IACJoC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,GAAA,EAAKC;MAAQ;IAAE,CAC1B;IACDC;EAAe,CAChB,GAAG7B,SAAA;EAEJ,MAAM8B,YAAA,GAAeD,eAAA,CAAgB;IAAEd,cAAA,EAAgBJ;EAAiB;EAExE,MAAM,CAACoB,oBAAA,GAAwB;IAAEC,UAAA,EAAYC;EAAkB,CAAE,CAAC,GAAG7B,iBAAA,CAAkB;IACrF8B,EAAA,EAAIpB,YAAA,EAAcoB,EAAA;IAClBnB,cAAA,EAAgBJ;EAClB;EAEA,MAAM,CACJwB,qBAAA,GAEA;IAAEC,WAAA,EAAaC,oBAAoB;IAAEL,UAAA,EAAYM;EAAmB,CAAE,CACvE,GAAGlC,iBAAA,CAAkB;IACpBW,cAAA,EAAgBJ;EAClB;EAEA,MAAM4B,aAAA,GAAgB1C,OAAA,CACpB,OAAO;IACL,yBAAyB;MACvB2C,MAAA,EAAQ;QACNC,UAAA,EAAY;MACd;MACAC,iBAAA,EAAmB;QACjBC,MAAA,EAAQ5B;MACV;IACF;EACF,IACA,CAACA,cAAA,CAAe;EAGlB,MAAM,CAAC6B,UAAA,GAAc;IAAER,WAAA,EAAaS,eAAe;IAAEb,UAAA,EAAYc;EAAc,CAAE,CAAC,GAChFzC,aAAA,CAAc;IACZ0C,eAAA,EAAiB,CAACpC,gBAAA,CAAiB;IACnC4B,aAAA;IACAS,kBAAA,EAAoBrC;EACtB;EAEF,MAAMsC,kBAAA,GAAqBrD,WAAA,CACzB,MAAOsD,MAAA;IACL,MAAM/B,cAAA,CACJ;MACEgC,OAAA,EAASD,MAAA,CAAOC,OAAO,GAAG1D,8BAAA,CAA+ByD,MAAA,CAAOC,OAAO,IAAIC,SAAA;MAC3EC,OAAA,EAASH,MAAA,CAAOG,OAAO,IAAI;MAC3BH,MAAA,EAAQA,MAAA,CAAOhB,EAAE;MACjBoB,KAAA,EAAOJ,MAAA,CAAOI;IAChB,GACA;EAEJ,GACA,CAACnC,cAAA,CAAe;EAGlB,MAAMoC,gBAAA,GAAmB3D,WAAA,CAAY;IACnC,MAAMuB,cAAA,CACJ;MACEgC,OAAA,EAAS,EAAE;MACXE,OAAA,EAAS;MACTH,MAAA,EAAQ;MACRI,KAAA,EAAO,CAAC;IACV,GACA;EAEJ,GAAG,CAACnC,cAAA,CAAe;EAEnB,MAAMqC,kBAAA,GAAqB5D,WAAA,CAAY;IACrC,IAAI;MACF,MAAM6D,KAAA,CACJlE,cAAA,CAAe;QACbqC,QAAA;QACA8B,IAAA,EAAM,IAAI/C,gBAAA,IAAoBG,YAAA,CAAaoB,EAAE;MAC/C,IACA;QACEyB,MAAA,EAAQ;MACV,GACAC,IAAI,CAAC,MAAOC,GAAA;QACZ,IAAI;UACF,MAAMC,IAAA,GAAO,MAAMD,GAAA,CAAIC,IAAI;UAE3B,IAAID,GAAA,CAAIE,MAAM,GAAG,KAAK;YACpBjE,KAAA,CAAMkE,OAAO,CACXzC,CAAA,CAAE,wBAAwB;cACxB0C,KAAA,EAAO3E,cAAA,CAAewC,YAAA,EAAcoC,MAAA,EAAQC,QAAA,EAAU7C,IAAA;cACtD8C,KAAA,EAAOtD,YAAA,CAAasD;YACtB;YAGF,MAAMb,gBAAA;UACR,OAAO;YACL,IAAIO,IAAA,CAAKO,MAAM,EAAE;cACfP,IAAA,CAAKO,MAAM,CAACC,OAAO,CAAEC,KAAA,IAAUzE,KAAA,CAAMyE,KAAK,CAACA,KAAA,CAAMC,OAAO;YAC1D,OAAO;cACL1E,KAAA,CAAMyE,KAAK,CAAChD,CAAA,CAAE,uBAAuB;gBAAE6C,KAAA,EAAOtD,YAAA,CAAasD;cAAM;YACnE;UACF;QACF,EAAE,OAAOK,IAAA,EAAM;UACb3E,KAAA,CAAMyE,KAAK,CAAChD,CAAA,CAAE,uBAAuB;YAAE6C,KAAA,EAAOtD,YAAA,CAAasD;UAAM;QACnE;MACF;IACF,EAAE,OAAOK,IAAA,EAAM;MACb3E,KAAA,CAAMyE,KAAK,CAAChD,CAAA,CAAE,uBAAuB;QAAE6C,KAAA,EAAOtD,YAAA,CAAasD;MAAM;IACnE;EACF,GAAG,CAACxC,QAAA,EAAUd,YAAA,EAAcoB,EAAA,EAAIpB,YAAA,EAAcsD,KAAA,EAAO7C,CAAA,EAAGO,YAAA,EAAcR,IAAA,EAAMiC,gBAAA,CAAiB;EAE7F,MAAMmB,kBAAA,GAAqB9E,WAAA,CAAY;IACrC,IAAI;MACF,MAAM6D,KAAA,CACJlE,cAAA,CAAe;QACbqC,QAAA;QACA8B,IAAA,EAAM,IAAI/C,gBAAA,IAAoBG,YAAA,CAAaoB,EAAE;MAC/C,IACA;QACEyC,IAAA,EAAMC,IAAA,CAAKC,SAAS,CAAC;UACnB1B,OAAA,EAAS3D,6BAAA,CAA8B0B,KAAA,CAAMiC,OAAO;UACpDE,OAAA,EAASnC,KAAA,CAAMmC,OAAO;UACtBC,KAAA,EAAOpC,KAAA,CAAMoC;QACf;QACAwB,WAAA,EAAa;QACbC,OAAA,EAAS;UACP,gBAAgB;QAClB;QACApB,MAAA,EAAQ;MACV,GACAC,IAAI,CAAC,MAAOC,GAAA;QACZ,IAAI;UACF,MAAMC,IAAA,GAAO,MAAMD,GAAA,CAAIC,IAAI;UAE3B,IAAID,GAAA,CAAIE,MAAM,GAAG,KAAK;YACpBjE,KAAA,CAAMkE,OAAO,CACXzC,CAAA,CAAE,oCAAoC;cACpC0C,KAAA,EAAO3E,cAAA,CAAewC,YAAA,EAAcoC,MAAA,EAAQC,QAAA,EAAU7C,IAAA;YACxD;YAGFD,gBAAA,CAAiB;UACnB,OAAO;YACL,IAAIyC,IAAA,CAAKO,MAAM,EAAE;cACfP,IAAA,CAAKO,MAAM,CAACC,OAAO,CAAEC,KAAA,IAAUzE,KAAA,CAAMyE,KAAK,CAACA,KAAA,CAAMC,OAAO;YAC1D,OAAO;cACL1E,KAAA,CAAMyE,KAAK,CAAChD,CAAA,CAAE;YAChB;UACF;QACF,EAAE,OAAOkD,IAAA,EAAM;UACb3E,KAAA,CAAMyE,KAAK,CAAChD,CAAA,CAAE;QAChB;MACF;IACF,EAAE,OAAOkD,IAAA,EAAM;MACb3E,KAAA,CAAMyE,KAAK,CAAChD,CAAA,CAAE;IAChB;EACF,GAAG,CACDK,QAAA,EACAd,YAAA,EAAcoB,EAAA,EACdhB,KAAA,CAAMiC,OAAO,EACbjC,KAAA,CAAMmC,OAAO,EACbnC,KAAA,CAAMoC,KAAK,EACX/B,CAAA,EACAO,YAAA,EAAcoC,MAAA,EAAQC,QAAA,EACtB7C,IAAA,EACAD,gBAAA,CACD;EAED,MAAM2D,iBAAA,GAAoBlE,YAAA,IAAgBG,QAAA;EAE1C,oBACEgE,KAAA,CAACtF,QAAA;4BACCsF,KAAA,CAAC;MAAIC,SAAA,EAAWtE,SAAA;8BACdqE,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGtE,SAAA,QAAiB;gCAClCuE,IAAA,CAAC1E,kBAAA;UACCK,YAAA,EAAcA,YAAA;UACdsE,oBAAA,EAAsBtC,cAAA;UACtBuC,WAAA,EAAa9B;yBAEf4B,IAAA,CAAC5E,IAAA;UACC,cAAYgB,CAAA,CAAE,oBAAoB;YAAE0C,KAAA,EAAOnC,YAAA,EAAcoC,MAAA,EAAQC;UAAS;UAC1Ee,SAAA,EAAW,GAAGtE,SAAA,qBAA8B;UAC5C0E,IAAA,eAAMH,IAAA,CAACpF,QAAA;UACPmC,EAAA,EAAG;UACHqD,OAAA,EAASA,CAAA;YACPjD,mBAAA;UACF;UACAkD,IAAA,EAAK;;uBAGTP,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAGtE,SAAA,cAAuB;mBACvCoE,iBAAA,iBACCG,IAAA,CAAC7E,mBAAA;UACC4B,EAAA,EAAG;UAEHqD,OAAA,EAAS,MAAAA,CAAA;YACP,MAAMpE,cAAA,CACJ;cACEgC,OAAA,EAAS1D,8BAAA,CAA+BqB,YAAA,CAAaqC,OAAO;cAC5DE,OAAA,EAASvC,YAAA,CAAauC,OAAO,IAAI;cACjCC,KAAA,EAAOxC,YAAA,CAAawC;YACtB,GACA;UAEJ;UACAmC,IAAA,EAAK;oBAEJlE,CAAA,CAAE;WAbC,UAgBPyD,iBAAA,IAAqBhE,sBAAA,CAAuB0E,MAAM,iBACjDP,IAAA,CAAC7E,mBAAA;UACC4B,EAAA,EAAG;UAEHqD,OAAA,EAAS,MAAAA,CAAA;YACP,MAAMb,kBAAA;UACR;UACAe,IAAA,EAAK;oBAEJ3E,YAAA,EAAc6E,QAAA,GAAWpE,CAAA,CAAE,+BAA+BA,CAAA,CAAE;WANzD,SASPT,YAAA,IAAgBE,sBAAA,EAAwB4E,MAAA,iBACvCX,KAAA,CAACtF,QAAA;kCACCwF,IAAA,CAAC7E,mBAAA;YACC4B,EAAA,EAAG;YACHqD,OAAA,EAASA,CAAA,KAAM/D,SAAA,CAAUd,4BAAA;YACzB+E,IAAA,EAAK;sBAEJlE,CAAA,CAAE,uBAAuB;cAAE0C,KAAA,EAAOnC,YAAA,EAAcoC,MAAA,EAAQC;YAAS;2BAEpEgB,IAAA,CAAC7E,mBAAA;YACC4B,EAAA,EAAG;YACHqD,OAAA,EAASA,CAAA;cACPtD,kBAAA;YACF;YACAwD,IAAA,EAAK;sBAEJlE,CAAA,CAAE,qBAAqB;cAAE0C,KAAA,EAAOnC,YAAA,EAAcoC,MAAA,EAAQC;YAAS;;;;qBAM1EgB,IAAA,CAAChD,qBAAA;MACC0D,WAAA,EAAa;QACX1C,OAAA,EAAS3D,6BAAA,CAA8B0B,KAAA,CAAMiC,OAAO;QACpDE,OAAA,EAASnC,KAAA,CAAMmC,OAAO;QACtBX,iBAAA,EAAmB3B,cAAA;QACnBuC,KAAA,EAAOpC,KAAA,CAAMoC;MACf;MACAwC,MAAA,EAAQ,MAAAA,CAAO;QAAEC;MAAG,CAAE;QACpB1D,oBAAA;QACA,MAAMY,kBAAA,CAAmB8C,GAAA;MAC3B;MACAC,mBAAA,EAAqB;qBAEvBb,IAAA,CAAChF,iBAAA;MACCwE,IAAA,eACEQ,IAAA,CAAC3E,WAAA;QACCyF,QAAA,EAAU;UACR,KAAKC,CAAC;YAAEC;UAAQ,CAAE,kBAAKhB,IAAA,CAAC;sBAAQgB;;QAClC;QACAC,OAAA,EAAQ;QACR7E,CAAA,EAAGA,CAAA;QACH8E,SAAA,EAAW;UACTpC,KAAA,EAAOnC,YAAA,EAAcoC,MAAA,EAAQC,QAAA;UAC7BC,KAAA,EAAOtD,YAAA,EAAcsD;QACvB;;MAGJkC,eAAA,EAAiB/E,CAAA,CAAE;MACnBgF,OAAA,EAAShF,CAAA,CAAE;MACXiF,SAAA,EAAW9F,4BAAA;MACX+F,SAAA,EAAWjD;qBAEb2B,IAAA,CAACpD,oBAAA;MACC2E,QAAA,EAAUA,CAAA;QACR;MAAA,CACF;MACAC,WAAA,EAAa,MAAAA,CAAO;QAAEZ;MAAG,CAAE;QACzB,MAAM9C,kBAAA,CAAmB8C,GAAA;MAC3B;MACAD,MAAA,EAAQ,MAAAA,CAAO;QAAEC;MAAG,CAAE;QACpB,MAAM9C,kBAAA,CAAmB8C,GAAA;MAC3B;qBAEFZ,IAAA,CAACvC,UAAA;MACCgE,WAAA,EAAa;MACbC,mBAAmB;MACnBC,QAAA,EAAU,MAAAA,CAAO;QAAEf;MAAG,CAAE;QACtBlD,eAAA;QACA,MAAMI,kBAAA,CAAmB8C,GAAA;MAC3B;;;AAIR","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","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 size={16} />}\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":[]}