@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/elements/DeleteMany/index.js

@@ -1,4 +1,7 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
@@ -19,298 +22,342 @@ import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { ListSelectionButton } from '../ListSelection/index.js';
 import { Translation } from '../Translation/index.js';
 import './index.scss';
-/**
-   * When multiple DeleteMany components are rendered on the page, this will differentiate them.
-   */ /**
-   * When multiple PublishMany components are rendered on the page, this will differentiate them.
-   */ export const DeleteMany = (props)=>{
-    const { viewType } = props;
-    const { collection: { slug, trash } = {}, modalPrefix } = props;
-    const { permissions } = useAuth();
-    const { count, selectAll, selectedIDs, toggleAll } = useSelection();
-    const router = useRouter();
-    const searchParams = useSearchParams();
-    const { clearRouteCache } = useRouteCache();
-    const collectionPermissions = permissions?.collections?.[slug];
-    const hasDeletePermission = collectionPermissions?.delete;
-    const selectingAll = selectAll === SelectAllStatus.AllAvailable;
-    const ids = selectingAll ? [] : selectedIDs;
-    if (selectAll === SelectAllStatus.None || !hasDeletePermission) {
-        return null;
-    }
-    const baseWhere = parseSearchParams(searchParams)?.where;
-    const finalWhere = viewType === 'trash' ? {
-        and: [
-            ...Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [
-                baseWhere
-            ] : [],
-            {
-                deletedAt: {
-                    exists: true
-                }
-            }
-        ]
-    } : baseWhere;
-    return <React.Fragment>
-      <DeleteMany_v4 afterDelete={()=>{
-        toggleAll();
-        router.replace(qs.stringify({
-            ...parseSearchParams(searchParams),
-            page: selectAll ? '1' : undefined
-        }, {
-            addQueryPrefix: true
-        }));
-        clearRouteCache();
-    }} modalPrefix={modalPrefix} search={parseSearchParams(searchParams)?.search} selections={{
+export const DeleteMany = props => {
+  const $ = _c(6);
+  const {
+    viewType
+  } = props;
+  const {
+    collection: t0,
+    modalPrefix
+  } = props;
+  const {
+    slug,
+    trash
+  } = t0 === undefined ? {} : t0;
+  const {
+    permissions
+  } = useAuth();
+  const {
+    count,
+    selectAll,
+    selectedIDs,
+    toggleAll
+  } = useSelection();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasDeletePermission = collectionPermissions?.delete;
+  const selectingAll = selectAll === SelectAllStatus.AllAvailable;
+  const ids = selectingAll ? [] : selectedIDs;
+  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {
+    return null;
+  }
+  const baseWhere = parseSearchParams(searchParams)?.where;
+  const finalWhere = viewType === "trash" ? {
+    and: [...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []), {
+      deletedAt: {
+        exists: true
+      }
+    }]
+  } : baseWhere;
+  let t1;
+  if ($[0] !== clearRouteCache || $[1] !== router || $[2] !== searchParams || $[3] !== selectAll || $[4] !== toggleAll) {
+    t1 = () => {
+      toggleAll();
+      router.replace(qs.stringify({
+        ...parseSearchParams(searchParams),
+        page: selectAll ? "1" : undefined
+      }, {
+        addQueryPrefix: true
+      }));
+      clearRouteCache();
+    };
+    $[0] = clearRouteCache;
+    $[1] = router;
+    $[2] = searchParams;
+    $[3] = selectAll;
+    $[4] = toggleAll;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return _jsx(React.Fragment, {
+    children: _jsx(DeleteMany_v4, {
+      afterDelete: t1,
+      modalPrefix,
+      search: parseSearchParams(searchParams)?.search,
+      selections: {
         [slug]: {
-            all: selectAll === SelectAllStatus.AllAvailable,
-            ids,
-            totalCount: selectingAll ? count : ids.length
+          all: selectAll === SelectAllStatus.AllAvailable,
+          ids,
+          totalCount: selectingAll ? count : ids.length
         }
-    }} trash={trash} viewType={viewType} where={finalWhere}/>
-    </React.Fragment>;
+      },
+      trash,
+      viewType,
+      where: finalWhere
+    })
+  });
 };
 /**
-   * A callback function to be called after the delete request is completed.
-   */ /**
-   * When multiple DeleteMany components are rendered on the page, this will differentiate them.
-   */ /**
-   * Optionally pass a search string to filter the documents to be deleted.
-   *
-   * This is intentionally passed as a prop so modals could pass in their own
-   * search string that may not be stored in the URL.
-   */ /**
-   * An object containing the relationTo as the key and an object with the following properties:
-   * - all: boolean
-   * - totalCount: number
-   * - ids: (string | number)[]
-   */ /**
-   * Optionally pass a where clause to filter the documents to be deleted.
-   * This will be ignored if multiple relations are selected.
-   *
-   * This is intentionally passed as a prop so modals could pass in their own
-   * where clause that may not be stored in the URL.
-   */ /**
  * Handles polymorphic document delete operations.
  *
  * If you are deleting monomorphic documents, shape your `selections` to match the polymorphic structure.
- */ export function DeleteMany_v4({ afterDelete, modalPrefix, search, selections, trash, viewType, where }) {
-    const { t } = useTranslation();
-    const { config: { collections, routes: { api }, serverURL } } = useConfig();
-    const { code: locale } = useLocale();
-    const { i18n } = useTranslation();
-    const { openModal } = useModal();
-    const [deletePermanently, setDeletePermanently] = React.useState(false);
-    const confirmManyDeleteDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-delete-many-docs`;
-    const handleDelete = React.useCallback(async ()=>{
-        const deletingOneCollection = Object.keys(selections).length === 1;
-        const result = {};
-        for (const [relationTo, { all, ids = [] }] of Object.entries(selections)){
-            const collectionConfig = collections.find(({ slug })=>slug === relationTo);
-            if (collectionConfig) {
-                let whereConstraint;
-                if (all) {
-                    // selecting all documents with optional where filter
-                    if (deletingOneCollection && where) {
-                        whereConstraint = viewType === 'trash' ? {
-                            and: [
-                                ...Array.isArray(where.and) ? where.and : [
-                                    where
-                                ],
-                                {
-                                    deletedAt: {
-                                        exists: true
-                                    }
-                                }
-                            ]
-                        } : where;
-                    } else {
-                        whereConstraint = viewType === 'trash' ? {
-                            and: [
-                                {
-                                    id: {
-                                        not_equals: ''
-                                    }
-                                },
-                                {
-                                    deletedAt: {
-                                        exists: true
-                                    }
-                                }
-                            ]
-                        } : {
-                            id: {
-                                not_equals: ''
-                            }
-                        };
-                    }
-                } else {
-                    // selecting specific documents
-                    whereConstraint = {
-                        and: [
-                            {
-                                id: {
-                                    in: ids
-                                }
-                            },
-                            ...viewType === 'trash' ? [
-                                {
-                                    deletedAt: {
-                                        exists: true
-                                    }
-                                }
-                            ] : []
-                        ]
-                    };
+ */
+export function DeleteMany_v4({
+  afterDelete,
+  modalPrefix,
+  search,
+  selections,
+  trash,
+  viewType,
+  where
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    config: {
+      collections,
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const {
+    code: locale
+  } = useLocale();
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    openModal
+  } = useModal();
+  const [deletePermanently, setDeletePermanently] = React.useState(false);
+  const confirmManyDeleteDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-delete-many-docs`;
+  const handleDelete = React.useCallback(async () => {
+    const deletingOneCollection = Object.keys(selections).length === 1;
+    const result = {};
+    for (const [relationTo, {
+      all,
+      ids = []
+    }] of Object.entries(selections)) {
+      const collectionConfig = collections.find(({
+        slug
+      }) => slug === relationTo);
+      if (collectionConfig) {
+        let whereConstraint;
+        if (all) {
+          // selecting all documents with optional where filter
+          if (deletingOneCollection && where) {
+            whereConstraint = viewType === 'trash' ? {
+              and: [...(Array.isArray(where.and) ? where.and : [where]), {
+                deletedAt: {
+                  exists: true
                 }
-                const url = `${serverURL}${api}/${relationTo}${qs.stringify({
-                    limit: 0,
-                    locale,
-                    select: {},
-                    where: mergeListSearchAndWhere({
-                        collectionConfig,
-                        search,
-                        where: whereConstraint
-                    }),
-                    ...viewType === 'trash' ? {
-                        trash: true
-                    } : {}
-                }, {
-                    addQueryPrefix: true
-                })}`;
-                const deleteManyResponse = viewType === 'trash' || deletePermanently || !collectionConfig.trash ? await requests.delete(url, {
-                    headers: {
-                        'Accept-Language': i18n.language,
-                        'Content-Type': 'application/json'
-                    }
-                }) : await requests.patch(url, {
-                    body: JSON.stringify({
-                        deletedAt: new Date().toISOString()
-                    }),
-                    headers: {
-                        'Accept-Language': i18n.language,
-                        'Content-Type': 'application/json'
-                    }
-                });
-                try {
-                    const { plural, singular } = collectionConfig.labels;
-                    const json = await deleteManyResponse.json();
-                    const deletedDocs = json?.docs.length || 0;
-                    const successLabel = deletedDocs > 1 ? plural : singular;
-                    if (deleteManyResponse.status < 400 || deletedDocs > 0) {
-                        const wasTrashed = collectionConfig.trash && !deletePermanently && viewType !== 'trash';
-                        let successKey;
-                        if (wasTrashed) {
-                            successKey = 'general:trashedCountSuccessfully';
-                        } else if (viewType === 'trash' || deletePermanently) {
-                            successKey = 'general:permanentlyDeletedCountSuccessfully';
-                        } else {
-                            successKey = 'general:deletedCountSuccessfully';
-                        }
-                        toast.success(t(successKey, {
-                            count: deletedDocs,
-                            label: getTranslation(successLabel, i18n)
-                        }));
-                    }
-                    if (json?.errors.length > 0) {
-                        toast.error(json.message, {
-                            description: json.errors.map((error)=>error.message).join('\n')
-                        });
-                    }
-                    result[relationTo] = {
-                        deletedCount: deletedDocs,
-                        errors: json?.errors || null,
-                        ids: json?.docs.map((doc)=>doc.id) || [],
-                        totalCount: json.totalDocs
-                    };
-                    if (deleteManyResponse.status > 400 && json?.errors.length === 0) {
-                        toast.error(t('error:unknown'));
-                        result[relationTo].errors = [
-                            t('error:unknown')
-                        ];
-                    }
-                    continue;
-                } catch (_err) {
-                    toast.error(t('error:unknown'));
-                    result[relationTo] = {
-                        deletedCount: 0,
-                        errors: [
-                            _err
-                        ],
-                        ids: [],
-                        totalCount: 0
-                    };
-                    continue;
+              }]
+            } : where;
+          } else {
+            whereConstraint = viewType === 'trash' ? {
+              and: [{
+                id: {
+                  not_equals: ''
                 }
-            }
-        }
-        if (typeof afterDelete === 'function') {
-            afterDelete(result);
+              }, {
+                deletedAt: {
+                  exists: true
+                }
+              }]
+            } : {
+              id: {
+                not_equals: ''
+              }
+            };
+          }
+        } else {
+          // selecting specific documents
+          whereConstraint = {
+            and: [{
+              id: {
+                in: ids
+              }
+            }, ...(viewType === 'trash' ? [{
+              deletedAt: {
+                exists: true
+              }
+            }] : [])]
+          };
         }
-    }, [
-        selections,
-        afterDelete,
-        collections,
-        deletePermanently,
-        locale,
-        search,
-        serverURL,
-        api,
-        i18n,
-        viewType,
-        where,
-        t
-    ]);
-    const { label: labelString, labelCount } = Object.entries(selections).reduce((acc, [key, value], index, array)=>{
-        const collectionConfig = collections.find(({ slug })=>slug === key);
-        if (collectionConfig) {
-            const labelCount = acc.labelCount === undefined ? value.totalCount : acc.labelCount;
-            const collectionLabel = `${acc.labelCount !== undefined ? `${value.totalCount} ` : ''}${getTranslation(value.totalCount > 1 ? collectionConfig.labels.plural : collectionConfig.labels.singular, i18n)}`;
-            let newLabel;
-            if (index === array.length - 1 && index !== 0) {
-                newLabel = `${acc.label} and ${collectionLabel}`;
-            } else if (index > 0) {
-                newLabel = `${acc.label}, ${collectionLabel}`;
+        const url = `${serverURL}${api}/${relationTo}${qs.stringify({
+          limit: 0,
+          locale,
+          select: {},
+          where: mergeListSearchAndWhere({
+            collectionConfig,
+            search,
+            where: whereConstraint
+          }),
+          ...(viewType === 'trash' ? {
+            trash: true
+          } : {})
+        }, {
+          addQueryPrefix: true
+        })}`;
+        const deleteManyResponse = viewType === 'trash' || deletePermanently || !collectionConfig.trash ? await requests.delete(url, {
+          headers: {
+            'Accept-Language': i18n.language,
+            'Content-Type': 'application/json'
+          }
+        }) : await requests.patch(url, {
+          body: JSON.stringify({
+            deletedAt: new Date().toISOString()
+          }),
+          headers: {
+            'Accept-Language': i18n.language,
+            'Content-Type': 'application/json'
+          }
+        });
+        try {
+          const {
+            plural,
+            singular
+          } = collectionConfig.labels;
+          const json = await deleteManyResponse.json();
+          const deletedDocs = json?.docs.length || 0;
+          const successLabel = deletedDocs > 1 ? plural : singular;
+          if (deleteManyResponse.status < 400 || deletedDocs > 0) {
+            const wasTrashed = collectionConfig.trash && !deletePermanently && viewType !== 'trash';
+            let successKey;
+            if (wasTrashed) {
+              successKey = 'general:trashedCountSuccessfully';
+            } else if (viewType === 'trash' || deletePermanently) {
+              successKey = 'general:permanentlyDeletedCountSuccessfully';
             } else {
-                newLabel = collectionLabel;
+              successKey = 'general:deletedCountSuccessfully';
             }
-            return {
-                label: newLabel,
-                labelCount
-            };
+            toast.success(t(successKey, {
+              count: deletedDocs,
+              label: getTranslation(successLabel, i18n)
+            }));
+          }
+          if (json?.errors.length > 0) {
+            toast.error(json.message, {
+              description: json.errors.map(error => error.message).join('\n')
+            });
+          }
+          result[relationTo] = {
+            deletedCount: deletedDocs,
+            errors: json?.errors || null,
+            ids: json?.docs.map(doc => doc.id) || [],
+            totalCount: json.totalDocs
+          };
+          if (deleteManyResponse.status > 400 && json?.errors.length === 0) {
+            toast.error(t('error:unknown'));
+            result[relationTo].errors = [t('error:unknown')];
+          }
+          continue;
+        } catch (_err) {
+          toast.error(t('error:unknown'));
+          result[relationTo] = {
+            deletedCount: 0,
+            errors: [_err],
+            ids: [],
+            totalCount: 0
+          };
+          continue;
         }
-        return acc;
-    }, {
-        label: '',
-        labelCount: undefined
-    });
-    return <React.Fragment>
-      <ListSelectionButton aria-label={t('general:delete')} className="delete-documents__toggle" onClick={()=>{
+      }
+    }
+    if (typeof afterDelete === 'function') {
+      afterDelete(result);
+    }
+  }, [selections, afterDelete, collections, deletePermanently, locale, search, serverURL, api, i18n, viewType, where, t]);
+  const {
+    label: labelString,
+    labelCount: labelCount_0
+  } = Object.entries(selections).reduce((acc, [key, value], index, array) => {
+    const collectionConfig_0 = collections.find(({
+      slug: slug_0
+    }) => slug_0 === key);
+    if (collectionConfig_0) {
+      const labelCount = acc.labelCount === undefined ? value.totalCount : acc.labelCount;
+      const collectionLabel = `${acc.labelCount !== undefined ? `${value.totalCount} ` : ''}${getTranslation(value.totalCount > 1 ? collectionConfig_0.labels.plural : collectionConfig_0.labels.singular, i18n)}`;
+      let newLabel;
+      if (index === array.length - 1 && index !== 0) {
+        newLabel = `${acc.label} and ${collectionLabel}`;
+      } else if (index > 0) {
+        newLabel = `${acc.label}, ${collectionLabel}`;
+      } else {
+        newLabel = collectionLabel;
+      }
+      return {
+        label: newLabel,
+        labelCount
+      };
+    }
+    return acc;
+  }, {
+    label: '',
+    labelCount: undefined
+  });
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(ListSelectionButton, {
+      "aria-label": t('general:delete'),
+      className: "delete-documents__toggle",
+      onClick: () => {
         openModal(confirmManyDeleteDrawerSlug);
-    }}>
-        {t('general:delete')}
-      </ListSelectionButton>
-      <ConfirmationModal body={<React.Fragment>
-            <p>
-              {trash ? viewType === 'trash' ? <Translation elements={{
-        '0': ({ children })=><strong>{children}</strong>,
-        '1': ({ children })=><strong>{children}</strong>
-    }} i18nKey="general:aboutToPermanentlyDeleteTrash" t={t} variables={{
-        count: labelCount ?? 0,
-        label: labelString
-    }}/> : t('general:aboutToTrashCount', {
-        count: labelCount,
-        label: labelString
-    }) : t('general:aboutToDeleteCount', {
-        count: labelCount,
-        label: labelString
-    })}
-            </p>
-            {trash && viewType !== 'trash' && <div className="delete-documents__checkbox">
-                <CheckboxInput checked={deletePermanently} id="delete-forever" label={t('general:deletePermanently')} name="delete-forever" onToggle={(e)=>setDeletePermanently(e.target.checked)}/>
-              </div>}
-          </React.Fragment>} confirmingLabel={t('general:deleting')} heading={t('general:confirmDeletion')} modalSlug={confirmManyDeleteDrawerSlug} onConfirm={handleDelete}/>
-    </React.Fragment>;
+      },
+      children: t('general:delete')
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx("p", {
+          children: trash ? viewType === 'trash' ? /*#__PURE__*/_jsx(Translation, {
+            elements: {
+              '0': ({
+                children
+              }) => /*#__PURE__*/_jsx("strong", {
+                children: children
+              }),
+              '1': ({
+                children: children_0
+              }) => /*#__PURE__*/_jsx("strong", {
+                children: children_0
+              })
+            },
+            i18nKey: "general:aboutToPermanentlyDeleteTrash",
+            t: t,
+            variables: {
+              count: labelCount_0 ?? 0,
+              label: labelString
+            }
+          }) : t('general:aboutToTrashCount', {
+            count: labelCount_0,
+            label: labelString
+          }) : t('general:aboutToDeleteCount', {
+            count: labelCount_0,
+            label: labelString
+          })
+        }), trash && viewType !== 'trash' && /*#__PURE__*/_jsx("div", {
+          className: "delete-documents__checkbox",
+          children: /*#__PURE__*/_jsx(CheckboxInput, {
+            checked: deletePermanently,
+            id: "delete-forever",
+            label: t('general:deletePermanently'),
+            name: "delete-forever",
+            onToggle: e => setDeletePermanently(e.target.checked)
+          })
+        })]
+      }),
+      confirmingLabel: t('general:deleting'),
+      heading: t('general:confirmDeletion'),
+      modalSlug: confirmManyDeleteDrawerSlug,
+      onConfirm: handleDelete
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map