@payloadcms/next 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

package/dist/elements/DocumentHeader/index.js

@@ -3,28 +3,29 @@ import { Gutter, RenderTitle } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
 import { DocumentTabs } from './Tabs/index.js';
 const baseClass = `doc-header`;
-export const DocumentHeader = (props)=>{
-    const { collectionConfig, config, customHeader, globalConfig, hideTabs, i18n, permissions } = props;
-    return /*#__PURE__*/ _jsxs(Gutter, {
-        className: baseClass,
-        children: [
-            customHeader && customHeader,
-            !customHeader && /*#__PURE__*/ _jsxs(Fragment, {
-                children: [
-                    /*#__PURE__*/ _jsx(RenderTitle, {
-                        className: `${baseClass}__title`
-                    }),
-                    !hideTabs && /*#__PURE__*/ _jsx(DocumentTabs, {
-                        collectionConfig: collectionConfig,
-                        config: config,
-                        globalConfig: globalConfig,
-                        i18n: i18n,
-                        permissions: permissions
-                    })
-                ]
-            })
-        ]
-    });
+export const DocumentHeader = props => {
+  const {
+    collectionConfig,
+    customHeader,
+    globalConfig,
+    hideTabs,
+    i18n,
+    payload,
+    permissions
+  } = props;
+  return /*#__PURE__*/_jsxs(Gutter, {
+    className: baseClass,
+    children: [customHeader && customHeader, !customHeader && /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(RenderTitle, {
+        className: `${baseClass}__title`
+      }), !hideTabs && /*#__PURE__*/_jsx(DocumentTabs, {
+        collectionConfig: collectionConfig,
+        globalConfig: globalConfig,
+        i18n: i18n,
+        payload: payload,
+        permissions: permissions
+      })]
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, config, customHeader, globalConfig, hideTabs, i18n, permissions } =\n    props\n\n  return (\n    <Gutter className={baseClass}>\n      {customHeader && customHeader}\n      {!customHeader && (\n        <Fragment>\n          <RenderTitle className={`${baseClass}__title`} />\n          {!hideTabs && (\n            <DocumentTabs\n              collectionConfig={collectionConfig}\n              config={config}\n              globalConfig={globalConfig}\n              i18n={i18n}\n              permissions={permissions}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"names":["Gutter","RenderTitle","React","Fragment","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","config","customHeader","globalConfig","hideTabs","i18n","permissions","className"],"mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,YAAY,QAAQ,kBAAiB;AAG9C,MAAMC,YAAY,CAAC,UAAU,CAAC;AAE9B,OAAO,MAAMC,iBAQR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,WAAW,EAAE,GACzFP;IAEF,qBACE,MAACP;QAAOe,WAAWV;;YAChBK,gBAAgBA;YAChB,CAACA,8BACA,MAACP;;kCACC,KAACF;wBAAYc,WAAW,CAAC,EAAEV,UAAU,OAAO,CAAC;;oBAC5C,CAACO,0BACA,KAACR;wBACCI,kBAAkBA;wBAClBC,QAAQA;wBACRE,cAAcA;wBACdE,MAAMA;wBACNC,aAAaA;;;;;;AAO3B,EAAC"}
+{"version":3,"file":"index.js","names":["Gutter","RenderTitle","React","Fragment","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","customHeader","globalConfig","hideTabs","i18n","payload","permissions","_jsxs","className","_jsx"],"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Payload,\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\nimport { DocumentTabs } from './Tabs/index.js'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n  payload: Payload\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, customHeader, globalConfig, hideTabs, i18n, payload, permissions } =\n    props\n\n  return (\n    <Gutter className={baseClass}>\n      {customHeader && customHeader}\n      {!customHeader && (\n        <Fragment>\n          <RenderTitle className={`${baseClass}__title`} />\n          {!hideTabs && (\n            <DocumentTabs\n              collectionConfig={collectionConfig}\n              globalConfig={globalConfig}\n              i18n={i18n}\n              payload={payload}\n              permissions={permissions}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ;AACpC,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAGhC,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY,YAAY;AAE9B,OAAO,MAAMC,cAAA,GAQPC,KAAA;EACJ,MAAM;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,YAAY;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAW,CAAE,GAC1FP,KAAA;EAEF,oBACEQ,KAAA,CAACf,MAAA;IAAOgB,SAAA,EAAWX,SAAA;eAChBI,YAAA,IAAgBA,YAAA,EAChB,CAACA,YAAA,iBACAM,KAAA,CAACZ,QAAA;8BACCc,IAAA,CAAChB,WAAA;QAAYe,SAAA,EAAW,GAAGX,SAAA;UAC1B,CAACM,QAAA,iBACAM,IAAA,CAACb,YAAA;QACCI,gBAAA,EAAkBA,gBAAA;QAClBE,YAAA,EAAcA,YAAA;QACdE,IAAA,EAAMA,IAAA;QACNC,OAAA,EAASA,OAAA;QACTC,WAAA,EAAaA;;;;AAO3B","ignoreList":[]}

package/dist/elements/DocumentHeader/index.scss

@@ -2,8 +2,8 @@
 
 .doc-header {
   width: 100%;
-  margin-top: base(0.5);
-  padding-bottom: calc(var(--base) * 1.5);
+  margin-top: base(0.4);
+  padding-bottom: calc(var(--base) * 1.2);
   display: flex;
   align-items: center;
   position: relative;
@@ -27,6 +27,9 @@
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0;
+    padding-bottom: base(0.4);
+    line-height: 1;
+    vertical-align: top;
   }
 
   @include mid-break {
@@ -40,8 +43,6 @@
 
     &__title {
       width: 100%;
-      padding-left: var(--gutter-h);
-      padding-right: var(--gutter-h);
     }
   }
 

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

@@ -0,0 +1,12 @@
+import type { ClientUser } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const DocumentLocked: React.FC<{
+    handleGoBack: () => void;
+    isActive: boolean;
+    onReadOnly: () => void;
+    onTakeOver: () => void;
+    updatedAt?: null | number;
+    user?: ClientUser;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAoBrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CA2DA,CAAA"}

package/dist/elements/DocumentLocked/index.js

@@ -0,0 +1,142 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Modal, useModal, useTranslation } from '@payloadcms/ui';
+import React, { useEffect } from 'react';
+const modalSlug = 'document-locked';
+const baseClass = 'document-locked';
+const formatDate = date => {
+  if (!date) {
+    return '';
+  }
+  return new Intl.DateTimeFormat('en-US', {
+    day: 'numeric',
+    hour: 'numeric',
+    hour12: true,
+    minute: 'numeric',
+    month: 'short',
+    year: 'numeric'
+  }).format(date);
+};
+export const DocumentLocked = t0 => {
+  const $ = _c(19);
+  const {
+    handleGoBack,
+    isActive,
+    onReadOnly,
+    onTakeOver,
+    updatedAt,
+    user
+  } = t0;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  let t2;
+  if ($[0] !== isActive || $[1] !== openModal || $[2] !== closeModal) {
+    t1 = () => {
+      if (isActive) {
+        openModal(modalSlug);
+      } else {
+        closeModal(modalSlug);
+      }
+    };
+    t2 = [isActive, openModal, closeModal];
+    $[0] = isActive;
+    $[1] = openModal;
+    $[2] = closeModal;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] !== t || $[6] !== user || $[7] !== updatedAt || $[8] !== handleGoBack || $[9] !== onReadOnly || $[10] !== closeModal || $[11] !== onTakeOver) {
+    let t4;
+    if ($[13] !== onReadOnly || $[14] !== closeModal) {
+      t4 = () => {
+        onReadOnly();
+        closeModal(modalSlug);
+      };
+      $[13] = onReadOnly;
+      $[14] = closeModal;
+      $[15] = t4;
+    } else {
+      t4 = $[15];
+    }
+    let t5;
+    if ($[16] !== onTakeOver || $[17] !== closeModal) {
+      t5 = () => {
+        onTakeOver();
+        closeModal(modalSlug);
+      };
+      $[16] = onTakeOver;
+      $[17] = closeModal;
+      $[18] = t5;
+    } else {
+      t5 = $[18];
+    }
+    t3 = _jsx(Modal, {
+      className: baseClass,
+      onClose: handleGoBack,
+      slug: modalSlug,
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("general:documentLocked")
+          }), _jsxs("p", {
+            children: [_jsx("strong", {
+              children: user?.email ?? user?.id
+            }), " ", t("general:currentlyEditing")]
+          }), _jsxs("p", {
+            children: [t("general:editedSince"), " ", _jsx("strong", {
+              children: formatDate(updatedAt)
+            })]
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-go-back`,
+            onClick: handleGoBack,
+            size: "large",
+            children: t("general:goBack")
+          }), _jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-view-read-only`,
+            onClick: t4,
+            size: "large",
+            children: t("general:viewReadOnly")
+          }), _jsx(Button, {
+            buttonStyle: "primary",
+            id: `${modalSlug}-take-over`,
+            onClick: t5,
+            size: "large",
+            children: t("general:takeOver")
+          })]
+        })]
+      })
+    });
+    $[5] = t;
+    $[6] = user;
+    $[7] = updatedAt;
+    $[8] = handleGoBack;
+    $[9] = onReadOnly;
+    $[10] = closeModal;
+    $[11] = onTakeOver;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","Button","Modal","useModal","useTranslation","React","useEffect","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","t1","t2","t3","t4","t5","_jsx","className","onClose","slug","children","_jsxs","email","id","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport { Button, Modal, useModal, useTranslation } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={handleGoBack} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>{user?.email ?? user?.id}</strong> {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={handleGoBack}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              void onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentLocked/index.scss

@@ -0,0 +1,37 @@
+@import '../../scss/styles.scss';
+
+.document-locked {
+  @include blur-bg;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+
+  &__wrapper {
+    z-index: 1;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+    padding: base(2);
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+
+    > * {
+      margin: 0;
+    }
+  }
+
+  &__controls {
+    display: flex;
+    gap: var(--base);
+
+    .btn {
+      margin: 0;
+    }
+  }
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+export declare const DocumentTakeOver: React.FC<{
+    handleBackToDashboard: () => void;
+    isActive: boolean;
+    onReadOnly: () => void;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,CA2CA,CAAA"}

package/dist/elements/DocumentTakeOver/index.js

@@ -0,0 +1,98 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Modal, useModal, useTranslation } from '@payloadcms/ui';
+import React, { useEffect } from 'react';
+const modalSlug = 'document-take-over';
+const baseClass = 'document-take-over';
+export const DocumentTakeOver = t0 => {
+  const $ = _c(13);
+  const {
+    handleBackToDashboard,
+    isActive,
+    onReadOnly
+  } = t0;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  let t2;
+  if ($[0] !== isActive || $[1] !== openModal || $[2] !== closeModal) {
+    t1 = () => {
+      if (isActive) {
+        openModal(modalSlug);
+      } else {
+        closeModal(modalSlug);
+      }
+    };
+    t2 = [isActive, openModal, closeModal];
+    $[0] = isActive;
+    $[1] = openModal;
+    $[2] = closeModal;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[5] !== t || $[6] !== handleBackToDashboard || $[7] !== onReadOnly || $[8] !== closeModal) {
+    let t4;
+    if ($[10] !== onReadOnly || $[11] !== closeModal) {
+      t4 = () => {
+        onReadOnly();
+        closeModal(modalSlug);
+      };
+      $[10] = onReadOnly;
+      $[11] = closeModal;
+      $[12] = t4;
+    } else {
+      t4 = $[12];
+    }
+    t3 = _jsx(Modal, {
+      className: baseClass,
+      slug: modalSlug,
+      children: _jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [_jsx("h1", {
+            children: t("general:editingTakenOver")
+          }), _jsx("p", {
+            children: t("general:anotherUserTakenOver")
+          })]
+        }), _jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [_jsx(Button, {
+            buttonStyle: "primary",
+            id: `${modalSlug}-back-to-dashboard`,
+            onClick: handleBackToDashboard,
+            size: "large",
+            children: t("general:backToDashboard")
+          }), _jsx(Button, {
+            buttonStyle: "secondary",
+            id: `${modalSlug}-view-read-only`,
+            onClick: t4,
+            size: "large",
+            children: t("general:viewReadOnly")
+          })]
+        })]
+      })
+    });
+    $[5] = t;
+    $[6] = handleBackToDashboard;
+    $[7] = onReadOnly;
+    $[8] = closeModal;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","Button","Modal","useModal","useTranslation","React","useEffect","modalSlug","baseClass","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","t1","t2","t3","t4","_jsx","className","slug","children","_jsxs","buttonStyle","id","onClick","size"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport { Button, Modal, useModal, useTranslation } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst modalSlug = 'document-take-over'\n\nconst baseClass = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:editingTakenOver')}</h1>\n          <p>{t('general:anotherUserTakenOver')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={handleBackToDashboard}\n            size=\"large\"\n          >\n            {t('general:backToDashboard')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AACxD,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAIjC,MAAMC,SAAA,GAAY;AAElB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,qBAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA+C;EACnD;IAAAK,UAAA;IAAAC;EAAA,IAAkCb,QAAA;EAClC;IAAAc;EAAA,IAAcb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAI,UAAA;IAEJG,EAAA,GAAAA,CAAA;MAAA,IACJL,QAAA;QACFG,SAAA,CAAAT,SAAU;MAAA;QAEVQ,UAAA,CAAAR,SAAW;MAAA;IAAA;IAEZY,EAAA,IAACN,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWJ,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EANpCL,SAAA,CAAUY,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAM,CAAA,IAAAN,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAI,UAAA;IAAA,IAAAM,EAAA;IAAA,IAAAV,CAAA,SAAAG,UAAA,IAAAH,CAAA,SAAAI,UAAA;MAqBjBM,EAAA,GAAAA,CAAA;QACPP,UAAA;QACAC,UAAA,CAAAR,SAAW;MAAA;MACbI,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAI,UAAA;MAAAJ,CAAA,OAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IArBRS,EAAA,GAAAE,IAAA,CAAApB,KAAA;MAAAqB,SAAA,EAAAf,SAAA;MAAAgB,IAAA,EAAAjB,SAAA;MAAAkB,QAAA,EACEC,KAAA,CAAC;QAAAH,SAAA,EAAe,GAAAf,SAAA,WAAuB;QAAAiB,QAAA,GACrCC,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAf,SAAA,WAAuB;UAAAiB,QAAA,GACrCH,IAAA,CAAC;YAAAG,QAAA,EAAIR,CAAA,CAAE;UAAA,C,GACPK,IAAA,CAAC;YAAAG,QAAA,EAAGR,CAAA,CAAE;UAAA,C;YAERS,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAf,SAAA,YAAwB;UAAAiB,QAAA,GACtCH,IAAA,CAAArB,MAAA;YAAA0B,WAAA,EACc;YAAAC,EAAA,EACR,GAAArB,SAAA,oBAAgC;YAAAsB,OAAA,EAC3BjB,qBAAA;YAAAkB,IAAA,EACJ;YAAAL,QAAA,EAEJR,CAAA,CAAE;UAAA,C,GAELK,IAAA,CAAArB,MAAA;YAAA0B,WAAA,EACc;YAAAC,EAAA,EACR,GAAArB,SAAA,iBAA6B;YAAAsB,OAAA,EACxBR,EAGT;YAAAS,IAAA,EACK;YAAAL,QAAA,EAEJR,CAAA,CAAE;UAAA,C;;;;;;;;;;;;SAxBXG,E;CA8BJ","ignoreList":[]}

