@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

package/dist/elements/DeleteMany/index.js.map

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

package/dist/elements/DocumentControls/index.js

@@ -1,4 +1,7 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared';
 import React, { Fragment, useEffect } from 'react';
@@ -28,152 +31,276 @@ import './index.scss';
 import { SaveDraftButton } from '../SaveDraftButton/index.js';
 import { Status } from '../Status/index.js';
 const baseClass = 'doc-controls';
-export const DocumentControls = /* Only available if `redirectAfterDuplicate` is `false` */ (props)=>{
-    const { id, slug, BeforeDocumentControls, customComponents: { PreviewButton: CustomPreviewButton, PublishButton: CustomPublishButton, SaveButton: CustomSaveButton, SaveDraftButton: CustomSaveDraftButton } = {}, data, disableActions, disableCreate, EditMenuItems, hasSavePermission, isAccountView, isEditing, isInDrawer, isTrashed, onDelete, onDrawerCreateNew, onDuplicate, onRestore, onTakeOver, permissions, readOnlyForIncomingUser, redirectAfterDelete, redirectAfterDuplicate, redirectAfterRestore, user } = props;
-    const { i18n, t } = useTranslation();
-    const editDepth = useEditDepth();
-    const { config, getEntityConfig } = useConfig();
-    const collectionConfig = getEntityConfig({
-        collectionSlug: slug
-    });
-    const globalConfig = getEntityConfig({
-        globalSlug: slug
-    });
-    const { isLivePreviewEnabled } = useLivePreviewContext();
-    const { admin: { dateFormat }, localization, routes: { admin: adminRoute } } = config;
-    // Settings these in state to avoid hydration issues if there is a mismatch between the server and client
-    const [updatedAt, setUpdatedAt] = React.useState('');
-    const [createdAt, setCreatedAt] = React.useState('');
-    const processing = useFormProcessing();
-    const initializing = useFormInitializing();
-    useEffect(()=>{
-        if (data?.updatedAt) {
-            setUpdatedAt(formatDate({
-                date: data.updatedAt,
-                i18n,
-                pattern: dateFormat
-            }));
-        }
-        if (data?.createdAt) {
-            setCreatedAt(formatDate({
-                date: data.createdAt,
-                i18n,
-                pattern: dateFormat
-            }));
-        }
-    }, [
-        data,
-        i18n,
-        dateFormat
-    ]);
-    const hasCreatePermission = permissions && 'create' in permissions && permissions.create;
-    const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete;
-    const showDotMenu = Boolean(collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission));
-    const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
-    const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig);
-    const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig);
-    const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig);
-    const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig);
-    const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled;
-    const showSaveDraftButton = collectionAutosaveEnabled && collectionConfig.versions.drafts.autosave !== false && collectionConfig.versions.drafts.autosave.showSaveDraftButton === true || globalAutosaveEnabled && globalConfig.versions.drafts.autosave !== false && globalConfig.versions.drafts.autosave.showSaveDraftButton === true;
-    const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale;
-    const showFolderMetaIcon = collectionConfig && collectionConfig.folders;
-    const showLockedMetaIcon = user && readOnlyForIncomingUser;
-    return <Gutter className={baseClass}>
-      <div className={`${baseClass}__wrapper`}>
-        <div className={`${baseClass}__content`}>
-          {showLockedMetaIcon || showFolderMetaIcon ? <div className={`${baseClass}__meta-icons`}>
-              {showLockedMetaIcon && <Locked className={`${baseClass}__locked-controls`} user={user}/>}
-              {showFolderMetaIcon && config.folders && !isTrashed && <MoveDocToFolder folderCollectionSlug={config.folders.slug} folderFieldName={config.folders.fieldName}/>}
-            </div> : null}
-          <ul className={`${baseClass}__meta`}>
-            {collectionConfig && !isEditing && !isAccountView && <li className={`${baseClass}__list-item`}>
-                <p className={`${baseClass}__value`}>
-                  {i18n.t('general:creatingNewLabel', {
-        label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t('general:document'), i18n)
-    })}
-                </p>
-              </li>}
-            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && <Fragment>
-                {(globalConfig || collectionConfig && isEditing) && <li className={[
-        `${baseClass}__status`,
-        `${baseClass}__list-item`
-    ].filter(Boolean).join(' ')}>
-                    <Status/>
-                  </li>}
-                {hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed && <li className={`${baseClass}__list-item`}>
-                      <Autosave collection={collectionConfig} global={globalConfig} id={id} publishedDocUpdatedAt={data?.createdAt}/>
-                    </li>}
-              </Fragment>}
-            {collectionConfig?.timestamps && (isEditing || isAccountView) && <Fragment>
-                <li className={[
-        `${baseClass}__list-item`,
-        `${baseClass}__value-wrap`
-    ].filter(Boolean).join(' ')} title={data?.updatedAt ? updatedAt : ''}>
-                  <p className={`${baseClass}__label`}>
-                    {i18n.t(isTrashed ? 'general:deleted' : 'general:lastModified')}:&nbsp;
-                  </p>
-
-                  {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}
-                </li>
-                <li className={[
-        `${baseClass}__list-item`,
-        `${baseClass}__value-wrap`
-    ].filter(Boolean).join(' ')} title={data?.createdAt ? createdAt : ''}>
-                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>
-                  {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}
-                </li>
-              </Fragment>}
-          </ul>
-        </div>
-        <div className={`${baseClass}__controls-wrapper`}>
-          <div className={`${baseClass}__controls`}>
-            {BeforeDocumentControls}
-            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler/>}
-            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && <RenderCustomComponent CustomComponent={CustomPreviewButton} Fallback={<PreviewButton/>}/>}
-            {hasSavePermission && !isTrashed && <Fragment>
-                {collectionHasDraftsEnabled || globalHasDraftsEnabled ? <Fragment>
-                    {(unsavedDraftWithValidations || !autosaveEnabled || autosaveEnabled && showSaveDraftButton) && <RenderCustomComponent CustomComponent={CustomSaveDraftButton} Fallback={<SaveDraftButton/>}/>}
-                    <RenderCustomComponent CustomComponent={CustomPublishButton} Fallback={<PublishButton/>}/>
-                  </Fragment> : <RenderCustomComponent CustomComponent={CustomSaveButton} Fallback={<SaveButton/>}/>}
-              </Fragment>}
-            {hasDeletePermission && isTrashed && <PermanentlyDeleteButton buttonId="action-permanently-delete" collectionSlug={collectionConfig?.slug} id={id.toString()} onDelete={onDelete} redirectAfterDelete={redirectAfterDelete} singularLabel={collectionConfig?.labels?.singular}/>}
-            {hasSavePermission && isTrashed && <RestoreButton buttonId="action-restore" collectionSlug={collectionConfig?.slug} id={id.toString()} onRestore={onRestore} redirectAfterRestore={redirectAfterRestore} singularLabel={collectionConfig?.labels?.singular}/>}
-            {user && readOnlyForIncomingUser && <Button buttonStyle="secondary" id="take-over" onClick={onTakeOver} size="medium" type="button">
-                {t('general:takeOver')}
-              </Button>}
-          </div>
-          {showDotMenu && !readOnlyForIncomingUser && <Popup button={<div className={`${baseClass}__dots`}>
-                  <div/>
-                  <div/>
-                  <div/>
-                </div>} className={`${baseClass}__popup`} disabled={initializing || processing} horizontalAlign="right" size="large" verticalAlign="bottom">
-              <PopupList.ButtonGroup>
-                {showCopyToLocale && <CopyLocaleData/>}
-                {hasCreatePermission && <React.Fragment>
-                    {!disableCreate && <Fragment>
-                        {editDepth > 1 ? <PopupList.Button id="action-create" onClick={onDrawerCreateNew}>
-                            {i18n.t('general:createNew')}
-                          </PopupList.Button> : <PopupList.Button href={formatAdminURL({
-        adminRoute,
-        path: `/collections/${collectionConfig?.slug}/create`
-    })} id="action-create">
-                            {i18n.t('general:createNew')}
-                          </PopupList.Button>}
-                      </Fragment>}
-                    {collectionConfig.disableDuplicate !== true && isEditing && <>
-                        <DuplicateDocument id={id} onDuplicate={onDuplicate} redirectAfterDuplicate={redirectAfterDuplicate} singularLabel={collectionConfig?.labels?.singular} slug={collectionConfig?.slug}/>
-                        {localization && <DuplicateDocument id={id} onDuplicate={onDuplicate} redirectAfterDuplicate={redirectAfterDuplicate} selectLocales={true} singularLabel={collectionConfig?.labels?.singular} slug={collectionConfig?.slug}/>}
-                      </>}
-                  </React.Fragment>}
-                {hasDeletePermission && <DeleteDocument buttonId="action-delete" collectionSlug={collectionConfig?.slug} id={id.toString()} onDelete={onDelete} redirectAfterDelete={redirectAfterDelete} singularLabel={collectionConfig?.labels?.singular} useAsTitle={collectionConfig?.admin?.useAsTitle}/>}
-                {EditMenuItems}
-              </PopupList.ButtonGroup>
-            </Popup>}
-        </div>
-      </div>
-      <div className={`${baseClass}__divider`}/>
-    </Gutter>;
+export const DocumentControls = props => {
+  const $ = _c(5);
+  const {
+    id,
+    slug,
+    BeforeDocumentControls,
+    customComponents: t0,
+    data,
+    disableActions,
+    disableCreate,
+    EditMenuItems,
+    hasSavePermission,
+    isAccountView,
+    isEditing,
+    isInDrawer,
+    isTrashed,
+    onDelete,
+    onDrawerCreateNew,
+    onDuplicate,
+    onRestore,
+    onTakeOver,
+    permissions,
+    readOnlyForIncomingUser,
+    redirectAfterDelete,
+    redirectAfterDuplicate,
+    redirectAfterRestore,
+    user
+  } = props;
+  const {
+    PreviewButton: CustomPreviewButton,
+    PublishButton: CustomPublishButton,
+    SaveButton: CustomSaveButton,
+    SaveDraftButton: CustomSaveDraftButton
+  } = t0 === undefined ? {} : t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const editDepth = useEditDepth();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug: slug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug: slug
+  });
+  const {
+    isLivePreviewEnabled
+  } = useLivePreviewContext();
+  const {
+    admin: t1,
+    localization,
+    routes: t2
+  } = config;
+  const {
+    dateFormat
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const [updatedAt, setUpdatedAt] = React.useState("");
+  const [createdAt, setCreatedAt] = React.useState("");
+  const processing = useFormProcessing();
+  const initializing = useFormInitializing();
+  let t3;
+  let t4;
+  if ($[0] !== data || $[1] !== dateFormat || $[2] !== i18n) {
+    t3 = () => {
+      if (data?.updatedAt) {
+        setUpdatedAt(formatDate({
+          date: data.updatedAt,
+          i18n,
+          pattern: dateFormat
+        }));
+      }
+      if (data?.createdAt) {
+        setCreatedAt(formatDate({
+          date: data.createdAt,
+          i18n,
+          pattern: dateFormat
+        }));
+      }
+    };
+    t4 = [data, i18n, dateFormat];
+    $[0] = data;
+    $[1] = dateFormat;
+    $[2] = i18n;
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t3 = $[3];
+    t4 = $[4];
+  }
+  useEffect(t3, t4);
+  const hasCreatePermission = permissions && "create" in permissions && permissions.create;
+  const hasDeletePermission = permissions && "delete" in permissions && permissions.delete;
+  const showDotMenu = Boolean(collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission));
+  const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
+  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig);
+  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig);
+  const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig);
+  const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig);
+  const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled;
+  const showSaveDraftButton = collectionAutosaveEnabled && collectionConfig.versions.drafts.autosave !== false && collectionConfig.versions.drafts.autosave.showSaveDraftButton === true || globalAutosaveEnabled && globalConfig.versions.drafts.autosave !== false && globalConfig.versions.drafts.autosave.showSaveDraftButton === true;
+  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale;
+  const showFolderMetaIcon = collectionConfig && collectionConfig.folders;
+  const showLockedMetaIcon = user && readOnlyForIncomingUser;
+  return _jsxs(Gutter, {
+    className: baseClass,
+    children: [_jsxs("div", {
+      className: `${baseClass}__wrapper`,
+      children: [_jsxs("div", {
+        className: `${baseClass}__content`,
+        children: [showLockedMetaIcon || showFolderMetaIcon ? _jsxs("div", {
+          className: `${baseClass}__meta-icons`,
+          children: [showLockedMetaIcon && _jsx(Locked, {
+            className: `${baseClass}__locked-controls`,
+            user
+          }), showFolderMetaIcon && config.folders && !isTrashed && _jsx(MoveDocToFolder, {
+            folderCollectionSlug: config.folders.slug,
+            folderFieldName: config.folders.fieldName
+          })]
+        }) : null, _jsxs("ul", {
+          className: `${baseClass}__meta`,
+          children: [collectionConfig && !isEditing && !isAccountView && _jsx("li", {
+            className: `${baseClass}__list-item`,
+            children: _jsx("p", {
+              className: `${baseClass}__value`,
+              children: i18n.t("general:creatingNewLabel", {
+                label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t("general:document"), i18n)
+              })
+            })
+          }), (collectionHasDraftsEnabled || globalHasDraftsEnabled) && _jsxs(Fragment, {
+            children: [(globalConfig || collectionConfig && isEditing) && _jsx("li", {
+              className: [`${baseClass}__status`, `${baseClass}__list-item`].filter(Boolean).join(" "),
+              children: _jsx(Status, {})
+            }), hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed && _jsx("li", {
+              className: `${baseClass}__list-item`,
+              children: _jsx(Autosave, {
+                collection: collectionConfig,
+                global: globalConfig,
+                id,
+                publishedDocUpdatedAt: data?.createdAt
+              })
+            })]
+          }), collectionConfig?.timestamps && (isEditing || isAccountView) && _jsxs(Fragment, {
+            children: [_jsxs("li", {
+              className: [`${baseClass}__list-item`, `${baseClass}__value-wrap`].filter(Boolean).join(" "),
+              title: data?.updatedAt ? updatedAt : "",
+              children: [_jsxs("p", {
+                className: `${baseClass}__label`,
+                children: [i18n.t(isTrashed ? "general:deleted" : "general:lastModified"), ":\xA0"]
+              }), data?.updatedAt && _jsx("p", {
+                className: `${baseClass}__value`,
+                children: updatedAt
+              })]
+            }), _jsxs("li", {
+              className: [`${baseClass}__list-item`, `${baseClass}__value-wrap`].filter(Boolean).join(" "),
+              title: data?.createdAt ? createdAt : "",
+              children: [_jsxs("p", {
+                className: `${baseClass}__label`,
+                children: [i18n.t("general:created"), ":\xA0"]
+              }), data?.createdAt && _jsx("p", {
+                className: `${baseClass}__value`,
+                children: createdAt
+              })]
+            })]
+          })]
+        })]
+      }), _jsxs("div", {
+        className: `${baseClass}__controls-wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [BeforeDocumentControls, isLivePreviewEnabled && !isInDrawer && _jsx(LivePreviewToggler, {}), (collectionConfig?.admin.preview || globalConfig?.admin.preview) && _jsx(RenderCustomComponent, {
+            CustomComponent: CustomPreviewButton,
+            Fallback: _jsx(PreviewButton, {})
+          }), hasSavePermission && !isTrashed && _jsx(Fragment, {
+            children: collectionHasDraftsEnabled || globalHasDraftsEnabled ? _jsxs(Fragment, {
+              children: [(unsavedDraftWithValidations || !autosaveEnabled || autosaveEnabled && showSaveDraftButton) && _jsx(RenderCustomComponent, {
+                CustomComponent: CustomSaveDraftButton,
+                Fallback: _jsx(SaveDraftButton, {})
+              }), _jsx(RenderCustomComponent, {
+                CustomComponent: CustomPublishButton,
+                Fallback: _jsx(PublishButton, {})
+              })]
+            }) : _jsx(RenderCustomComponent, {
+              CustomComponent: CustomSaveButton,
+              Fallback: _jsx(SaveButton, {})
+            })
+          }), hasDeletePermission && isTrashed && _jsx(PermanentlyDeleteButton, {
+            buttonId: "action-permanently-delete",
+            collectionSlug: collectionConfig?.slug,
+            id: id.toString(),
+            onDelete,
+            redirectAfterDelete,
+            singularLabel: collectionConfig?.labels?.singular
+          }), hasSavePermission && isTrashed && _jsx(RestoreButton, {
+            buttonId: "action-restore",
+            collectionSlug: collectionConfig?.slug,
+            id: id.toString(),
+            onRestore,
+            redirectAfterRestore,
+            singularLabel: collectionConfig?.labels?.singular
+          }), user && readOnlyForIncomingUser && _jsx(Button, {
+            buttonStyle: "secondary",
+            id: "take-over",
+            onClick: onTakeOver,
+            size: "medium",
+            type: "button",
+            children: t("general:takeOver")
+          })]
+        }), showDotMenu && !readOnlyForIncomingUser && _jsx(Popup, {
+          button: _jsxs("div", {
+            className: `${baseClass}__dots`,
+            children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})]
+          }),
+          className: `${baseClass}__popup`,
+          disabled: initializing || processing,
+          horizontalAlign: "right",
+          size: "large",
+          verticalAlign: "bottom",
+          children: _jsxs(PopupList.ButtonGroup, {
+            children: [showCopyToLocale && _jsx(CopyLocaleData, {}), hasCreatePermission && _jsxs(React.Fragment, {
+              children: [!disableCreate && _jsx(Fragment, {
+                children: editDepth > 1 ? _jsx(PopupList.Button, {
+                  id: "action-create",
+                  onClick: onDrawerCreateNew,
+                  children: i18n.t("general:createNew")
+                }) : _jsx(PopupList.Button, {
+                  href: formatAdminURL({
+                    adminRoute,
+                    path: `/collections/${collectionConfig?.slug}/create`
+                  }),
+                  id: "action-create",
+                  children: i18n.t("general:createNew")
+                })
+              }), collectionConfig.disableDuplicate !== true && isEditing && _jsxs(_Fragment, {
+                children: [_jsx(DuplicateDocument, {
+                  id,
+                  onDuplicate,
+                  redirectAfterDuplicate,
+                  singularLabel: collectionConfig?.labels?.singular,
+                  slug: collectionConfig?.slug
+                }), localization && _jsx(DuplicateDocument, {
+                  id,
+                  onDuplicate,
+                  redirectAfterDuplicate,
+                  selectLocales: true,
+                  singularLabel: collectionConfig?.labels?.singular,
+                  slug: collectionConfig?.slug
+                })]
+              })]
+            }), hasDeletePermission && _jsx(DeleteDocument, {
+              buttonId: "action-delete",
+              collectionSlug: collectionConfig?.slug,
+              id: id.toString(),
+              onDelete,
+              redirectAfterDelete,
+              singularLabel: collectionConfig?.labels?.singular,
+              useAsTitle: collectionConfig?.admin?.useAsTitle
+            }), EditMenuItems]
+          })
+        })]
+      })]
+    }), _jsx("div", {
+      className: `${baseClass}__divider`
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map