@payloadcms/ui 3.0.0-canary.6041f49 → 3.0.0-canary.690108d

package/dist/elements/DeleteMany/index.js

@@ -1,25 +1,25 @@
 'use client';
-import * as facelessUIImport from '@faceless-ui/modal';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import React, { useCallback, useState } from 'react';
-import { toast } from 'react-toastify';
+import { toast } from 'sonner';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
 import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { MinimalTemplate } from '../../templates/Minimal/index.js';
 import { requests } from '../../utilities/api.js';
 import { Button } from '../Button/index.js';
 import { Pill } from '../Pill/index.js';
+import './index.scss';
 const baseClass = 'delete-documents';
 export const DeleteMany = (props)=>{
-    const { Modal, useModal } = facelessUIImport;
     const { collection: { slug, labels: { plural } } = {} } = props;
     const { permissions } = useAuth();
-    const { routes: { api }, serverURL } = useConfig();
+    const { config: { routes: { api }, serverURL } } = useConfig();
     const { toggleModal } = useModal();
     const { count, getQueryParams, selectAll, toggleAll } = useSelection();
     const { i18n, t } = useTranslation();
@@ -47,9 +47,7 @@ export const DeleteMany = (props)=>{
                 const json = await res.json();
                 toggleModal(modalSlug);
                 if (res.status < 400) {
-                    toast.success(json.message || t('general:deletedSuccessfully'), {
-                        autoClose: 3000
-                    });
+                    toast.success(json.message || t('general:deletedSuccessfully'));
                     toggleAll();
                     router.replace(stringifyParams({
                         params: {
@@ -61,7 +59,9 @@ export const DeleteMany = (props)=>{
                     return null;
                 }
                 if (json.errors) {
-                    toast.error(json.message);
+                    toast.error(json.message, {
+                        description: json.errors.map((error)=>error.message).join('\n')
+                    });
                 } else {
                     addDefaultError();
                 }
@@ -89,29 +89,48 @@ export const DeleteMany = (props)=>{
     if (selectAll === SelectAllStatus.None || !hasDeletePermission) {
         return null;
     }
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Pill, {
-        className: `${baseClass}__toggle`,
-        onClick: ()=>{
-            setDeleting(false);
-            toggleModal(modalSlug);
-        }
-    }, t('general:delete')), /*#__PURE__*/ React.createElement(Modal, {
-        className: baseClass,
-        slug: modalSlug
-    }, /*#__PURE__*/ React.createElement(MinimalTemplate, {
-        className: `${baseClass}__template`
-    }, /*#__PURE__*/ React.createElement("h1", null, t('general:confirmDeletion')), /*#__PURE__*/ React.createElement("p", null, t('general:aboutToDeleteCount', {
-        count,
-        label: getTranslation(plural, i18n)
-    })), /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        id: "confirm-cancel",
-        onClick: deleting ? undefined : ()=>toggleModal(modalSlug),
-        type: "button"
-    }, t('general:cancel')), /*#__PURE__*/ React.createElement(Button, {
-        id: "confirm-delete",
-        onClick: deleting ? undefined : handleDelete
-    }, deleting ? t('general:deleting') : t('general:confirm')))));
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Pill, {
+                className: `${baseClass}__toggle`,
+                onClick: ()=>{
+                    setDeleting(false);
+                    toggleModal(modalSlug);
+                },
+                children: t('general:delete')
+            }),
+            /*#__PURE__*/ _jsx(Modal, {
+                className: baseClass,
+                slug: modalSlug,
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__template`,
+                    children: [
+                        /*#__PURE__*/ _jsx("h1", {
+                            children: t('general:confirmDeletion')
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            children: t('general:aboutToDeleteCount', {
+                                count,
+                                label: getTranslation(plural, i18n)
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            buttonStyle: "secondary",
+                            id: "confirm-cancel",
+                            onClick: deleting ? undefined : ()=>toggleModal(modalSlug),
+                            type: "button",
+                            children: t('general:cancel')
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            id: "confirm-delete",
+                            onClick: deleting ? undefined : ()=>void handleDelete(),
+                            children: deleting ? t('general:deleting') : t('general:confirm')
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-documents'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  title?: string\n}\n\nexport const DeleteMany: React.FC<Props> = (props) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { collection: { slug, labels: { plural } } = {} } = props\n\n  const { permissions } = useAuth()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { toggleModal } = useModal()\n  const { count, getQueryParams, selectAll, toggleAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [deleting, setDeleting] = useState(false)\n  const router = useRouter()\n  const { stringifyParams } = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasDeletePermission = collectionPermissions?.delete?.permission\n\n  const modalSlug = `delete-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handleDelete = useCallback(async () => {\n    setDeleting(true)\n    await requests\n      .delete(`${serverURL}${api}/${slug}${getQueryParams()}`, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n          toggleModal(modalSlug)\n          if (res.status < 400) {\n            toast.success(json.message || t('general:deletedSuccessfully'), { autoClose: 3000 })\n            toggleAll()\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n                replace: true,\n              }),\n            )\n            clearRouteCache()\n            return null\n          }\n\n          if (json.errors) {\n            toast.error(json.message)\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (e) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n.language,\n    modalSlug,\n    router,\n    selectAll,\n    serverURL,\n    slug,\n    stringifyParams,\n    t,\n    toggleAll,\n    toggleModal,\n    clearRouteCache,\n  ])\n\n  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setDeleting(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('general:delete')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__template`}>\n          <h1>{t('general:confirmDeletion')}</h1>\n          <p>{t('general:aboutToDeleteCount', { count, label: getTranslation(plural, i18n) })}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"confirm-cancel\"\n            onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-delete\" onClick={deleting ? undefined : handleDelete}>\n            {deleting ? t('general:deleting') : t('general:confirm')}\n          </Button>\n        </MinimalTemplate>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","MinimalTemplate","requests","Button","Pill","baseClass","DeleteMany","props","Modal","useModal","collection","slug","labels","plural","permissions","routes","api","serverURL","toggleModal","count","getQueryParams","selectAll","toggleAll","i18n","t","deleting","setDeleting","router","stringifyParams","clearRouteCache","collectionPermissions","collections","hasDeletePermission","delete","permission","modalSlug","addDefaultError","error","handleDelete","headers","language","then","res","json","status","success","message","autoClose","replace","params","page","undefined","errors","e","None","Fragment","className","onClick","h1","p","label","buttonStyle","id","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DeleteMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'delete-documents'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  title?: string\n}\n\nexport const DeleteMany: React.FC<Props> = (props) => {\n  const { collection: { slug, labels: { plural } } = {} } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { toggleModal } = useModal()\n  const { count, getQueryParams, selectAll, toggleAll } = useSelection()\n  const { i18n, t } = useTranslation()\n  const [deleting, setDeleting] = useState(false)\n  const router = useRouter()\n  const { stringifyParams } = useSearchParams()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasDeletePermission = collectionPermissions?.delete?.permission\n\n  const modalSlug = `delete-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handleDelete = useCallback(async () => {\n    setDeleting(true)\n    await requests\n      .delete(`${serverURL}${api}/${slug}${getQueryParams()}`, {\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n          toggleModal(modalSlug)\n          if (res.status < 400) {\n            toast.success(json.message || t('general:deletedSuccessfully'))\n            toggleAll()\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n                replace: true,\n              }),\n            )\n            clearRouteCache()\n            return null\n          }\n\n          if (json.errors) {\n            toast.error(json.message, {\n              description: json.errors.map((error) => error.message).join('\\n'),\n            })\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (e) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n.language,\n    modalSlug,\n    router,\n    selectAll,\n    serverURL,\n    slug,\n    stringifyParams,\n    t,\n    toggleAll,\n    toggleModal,\n    clearRouteCache,\n  ])\n\n  if (selectAll === SelectAllStatus.None || !hasDeletePermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setDeleting(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('general:delete')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <div className={`${baseClass}__template`}>\n          <h1>{t('general:confirmDeletion')}</h1>\n          <p>{t('general:aboutToDeleteCount', { count, label: getTranslation(plural, i18n) })}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"confirm-cancel\"\n            onClick={deleting ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-delete\" onClick={deleting ? undefined : () => void handleDelete()}>\n            {deleting ? t('general:deleting') : t('general:confirm')}\n          </Button>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","DeleteMany","props","collection","slug","labels","plural","permissions","config","routes","api","serverURL","toggleModal","count","getQueryParams","selectAll","toggleAll","i18n","t","deleting","setDeleting","router","stringifyParams","clearRouteCache","collectionPermissions","collections","hasDeletePermission","delete","permission","modalSlug","addDefaultError","error","handleDelete","headers","language","then","res","json","status","success","message","replace","params","page","undefined","errors","description","map","join","e","None","Fragment","className","onClick","div","h1","p","label","buttonStyle","id","type"],"mappings":"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"}

package/dist/elements/DeleteMany/index.scss

@@ -5,6 +5,8 @@
   display: flex;
   align-items: center;
   height: 100%;
+  justify-content: center;
+  padding: base(2);
 
   &__template {
     z-index: 1;

package/dist/elements/DocumentControls/index.d.ts

@@ -1,16 +1,16 @@
-import type { CollectionPermission, GlobalPermission } from 'payload/auth';
-import type { SanitizedCollectionConfig } from 'payload/types';
+import type { CollectionPermission, GlobalPermission, SanitizedCollectionConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const DocumentControls: React.FC<{
-    apiURL: string;
-    data?: any;
-    disableActions?: boolean;
-    hasSavePermission?: boolean;
-    id?: number | string;
-    isAccountView?: boolean;
-    isEditing?: boolean;
-    permissions: CollectionPermission | GlobalPermission | null;
-    slug: SanitizedCollectionConfig['slug'];
+    readonly apiURL: string;
+    readonly data?: any;
+    readonly disableActions?: boolean;
+    readonly hasPublishPermission?: boolean;
+    readonly hasSavePermission?: boolean;
+    readonly id?: number | string;
+    readonly isAccountView?: boolean;
+    readonly isEditing?: boolean;
+    readonly permissions: CollectionPermission | GlobalPermission | null;
+    readonly slug: SanitizedCollectionConfig['slug'];
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentControls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAG9D,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,oBAAoB,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC3D,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CACxC,CAmMA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,oBAAoB,EACpB,gBAAgB,EAChB,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAGhB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAgBlD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,CAAA;IACnB,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,EAAE,oBAAoB,GAAG,gBAAgB,GAAG,IAAI,CAAA;IACpE,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CACjD,CAsNA,CAAA"}

package/dist/elements/DocumentControls/index.js

@@ -1,8 +1,10 @@
 'use client';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import React, { Fragment } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React, { Fragment, useEffect } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { formatDate } from '../../utilities/formatDate.js';
 import { Autosave } from '../Autosave/index.js';
 import { DeleteDocument } from '../DeleteDocument/index.js';
@@ -10,124 +12,213 @@ import { DuplicateDocument } from '../DuplicateDocument/index.js';
 import { Gutter } from '../Gutter/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 import { PreviewButton } from '../PreviewButton/index.js';
-import { Publish } from '../Publish/index.js';
-import { Save } from '../Save/index.js';
-import { SaveDraft } from '../SaveDraft/index.js';
+import { PublishButton } from '../PublishButton/index.js';
+import { SaveButton } from '../SaveButton/index.js';
+import { SaveDraftButton } from '../SaveDraftButton/index.js';
 import { Status } from '../Status/index.js';
+import './index.scss';
 const baseClass = 'doc-controls';
 export const DocumentControls = (props)=>{
     const { id, slug, data, disableActions, hasSavePermission, isAccountView, isEditing, permissions } = props;
     const { i18n } = useTranslation();
-    const config = useConfig();
-    const { getComponentMap } = useComponentMap();
-    const collectionConfig = config.collections.find((coll)=>coll.slug === slug);
-    const globalConfig = config.globals.find((global)=>global.slug === slug);
-    const componentMap = getComponentMap({
-        collectionSlug: collectionConfig?.slug,
-        globalSlug: globalConfig?.slug
+    const { config, getEntityConfig } = useConfig();
+    const collectionConfig = getEntityConfig({
+        collectionSlug: slug
+    });
+    const globalConfig = getEntityConfig({
+        globalSlug: slug
     });
     const { admin: { dateFormat }, 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('');
+    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?.permission;
     const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete?.permission;
     const showDotMenu = Boolean(collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission));
-    return /*#__PURE__*/ React.createElement(Gutter, {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrapper`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__content`
-    }, /*#__PURE__*/ React.createElement("ul", {
-        className: `${baseClass}__meta`
-    }, collectionConfig && !isEditing && !isAccountView && /*#__PURE__*/ React.createElement("li", {
-        className: `${baseClass}__list-item`
-    }, /*#__PURE__*/ React.createElement("p", {
-        className: `${baseClass}__value`
-    }, i18n.t('general:creatingNewLabel', {
-        label: typeof collectionConfig?.labels?.singular === 'string' ? collectionConfig.labels.singular : i18n.t('general:document')
-    }))), (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && /*#__PURE__*/ React.createElement(Fragment, null, (globalConfig || collectionConfig && isEditing) && /*#__PURE__*/ React.createElement("li", {
-        className: [
-            `${baseClass}__status`,
-            `${baseClass}__list-item`
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement(Status, null)), (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave || globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave) && hasSavePermission && /*#__PURE__*/ React.createElement("li", {
-        className: `${baseClass}__list-item`
-    }, /*#__PURE__*/ React.createElement(Autosave, {
-        collection: collectionConfig,
-        global: globalConfig,
-        id: id,
-        publishedDocUpdatedAt: data?.createdAt
-    }))), collectionConfig?.timestamps && (isEditing || isAccountView) && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("li", {
-        className: [
-            `${baseClass}__list-item`,
-            `${baseClass}__value-wrap`
-        ].filter(Boolean).join(' '),
-        title: data?.updatedAt ? formatDate({
-            date: data?.updatedAt,
-            i18n,
-            pattern: dateFormat
-        }) : ''
-    }, /*#__PURE__*/ React.createElement("p", {
-        className: `${baseClass}__label`
-    }, i18n.t('general:lastModified'), ": "), data?.updatedAt && /*#__PURE__*/ React.createElement("p", {
-        className: `${baseClass}__value`
-    }, formatDate({
-        date: data?.updatedAt,
-        i18n,
-        pattern: dateFormat
-    }))), /*#__PURE__*/ React.createElement("li", {
-        className: [
-            `${baseClass}__list-item`,
-            `${baseClass}__value-wrap`
-        ].filter(Boolean).join(' '),
-        title: data?.createdAt ? formatDate({
-            date: data?.createdAt,
-            i18n,
-            pattern: dateFormat
-        }) : ''
-    }, /*#__PURE__*/ React.createElement("p", {
-        className: `${baseClass}__label`
-    }, i18n.t('general:created'), ": "), data?.createdAt && /*#__PURE__*/ React.createElement("p", {
-        className: `${baseClass}__value`
-    }, formatDate({
-        date: data?.createdAt,
-        i18n,
-        pattern: dateFormat
-    })))))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls-wrapper`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls`
-    }, componentMap?.isPreviewEnabled && /*#__PURE__*/ React.createElement(PreviewButton, {
-        CustomComponent: componentMap.PreviewButton
-    }), hasSavePermission && /*#__PURE__*/ React.createElement(React.Fragment, null, collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? /*#__PURE__*/ React.createElement(React.Fragment, null, (collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave || globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave) && /*#__PURE__*/ React.createElement(SaveDraft, {
-        CustomComponent: componentMap.SaveDraftButton
-    }), /*#__PURE__*/ React.createElement(Publish, {
-        CustomComponent: componentMap.PublishButton
-    })) : /*#__PURE__*/ React.createElement(Save, {
-        CustomComponent: componentMap.SaveButton
-    }))), showDotMenu && /*#__PURE__*/ React.createElement(Popup, {
-        button: /*#__PURE__*/ React.createElement("div", {
-            className: `${baseClass}__dots`
-        }, /*#__PURE__*/ React.createElement("div", null), /*#__PURE__*/ React.createElement("div", null), /*#__PURE__*/ React.createElement("div", null)),
-        className: `${baseClass}__popup`,
-        horizontalAlign: "right",
-        size: "large",
-        verticalAlign: "bottom"
-    }, /*#__PURE__*/ React.createElement(PopupList.ButtonGroup, null, hasCreatePermission && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(PopupList.Button, {
-        href: `${adminRoute}/collections/${collectionConfig?.slug}/create`,
-        id: "action-create"
-    }, i18n.t('general:createNew')), !collectionConfig.disableDuplicate && isEditing && /*#__PURE__*/ React.createElement(DuplicateDocument, {
-        id: id.toString(),
-        singularLabel: collectionConfig?.labels?.singular,
-        slug: collectionConfig?.slug
-    })), hasDeletePermission && /*#__PURE__*/ React.createElement(DeleteDocument, {
-        buttonId: "action-delete",
-        collectionSlug: collectionConfig?.slug,
-        id: id.toString(),
-        singularLabel: collectionConfig?.labels?.singular,
-        useAsTitle: collectionConfig?.admin?.useAsTitle
-    }))))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__divider`
-    }));
+    const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
+    return /*#__PURE__*/ _jsxs(Gutter, {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__wrapper`,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__content`,
+                        children: /*#__PURE__*/ _jsxs("ul", {
+                            className: `${baseClass}__meta`,
+                            children: [
+                                collectionConfig && !isEditing && !isAccountView && /*#__PURE__*/ _jsx("li", {
+                                    className: `${baseClass}__list-item`,
+                                    children: /*#__PURE__*/ _jsx("p", {
+                                        className: `${baseClass}__value`,
+                                        children: i18n.t('general:creatingNewLabel', {
+                                            label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t('general:document'), i18n)
+                                        })
+                                    })
+                                }),
+                                (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && /*#__PURE__*/ _jsxs(Fragment, {
+                                    children: [
+                                        (globalConfig || collectionConfig && isEditing) && /*#__PURE__*/ _jsx("li", {
+                                            className: [
+                                                `${baseClass}__status`,
+                                                `${baseClass}__list-item`
+                                            ].filter(Boolean).join(' '),
+                                            children: /*#__PURE__*/ _jsx(Status, {})
+                                        }),
+                                        (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave && !unsavedDraftWithValidations || globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave) && hasSavePermission && /*#__PURE__*/ _jsx("li", {
+                                            className: `${baseClass}__list-item`,
+                                            children: /*#__PURE__*/ _jsx(Autosave, {
+                                                collection: collectionConfig,
+                                                global: globalConfig,
+                                                id: id,
+                                                publishedDocUpdatedAt: data?.createdAt
+                                            })
+                                        })
+                                    ]
+                                }),
+                                collectionConfig?.timestamps && (isEditing || isAccountView) && /*#__PURE__*/ _jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("li", {
+                                            className: [
+                                                `${baseClass}__list-item`,
+                                                `${baseClass}__value-wrap`
+                                            ].filter(Boolean).join(' '),
+                                            title: data?.updatedAt ? updatedAt : '',
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("p", {
+                                                    className: `${baseClass}__label`,
+                                                    children: [
+                                                        i18n.t('general:lastModified'),
+                                                        ": "
+                                                    ]
+                                                }),
+                                                data?.updatedAt && /*#__PURE__*/ _jsx("p", {
+                                                    className: `${baseClass}__value`,
+                                                    children: updatedAt
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("li", {
+                                            className: [
+                                                `${baseClass}__list-item`,
+                                                `${baseClass}__value-wrap`
+                                            ].filter(Boolean).join(' '),
+                                            title: data?.createdAt ? createdAt : '',
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("p", {
+                                                    className: `${baseClass}__label`,
+                                                    children: [
+                                                        i18n.t('general:created'),
+                                                        ": "
+                                                    ]
+                                                }),
+                                                data?.createdAt && /*#__PURE__*/ _jsx("p", {
+                                                    className: `${baseClass}__value`,
+                                                    children: createdAt
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__controls-wrapper`,
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: `${baseClass}__controls`,
+                                children: [
+                                    (collectionConfig?._isPreviewEnabled || globalConfig?._isPreviewEnabled) && /*#__PURE__*/ _jsx(PreviewButton, {
+                                        CustomComponent: collectionConfig?.admin?.components?.edit?.PreviewButton || globalConfig?.admin?.components?.elements?.PreviewButton
+                                    }),
+                                    hasSavePermission && /*#__PURE__*/ _jsx(React.Fragment, {
+                                        children: collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? /*#__PURE__*/ _jsxs(React.Fragment, {
+                                            children: [
+                                                (collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave || unsavedDraftWithValidations || globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave) && /*#__PURE__*/ _jsx(SaveDraftButton, {
+                                                    CustomComponent: collectionConfig?.admin?.components?.edit?.SaveDraftButton || globalConfig?.admin?.components?.elements?.SaveDraftButton
+                                                }),
+                                                /*#__PURE__*/ _jsx(PublishButton, {
+                                                    CustomComponent: collectionConfig?.admin?.components?.edit?.PublishButton || globalConfig?.admin?.components?.elements?.PublishButton
+                                                })
+                                            ]
+                                        }) : /*#__PURE__*/ _jsx(SaveButton, {
+                                            CustomComponent: collectionConfig?.admin?.components?.edit?.SaveButton || globalConfig?.admin?.components?.elements?.SaveButton
+                                        })
+                                    })
+                                ]
+                            }),
+                            showDotMenu && /*#__PURE__*/ _jsx(Popup, {
+                                button: /*#__PURE__*/ _jsxs("div", {
+                                    className: `${baseClass}__dots`,
+                                    children: [
+                                        /*#__PURE__*/ _jsx("div", {}),
+                                        /*#__PURE__*/ _jsx("div", {}),
+                                        /*#__PURE__*/ _jsx("div", {})
+                                    ]
+                                }),
+                                className: `${baseClass}__popup`,
+                                horizontalAlign: "right",
+                                size: "large",
+                                verticalAlign: "bottom",
+                                children: /*#__PURE__*/ _jsxs(PopupList.ButtonGroup, {
+                                    children: [
+                                        hasCreatePermission && /*#__PURE__*/ _jsxs(React.Fragment, {
+                                            children: [
+                                                /*#__PURE__*/ _jsx(PopupList.Button, {
+                                                    href: formatAdminURL({
+                                                        adminRoute,
+                                                        path: `/collections/${collectionConfig?.slug}/create`
+                                                    }),
+                                                    id: "action-create",
+                                                    children: i18n.t('general:createNew')
+                                                }),
+                                                !collectionConfig.disableDuplicate && isEditing && /*#__PURE__*/ _jsx(DuplicateDocument, {
+                                                    id: id.toString(),
+                                                    singularLabel: collectionConfig?.labels?.singular,
+                                                    slug: collectionConfig?.slug
+                                                })
+                                            ]
+                                        }),
+                                        hasDeletePermission && /*#__PURE__*/ _jsx(DeleteDocument, {
+                                            buttonId: "action-delete",
+                                            collectionSlug: collectionConfig?.slug,
+                                            id: id.toString(),
+                                            singularLabel: collectionConfig?.labels?.singular,
+                                            useAsTitle: collectionConfig?.admin?.useAsTitle
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__divider`
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map