package/dist/elements/DocumentTakeOver/index.scss

@@ -0,0 +1,37 @@
+@import '../../scss/styles.scss';
+
+.document-take-over {
+  @include blur-bg;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+
+  &__wrapper {
+    z-index: 1;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+    padding: base(2);
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--base);
+
+    > * {
+      margin: 0;
+    }
+  }
+
+  &__controls {
+    display: flex;
+    gap: var(--base);
+
+    .btn {
+      margin: 0;
+    }
+  }
+}

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

@@ -1,8 +1,14 @@
-import type { LoginWithUsernameOptions } from 'payload';
+import type { FieldPermissions, LoginWithUsernameOptions } from 'payload';
 import React from 'react';
-type Props = {
-    loginWithUsername?: LoginWithUsernameOptions | false;
+type RenderEmailAndUsernameFieldsProps = {
+    className?: string;
+    loginWithUsername?: false | LoginWithUsernameOptions;
+    operation?: 'create' | 'update';
+    permissions?: {
+        [fieldName: string]: FieldPermissions;
+    };
+    readOnly: boolean;
 };
-export declare const EmailAndUsernameFields: React.FC<Props>;
+export declare function RenderEmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EmailAndUsername/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAIvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,KAAK,GAAG;IACX,iBAAiB,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAA;CACrD,CAAA;AACD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiClD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EmailAndUsername/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAqDzB,KAAK,iCAAiC,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,KAAK,GAAG,wBAAwB,CAAA;IACpD,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,EAAE;QACZ,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,iCAAiC,qBA6CpF"}

package/dist/elements/EmailAndUsername/index.js

@@ -1,33 +1,121 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EmailField, TextField, useTranslation } from '@payloadcms/ui';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmailField, RenderFields, TextField, useTranslation } from '@payloadcms/ui';
 import { email, username } from 'payload/shared';
 import React from 'react';
