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

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

@@ -1,4 +1,4 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+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';
@@ -19,355 +19,278 @@ import './index.scss';
 const confirmDeletePresetModalSlug = 'confirm-delete-preset';
 const queryPresetsSlug = 'payload-query-presets';
 const baseClass = 'query-preset-bar';
-export const QueryPresetBar = ({ activePreset, collectionSlug, queryPresetPermissions })=>{
-    const { modified, query, refineListData, setModified: setQueryModified } = useListQuery();
-    const { i18n, t } = useTranslation();
-    const { openModal } = useModal();
-    const { config: { routes: { api: apiRoute }, serverURL }, getEntityConfig } = useConfig();
-    const presetConfig = getEntityConfig({
-        collectionSlug: queryPresetsSlug
-    });
-    const [PresetDocumentDrawer, , { openDrawer: openDocumentDrawer }] = useDocumentDrawer({
-        id: activePreset?.id,
-        collectionSlug: queryPresetsSlug
-    });
-    const [CreateNewPresetDrawer, , { closeDrawer: closeCreateNewDrawer, openDrawer: openCreateNewDrawer }] = useDocumentDrawer({
-        collectionSlug: queryPresetsSlug
-    });
-    const filterOptions = useMemo(()=>({
-            'payload-query-presets': {
-                isTemp: {
-                    not_equals: true
-                },
-                relatedCollection: {
-                    equals: collectionSlug
-                }
-            }
-        }), [
-        collectionSlug
-    ]);
-    const [ListDrawer, , { closeDrawer: closeListDrawer, openDrawer: openListDrawer }] = useListDrawer({
-        collectionSlugs: [
-            queryPresetsSlug
-        ],
-        filterOptions,
-        selectedCollection: queryPresetsSlug
-    });
-    const handlePresetChange = useCallback(async (preset)=>{
-        await refineListData({
-            columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,
-            groupBy: preset.groupBy || '',
-            preset: preset.id,
-            where: preset.where
-        }, false);
-    }, [
-        refineListData
-    ]);
-    const resetQueryPreset = useCallback(async ()=>{
-        await refineListData({
-            columns: [],
-            groupBy: '',
-            preset: '',
-            where: {}
-        }, false);
-    }, [
-        refineListData
-    ]);
-    const handleDeletePreset = useCallback(async ()=>{
+export const QueryPresetBar = ({
+  activePreset,
+  collectionSlug,
+  queryPresetPermissions
+}) => {
+  const {
+    modified,
+    query,
+    refineListData,
+    setModified: setQueryModified
+  } = useListQuery();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    openModal
+  } = useModal();
+  const {
+    config: {
+      routes: {
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const presetConfig = getEntityConfig({
+    collectionSlug: queryPresetsSlug
+  });
+  const [PresetDocumentDrawer,, {
+    openDrawer: openDocumentDrawer
+  }] = useDocumentDrawer({
+    id: activePreset?.id,
+    collectionSlug: queryPresetsSlug
+  });
+  const [CreateNewPresetDrawer,, {
+    closeDrawer: closeCreateNewDrawer,
+    openDrawer: openCreateNewDrawer
+  }] = useDocumentDrawer({
+    collectionSlug: queryPresetsSlug
+  });
+  const filterOptions = useMemo(() => ({
+    'payload-query-presets': {
+      isTemp: {
+        not_equals: true
+      },
+      relatedCollection: {
+        equals: collectionSlug
+      }
+    }
+  }), [collectionSlug]);
+  const [ListDrawer,, {
+    closeDrawer: closeListDrawer,
+    openDrawer: openListDrawer
+  }] = useListDrawer({
+    collectionSlugs: [queryPresetsSlug],
+    filterOptions,
+    selectedCollection: queryPresetsSlug
+  });
+  const handlePresetChange = useCallback(async preset => {
+    await refineListData({
+      columns: preset.columns ? transformColumnsToSearchParams(preset.columns) : undefined,
+      groupBy: preset.groupBy || '',
+      preset: preset.id,
+      where: preset.where
+    }, false);
+  }, [refineListData]);
+  const resetQueryPreset = useCallback(async () => {
+    await refineListData({
+      columns: [],
+      groupBy: '',
+      preset: '',
+      where: {}
+    }, false);
+  }, [refineListData]);
+  const handleDeletePreset = useCallback(async () => {
+    try {
+      await fetch(formatAdminURL({
+        apiRoute,
+        path: `/${queryPresetsSlug}/${activePreset.id}`
+      }), {
+        method: 'DELETE'
+      }).then(async res => {
         try {
-            await fetch(formatAdminURL({
-                apiRoute,
-                path: `/${queryPresetsSlug}/${activePreset.id}`
-            }), {
-                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
+          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
+      }));
+    }
+  }, [apiRoute, activePreset?.id, activePreset?.title, t, presetConfig, i18n, resetQueryPreset]);
+  const saveCurrentChanges = useCallback(async () => {
+    try {
+      await fetch(formatAdminURL({
         apiRoute,
-        activePreset?.id,
-        activePreset?.title,
-        t,
-        presetConfig,
-        i18n,
-        resetQueryPreset
-    ]);
-    const saveCurrentChanges = useCallback(async ()=>{
+        path: `/${queryPresetsSlug}/${activePreset.id}`
+      }), {
+        body: JSON.stringify({
+          columns: transformColumnsToPreferences(query.columns),
+          groupBy: query.groupBy,
+          where: query.where
+        }),
+        credentials: 'include',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        method: 'PATCH'
+      }).then(async res => {
         try {
-            await fetch(formatAdminURL({
-                apiRoute,
-                path: `/${queryPresetsSlug}/${activePreset.id}`
-            }), {
-                body: JSON.stringify({
-                    columns: transformColumnsToPreferences(query.columns),
-                    groupBy: query.groupBy,
-                    where: query.where
-                }),
-                credentials: 'include',
-                headers: {
-                    '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'));
-                }
-            });
+          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'));
+          toast.error(t('error:unknown'));
         }
-    }, [
-        apiRoute,
-        activePreset?.id,
-        query.columns,
-        query.groupBy,
-        query.where,
-        t,
-        presetConfig?.labels?.singular,
-        i18n,
-        setQueryModified
-    ]);
-    const hasModifiedPreset = activePreset && modified;
-    return /*#__PURE__*/ _jsxDEV(Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: baseClass,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__menu`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(QueryPresetToggler, {
-                                activePreset: activePreset,
-                                openPresetListDrawer: openListDrawer,
-                                resetPreset: resetQueryPreset
-                            }, void 0, false, {
-                                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                lineNumber: 215,
-                                columnNumber: 11
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(Pill, {
-                                "aria-label": t('general:newLabel', {
-                                    label: presetConfig?.labels?.singular
-                                }),
-                                className: `${baseClass}__create-new-preset`,
-                                icon: /*#__PURE__*/ _jsxDEV(PlusIcon, {}, void 0, false, {
-                                    fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                    lineNumber: 223,
-                                    columnNumber: 19
-                                }, void 0),
-                                id: "create-new-preset",
-                                onClick: ()=>{
-                                    openCreateNewDrawer();
-                                },
-                                size: "small"
-                            }, void 0, false, {
-                                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                lineNumber: 220,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                        lineNumber: 214,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__menu-items`,
-                        children: [
-                            hasModifiedPreset && /*#__PURE__*/ _jsxDEV(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", false, {
-                                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                lineNumber: 233,
-                                columnNumber: 13
-                            }, this),
-                            hasModifiedPreset && queryPresetPermissions.update && /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
-                                id: "save-preset",
-                                onClick: async ()=>{
-                                    await saveCurrentChanges();
-                                },
-                                type: "button",
-                                children: activePreset?.isShared ? t('general:updateForEveryone') : t('fields:saveChanges')
-                            }, "save", false, {
-                                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                lineNumber: 252,
-                                columnNumber: 13
-                            }, this),
-                            activePreset && queryPresetPermissions?.delete && /*#__PURE__*/ _jsxDEV(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
-                                        id: "delete-preset",
-                                        onClick: ()=>openModal(confirmDeletePresetModalSlug),
-                                        type: "button",
-                                        children: t('general:deleteLabel', {
-                                            label: presetConfig?.labels?.singular
-                                        })
-                                    }, void 0, false, {
-                                        fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                        lineNumber: 265,
-                                        columnNumber: 15
-                                    }, this),
-                                    /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
-                                        id: "edit-preset",
-                                        onClick: ()=>{
-                                            openDocumentDrawer();
-                                        },
-                                        type: "button",
-                                        children: t('general:editLabel', {
-                                            label: presetConfig?.labels?.singular
-                                        })
-                                    }, void 0, false, {
-                                        fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                        lineNumber: 272,
-                                        columnNumber: 15
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                lineNumber: 264,
-                                columnNumber: 13
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                        lineNumber: 231,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                lineNumber: 213,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(CreateNewPresetDrawer, {
-                initialData: {
-                    columns: transformColumnsToPreferences(query.columns),
-                    groupBy: query.groupBy,
-                    relatedCollection: collectionSlug,
-                    where: query.where
-                },
-                onSave: async ({ doc })=>{
-                    closeCreateNewDrawer();
-                    await handlePresetChange(doc);
-                },
-                redirectAfterCreate: false
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                lineNumber: 285,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-                body: /*#__PURE__*/ _jsxDEV(Translation, {
-                    elements: {
-                        '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
-                                children: children
-                            }, void 0, false, {
-                                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                                lineNumber: 302,
-                                columnNumber: 38
-                            }, void 0)
-                    },
-                    i18nKey: "general:aboutToDelete",
-                    t: t,
-                    variables: {
-                        label: presetConfig?.labels?.singular,
-                        title: activePreset?.title
-                    }
-                }, void 0, false, {
-                    fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                    lineNumber: 300,
-                    columnNumber: 11
-                }, void 0),
-                confirmingLabel: t('general:deleting'),
-                heading: t('general:confirmDeletion'),
-                modalSlug: confirmDeletePresetModalSlug,
-                onConfirm: handleDeletePreset
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                lineNumber: 298,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(PresetDocumentDrawer, {
-                onDelete: ()=>{},
-                // setSelectedPreset(undefined)
-                onDuplicate: async ({ doc })=>{
-                    await handlePresetChange(doc);
-                },
-                onSave: async ({ doc })=>{
-                    await handlePresetChange(doc);
-                }
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                lineNumber: 317,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(ListDrawer, {
-                allowCreate: false,
-                disableQueryPresets: true,
-                onSelect: async ({ doc })=>{
-                    closeListDrawer();
-                    await handlePresetChange(doc);
-                }
-            }, void 0, false, {
-                fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-                lineNumber: 328,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/QueryPresets/QueryPresetBar/index.tsx",
-        lineNumber: 212,
-        columnNumber: 5
-    }, this);
+      });
+    } catch (_err) {
+      toast.error(t('error:unknown'));
+    }
+  }, [apiRoute, activePreset?.id, query.columns, query.groupBy, query.where, t, presetConfig?.labels?.singular, i18n, setQueryModified]);
+  const hasModifiedPreset = activePreset && modified;
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsxs("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
+            })
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(CreateNewPresetDrawer, {
+      initialData: {
+        columns: transformColumnsToPreferences(query.columns),
+        groupBy: query.groupBy,
+        relatedCollection: collectionSlug,
+        where: query.where
+      },
+      onSave: async ({
+        doc
+      }) => {
+        closeCreateNewDrawer();
+        await handlePresetChange(doc);
+      },
+      redirectAfterCreate: false
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: /*#__PURE__*/_jsx(Translation, {
+        elements: {
+          '1': ({
+            children
+          }) => /*#__PURE__*/_jsx("strong", {
+            children: children
+          })
+        },
+        i18nKey: "general:aboutToDelete",
+        t: t,
+        variables: {
+          label: presetConfig?.labels?.singular,
+          title: activePreset?.title
+        }
+      }),
+      confirmingLabel: t('general:deleting'),
+      heading: t('general:confirmDeletion'),
+      modalSlug: confirmDeletePresetModalSlug,
+      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);
+      }
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map