@payloadcms/ui 3.0.0-canary.95fcd13 → 3.0.0-canary.9beaa28

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'\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    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'))\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","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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"}
+{"version":3,"file":"index.js","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","_jsxs","Fragment","_jsx","className","onClick","label","buttonStyle","id","type"],"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"],"mappings":"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","ignoreList":[]}

package/dist/elements/DeleteMany/index.scss

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

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

@@ -2,15 +2,15 @@ import type { CollectionPermission, GlobalPermission, SanitizedCollectionConfig
 import React from 'react';
 import './index.scss';
 export declare const DocumentControls: React.FC<{
-    apiURL: string;
-    data?: any;
-    disableActions?: boolean;
-    hasPublishPermission?: 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,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGhG,OAAO,KAA8B,MAAM,OAAO,CAAA;AAiBlD,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,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,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,CAwMA,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,9 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useEffect } from 'react';
-import { useComponentMap } from '../../providers/ComponentMap/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
@@ -19,208 +20,183 @@ 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 { 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));
-    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: [
-                                    componentMap?.isPreviewEnabled && /*#__PURE__*/ _jsx(PreviewButton, {
-                                        CustomComponent: componentMap.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: componentMap.SaveDraftButton
-                                                }),
-                                                /*#__PURE__*/ _jsx(PublishButton, {
-                                                    CustomComponent: componentMap.PublishButton
-                                                })
-                                            ]
-                                        }) : /*#__PURE__*/ _jsx(SaveButton, {
-                                            CustomComponent: componentMap.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`
+export const DocumentControls = props => {
+  const $ = _c(5);
+  const {
+    id,
+    slug,
+    data,
+    disableActions,
+    hasSavePermission,
+    isAccountView,
+    isEditing,
+    permissions
+  } = props;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug: slug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug: slug
+  });
+  const {
+    admin: t0,
+    routes: t1
+  } = config;
+  const {
+    dateFormat
+  } = t0;
+  const {
+    admin: adminRoute
+  } = t1;
+  const [updatedAt, setUpdatedAt] = React.useState("");
+  const [createdAt, setCreatedAt] = React.useState("");
+  let t2;
+  let t3;
+  if ($[0] !== data || $[1] !== i18n || $[2] !== dateFormat) {
+    t2 = () => {
+      if (data?.updatedAt) {
+        setUpdatedAt(formatDate({
+          date: data.updatedAt,
+          i18n,
+          pattern: dateFormat
+        }));
+      }
+      if (data?.createdAt) {
+        setCreatedAt(formatDate({
+          date: data.createdAt,
+          i18n,
+          pattern: dateFormat
+        }));
+      }
+    };
+    t3 = [data, i18n, dateFormat];
+    $[0] = data;
+    $[1] = i18n;
+    $[2] = dateFormat;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useEffect(t2, t3);
+  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));
+  const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
+  return _jsxs(Gutter, {
+    className: baseClass,
+    children: [_jsxs("div", {
+      className: `${baseClass}__wrapper`,
+      children: [_jsx("div", {
+        className: `${baseClass}__content`,
+        children: _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)
+              })
+            })
+          }), (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && _jsxs(Fragment, {
+            children: [(globalConfig || collectionConfig && isEditing) && _jsx("li", {
+              className: [`${baseClass}__status`, `${baseClass}__list-item`].filter(Boolean).join(" "),
+              children: _jsx(Status, {})
+            }), (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave && !unsavedDraftWithValidations || globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave) && hasSavePermission && _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("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: [(collectionConfig?._isPreviewEnabled || globalConfig?._isPreviewEnabled) && _jsx(PreviewButton, {
+            CustomComponent: collectionConfig?.admin?.components?.edit?.PreviewButton || globalConfig?.admin?.components?.elements?.PreviewButton
+          }), hasSavePermission && _jsx(React.Fragment, {
+            children: collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? _jsxs(React.Fragment, {
+              children: [(collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave || unsavedDraftWithValidations || globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave) && _jsx(SaveDraftButton, {
+                CustomComponent: collectionConfig?.admin?.components?.edit?.SaveDraftButton || globalConfig?.admin?.components?.elements?.SaveDraftButton
+              }), _jsx(PublishButton, {
+                CustomComponent: collectionConfig?.admin?.components?.edit?.PublishButton || globalConfig?.admin?.components?.elements?.PublishButton
+              })]
+            }) : _jsx(SaveButton, {
+              CustomComponent: collectionConfig?.admin?.components?.edit?.SaveButton || globalConfig?.admin?.components?.elements?.SaveButton
             })
-        ]
-    });
+          })]
+        }), showDotMenu && _jsx(Popup, {
+          button: _jsxs("div", {
+            className: `${baseClass}__dots`,
+            children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})]
+          }),
+          className: `${baseClass}__popup`,
+          horizontalAlign: "right",
+          size: "large",
+          verticalAlign: "bottom",
+          children: _jsxs(PopupList.ButtonGroup, {
+            children: [hasCreatePermission && _jsxs(React.Fragment, {
+              children: [_jsx(PopupList.Button, {
+                href: formatAdminURL({
+                  adminRoute,
+                  path: `/collections/${collectionConfig?.slug}/create`
+                }),
+                id: "action-create",
+                children: i18n.t("general:createNew")
+              }), !collectionConfig.disableDuplicate && isEditing && _jsx(DuplicateDocument, {
+                id: id.toString(),
+                singularLabel: collectionConfig?.labels?.singular,
+                slug: collectionConfig?.slug
+              })]
+            }), hasDeletePermission && _jsx(DeleteDocument, {
+              buttonId: "action-delete",
+              collectionSlug: collectionConfig?.slug,
+              id: id.toString(),
+              singularLabel: collectionConfig?.labels?.singular,
+              useAsTitle: collectionConfig?.admin?.useAsTitle
+            })]
+          })
+        })]
+      })]
+    }), _jsx("div", {
+      className: `${baseClass}__divider`
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type { CollectionPermission, GlobalPermission, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { formatDate } from '../../utilities/formatDate.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  apiURL: string\n  data?: any\n  disableActions?: boolean\n  hasPublishPermission?: boolean\n  hasSavePermission?: boolean\n  id?: number | string\n  isAccountView?: boolean\n  isEditing?: boolean\n  permissions: CollectionPermission | GlobalPermission | null\n  slug: SanitizedCollectionConfig['slug']\n}> = (props) => {\n  const {\n    id,\n    slug,\n    data,\n    disableActions,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    permissions,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const config = useConfig()\n  const { getComponentMap } = useComponentMap()\n\n  const collectionConfig = config.collections.find((coll) => coll.slug === slug)\n  const globalConfig = config.globals.find((global) => global.slug === slug)\n\n  const componentMap = getComponentMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\n\n  const {\n    admin: { dateFormat },\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [data, i18n, dateFormat])\n\n  const hasCreatePermission =\n    permissions && 'create' in permissions && permissions.create?.permission\n\n  const hasDeletePermission =\n    permissions && 'delete' in permissions && permissions.delete?.permission\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__value`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {(collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {((collectionConfig?.versions?.drafts &&\n                  collectionConfig?.versions?.drafts?.autosave &&\n                  !unsavedDraftWithValidations) ||\n                  (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n                  hasSavePermission && (\n                    <li className={`${baseClass}__list-item`}>\n                      <Autosave\n                        collection={collectionConfig}\n                        global={globalConfig}\n                        id={id}\n                        publishedDocUpdatedAt={data?.createdAt}\n                      />\n                    </li>\n                  )}\n              </Fragment>\n            )}\n            {collectionConfig?.timestamps && (isEditing || isAccountView) && (\n              <Fragment>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.updatedAt ? updatedAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:lastModified')}:&nbsp;</p>\n                  {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}\n                </li>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.createdAt ? createdAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>\n                  {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}\n                </li>\n              </Fragment>\n            )}\n          </ul>\n        </div>\n        <div className={`${baseClass}__controls-wrapper`}>\n          <div className={`${baseClass}__controls`}>\n            {componentMap?.isPreviewEnabled && (\n              <PreviewButton CustomComponent={componentMap.PreviewButton} />\n            )}\n            {hasSavePermission && (\n              <React.Fragment>\n                {collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? (\n                  <React.Fragment>\n                    {((collectionConfig?.versions?.drafts &&\n                      !collectionConfig?.versions?.drafts?.autosave) ||\n                      unsavedDraftWithValidations ||\n                      (globalConfig?.versions?.drafts &&\n                        !globalConfig?.versions?.drafts?.autosave)) && (\n                      <SaveDraftButton CustomComponent={componentMap.SaveDraftButton} />\n                    )}\n                    <PublishButton CustomComponent={componentMap.PublishButton} />\n                  </React.Fragment>\n                ) : (\n                  <SaveButton CustomComponent={componentMap.SaveButton} />\n                )}\n              </React.Fragment>\n            )}\n          </div>\n          {showDotMenu && (\n            <Popup\n              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {hasCreatePermission && (\n                  <React.Fragment>\n                    <PopupList.Button\n                      href={formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${collectionConfig?.slug}/create`,\n                      })}\n                      id=\"action-create\"\n                    >\n                      {i18n.t('general:createNew')}\n                    </PopupList.Button>\n                    {!collectionConfig.disableDuplicate && isEditing && (\n                      <DuplicateDocument\n                        id={id.toString()}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                    )}\n                  </React.Fragment>\n                )}\n                {hasDeletePermission && (\n                  <DeleteDocument\n                    buttonId=\"action-delete\"\n                    collectionSlug={collectionConfig?.slug}\n                    id={id.toString()}\n                    singularLabel={collectionConfig?.labels?.singular}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle}\n                  />\n                )}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"names":["getTranslation","React","Fragment","useEffect","useComponentMap","useConfig","useTranslation","formatAdminURL","formatDate","Autosave","DeleteDocument","DuplicateDocument","Gutter","Popup","PopupList","PreviewButton","PublishButton","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","id","slug","data","disableActions","hasSavePermission","isAccountView","isEditing","permissions","i18n","config","getComponentMap","collectionConfig","collections","find","coll","globalConfig","globals","global","componentMap","collectionSlug","globalSlug","admin","dateFormat","routes","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","date","pattern","hasCreatePermission","create","permission","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","className","div","ul","li","p","t","label","labels","singular","filter","join","autosave","collection","publishedDocUpdatedAt","timestamps","title","isPreviewEnabled","CustomComponent","button","horizontalAlign","size","verticalAlign","ButtonGroup","Button","href","path","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useEffect","useConfig","useTranslation","formatAdminURL","formatDate","Autosave","DeleteDocument","DuplicateDocument","Gutter","Popup","PopupList","PreviewButton","PublishButton","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","$","id","slug","data","disableActions","hasSavePermission","isAccountView","isEditing","permissions","i18n","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","admin","t0","routes","t1","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","t2","t3","date","pattern","hasCreatePermission","create","permission","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","_jsxs","className","children","_jsx","t","label","labels","singular","filter","join","autosave","collection","global","publishedDocUpdatedAt","timestamps","title","_isPreviewEnabled","CustomComponent","components","edit","elements","button","horizontalAlign","size","verticalAlign","ButtonGroup","Button","href","path","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  CollectionPermission,\n  GlobalPermission,\n  SanitizedCollectionConfig,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { formatDate } from '../../utilities/formatDate.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly data?: any\n  readonly disableActions?: boolean\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly permissions: CollectionPermission | GlobalPermission | null\n  readonly slug: SanitizedCollectionConfig['slug']\n}> = (props) => {\n  const {\n    id,\n    slug,\n    data,\n    disableActions,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    permissions,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug }) as ClientCollectionConfig\n  const globalConfig = getEntityConfig({ globalSlug: slug }) as ClientGlobalConfig\n\n  const {\n    admin: { dateFormat },\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [data, i18n, dateFormat])\n\n  const hasCreatePermission =\n    permissions && 'create' in permissions && permissions.create?.permission\n\n  const hasDeletePermission =\n    permissions && 'delete' in permissions && permissions.delete?.permission\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__value`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {(collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {((collectionConfig?.versions?.drafts &&\n                  collectionConfig?.versions?.drafts?.autosave &&\n                  !unsavedDraftWithValidations) ||\n                  (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n                  hasSavePermission && (\n                    <li className={`${baseClass}__list-item`}>\n                      <Autosave\n                        collection={collectionConfig}\n                        global={globalConfig}\n                        id={id}\n                        publishedDocUpdatedAt={data?.createdAt}\n                      />\n                    </li>\n                  )}\n              </Fragment>\n            )}\n            {collectionConfig?.timestamps && (isEditing || isAccountView) && (\n              <Fragment>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.updatedAt ? updatedAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:lastModified')}:&nbsp;</p>\n                  {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}\n                </li>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.createdAt ? createdAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>\n                  {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}\n                </li>\n              </Fragment>\n            )}\n          </ul>\n        </div>\n        <div className={`${baseClass}__controls-wrapper`}>\n          <div className={`${baseClass}__controls`}>\n            {(collectionConfig?._isPreviewEnabled || globalConfig?._isPreviewEnabled) && (\n              <PreviewButton\n                CustomComponent={\n                  collectionConfig?.admin?.components?.edit?.PreviewButton ||\n                  globalConfig?.admin?.components?.elements?.PreviewButton\n                }\n              />\n            )}\n            {hasSavePermission && (\n              <React.Fragment>\n                {collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? (\n                  <React.Fragment>\n                    {((collectionConfig?.versions?.drafts &&\n                      !collectionConfig?.versions?.drafts?.autosave) ||\n                      unsavedDraftWithValidations ||\n                      (globalConfig?.versions?.drafts &&\n                        !globalConfig?.versions?.drafts?.autosave)) && (\n                      <SaveDraftButton\n                        CustomComponent={\n                          collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n                          globalConfig?.admin?.components?.elements?.SaveDraftButton\n                        }\n                      />\n                    )}\n                    <PublishButton\n                      CustomComponent={\n                        collectionConfig?.admin?.components?.edit?.PublishButton ||\n                        globalConfig?.admin?.components?.elements?.PublishButton\n                      }\n                    />\n                  </React.Fragment>\n                ) : (\n                  <SaveButton\n                    CustomComponent={\n                      collectionConfig?.admin?.components?.edit?.SaveButton ||\n                      globalConfig?.admin?.components?.elements?.SaveButton\n                    }\n                  />\n                )}\n              </React.Fragment>\n            )}\n          </div>\n          {showDotMenu && (\n            <Popup\n              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {hasCreatePermission && (\n                  <React.Fragment>\n                    <PopupList.Button\n                      href={formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${collectionConfig?.slug}/create`,\n                      })}\n                      id=\"action-create\"\n                    >\n                      {i18n.t('general:createNew')}\n                    </PopupList.Button>\n                    {!collectionConfig.disableDuplicate && isEditing && (\n                      <DuplicateDocument\n                        id={id.toString()}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                    )}\n                  </React.Fragment>\n                )}\n                {hasDeletePermission && (\n                  <DeleteDocument\n                    buttonId=\"action-delete\"\n                    collectionSlug={collectionConfig?.slug}\n                    id={id.toString()}\n                    singularLabel={collectionConfig?.labels?.singular}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle}\n                  />\n                )}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}