-export const EmailAndUsernameFields = ({ loginWithUsername })=>{
-    const { t } = useTranslation();
-    const requireEmail = !loginWithUsername || loginWithUsername && loginWithUsername.requireEmail;
-    const requireUsername = loginWithUsername && loginWithUsername.requireUsername;
-    const showEmailField = !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin;
-    const showUsernameField = Boolean(loginWithUsername);
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            showEmailField && /*#__PURE__*/ _jsx(EmailField, {
-                autoComplete: "email",
-                label: t('general:email'),
-                name: "email",
-                path: "email",
-                required: requireEmail,
-                validate: email
-            }),
-            showUsernameField && /*#__PURE__*/ _jsx(TextField, {
-                label: t('authentication:username'),
-                name: "username",
-                path: "username",
-                required: requireUsername,
-                validate: username
+function EmailFieldComponent(props) {
+  const $ = _c(3);
+  const {
+    loginWithUsername
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const requireEmail = !loginWithUsername || loginWithUsername && loginWithUsername.requireEmail;
+  const showEmailField = !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin;
+  if (showEmailField) {
+    let t0;
+    if ($[0] !== t || $[1] !== requireEmail) {
+      t0 = _jsx(EmailField, {
+        autoComplete: "off",
+        field: {
+          name: "email",
+          label: t("general:email"),
+          required: requireEmail
+        },
+        validate: email
+      });
+      $[0] = t;
+      $[1] = requireEmail;
+      $[2] = t0;
+    } else {
+      t0 = $[2];
+    }
+    return t0;
+  }
+  return null;
+}
+function UsernameFieldComponent(props) {
+  const $ = _c(3);
+  const {
+    loginWithUsername
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  const requireUsername = loginWithUsername && loginWithUsername.requireUsername;
+  const showUsernameField = Boolean(loginWithUsername);
+  if (showUsernameField) {
+    let t0;
+    if ($[0] !== t || $[1] !== requireUsername) {
+      t0 = _jsx(TextField, {
+        field: {
+          name: "username",
+          label: t("authentication:username"),
+          required: requireUsername
+        },
+        validate: username
+      });
+      $[0] = t;
+      $[1] = requireUsername;
+      $[2] = t0;
+    } else {
+      t0 = $[2];
+    }
+    return t0;
+  }
+  return null;
+}
+export function RenderEmailAndUsernameFields(props) {
+  const {
+    className,
+    loginWithUsername,
+    operation,
+    permissions,
+    readOnly
+  } = props;
+  return /*#__PURE__*/_jsx(RenderFields, {
+    className: className,
+    fields: [{
+      name: 'email',
+      type: 'text',
+      admin: {
+        autoComplete: 'off',
+        components: {
+          Field: {
+            type: 'client',
+            Component: null,
+            RenderedComponent: /*#__PURE__*/_jsx(EmailFieldComponent, {
+              loginWithUsername: loginWithUsername
             })
-        ]
-    });
-};
-
+          }
+        }
+      },
+      localized: false
+    }, {
+      name: 'username',
+      type: 'text',
+      admin: {
+        components: {
+          Field: {
+            type: 'client',
+            Component: null,
+            RenderedComponent: /*#__PURE__*/_jsx(UsernameFieldComponent, {
+              loginWithUsername: loginWithUsername
+            })
+          }
+        }
+      },
+      localized: false
+    }],
+    forceRender: true,
+    operation: operation,
+    path: "",
+    permissions: permissions,
+    readOnly: readOnly,
+    schemaPath: ""
+  });
+}
 //# sourceMappingURL=index.js.map