@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/elements/DocumentFields/index.js

@@ -1,6 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldIsSidebar } from 'payload/shared';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { Gutter } from '../Gutter/index.js';
 import { TrashBanner } from '../TrashBanner/index.js';
@@ -26,27 +27,90 @@ export const DocumentFields = ({ AfterFields, BeforeFields, docPermissions, fiel
     }, [
         fields
     ]);
-    return <div className={[
-        baseClass,
-        hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,
-        forceSidebarWrap && `${baseClass}--force-sidebar-wrap`
-    ].filter(Boolean).join(' ')}>
-      <div className={`${baseClass}__main`}>
-        <Gutter className={`${baseClass}__edit`}>
-          {isTrashed && <TrashBanner/>}
-          {BeforeFields}
-          <RenderFields className={`${baseClass}__fields`} fields={mainFields} forceRender parentIndexPath="" parentPath="" parentSchemaPath={schemaPathSegments.join('.')} permissions={docPermissions?.fields} readOnly={readOnly}/>
-          {AfterFields}
-        </Gutter>
-      </div>
-      {hasSidebarFields ? <div className={`${baseClass}__sidebar-wrap`}>
-          <div className={`${baseClass}__sidebar`}>
-            <div className={`${baseClass}__sidebar-fields`}>
-              <RenderFields fields={sidebarFields} forceRender parentIndexPath="" parentPath="" parentSchemaPath={schemaPathSegments.join('.')} permissions={docPermissions?.fields} readOnly={readOnly}/>
-            </div>
-          </div>
-        </div> : null}
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,
+            forceSidebarWrap && `${baseClass}--force-sidebar-wrap`
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__main`,
+                children: /*#__PURE__*/ _jsxDEV(Gutter, {
+                    className: `${baseClass}__edit`,
+                    children: [
+                        isTrashed && /*#__PURE__*/ _jsxDEV(TrashBanner, {}, void 0, false, {
+                            fileName: "src/elements/DocumentFields/index.tsx",
+                            lineNumber: 69,
+                            columnNumber: 25
+                        }, this),
+                        BeforeFields,
+                        /*#__PURE__*/ _jsxDEV(RenderFields, {
+                            className: `${baseClass}__fields`,
+                            fields: mainFields,
+                            forceRender: true,
+                            parentIndexPath: "",
+                            parentPath: "",
+                            parentSchemaPath: schemaPathSegments.join('.'),
+                            permissions: docPermissions?.fields,
+                            readOnly: readOnly
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentFields/index.tsx",
+                            lineNumber: 71,
+                            columnNumber: 11
+                        }, this),
+                        AfterFields
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/DocumentFields/index.tsx",
+                    lineNumber: 68,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/DocumentFields/index.tsx",
+                lineNumber: 67,
+                columnNumber: 7
+            }, this),
+            hasSidebarFields ? /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__sidebar-wrap`,
+                children: /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__sidebar`,
+                    children: /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__sidebar-fields`,
+                        children: /*#__PURE__*/ _jsxDEV(RenderFields, {
+                            fields: sidebarFields,
+                            forceRender: true,
+                            parentIndexPath: "",
+                            parentPath: "",
+                            parentSchemaPath: schemaPathSegments.join('.'),
+                            permissions: docPermissions?.fields,
+                            readOnly: readOnly
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentFields/index.tsx",
+                            lineNumber: 88,
+                            columnNumber: 15
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/DocumentFields/index.tsx",
+                        lineNumber: 87,
+                        columnNumber: 13
+                    }, this)
+                }, void 0, false, {
+                    fileName: "src/elements/DocumentFields/index.tsx",
+                    lineNumber: 86,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/DocumentFields/index.tsx",
+                lineNumber: 85,
+                columnNumber: 9
+            }, this) : null
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/DocumentFields/index.tsx",
+        lineNumber: 58,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { TrashBanner } from '../TrashBanner/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n  readonly AfterFields?: React.ReactNode\n  readonly BeforeFields?: React.ReactNode\n  readonly Description?: React.ReactNode\n  readonly docPermissions: SanitizedDocumentPermissions\n  readonly fields: ClientField[]\n  readonly forceSidebarWrap?: boolean\n  readonly isTrashed?: boolean\n  readonly readOnly?: boolean\n  readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n  AfterFields,\n  BeforeFields,\n  docPermissions,\n  fields,\n  forceSidebarWrap,\n  isTrashed = false,\n  readOnly,\n  schemaPathSegments,\n}) => {\n  const { hasSidebarFields, mainFields, sidebarFields } = useMemo(() => {\n    return fields.reduce(\n      (acc, field) => {\n        if (fieldIsSidebar(field)) {\n          acc.sidebarFields.push(field)\n          acc.mainFields.push(null)\n          acc.hasSidebarFields = true\n        } else {\n          acc.mainFields.push(field)\n          acc.sidebarFields.push(null)\n        }\n        return acc\n      },\n      {\n        hasSidebarFields: false,\n        mainFields: [] as ClientField[],\n        sidebarFields: [] as ClientField[],\n      },\n    )\n  }, [fields])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n        forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__main`}>\n        <Gutter className={`${baseClass}__edit`}>\n          {isTrashed && <TrashBanner />}\n          {BeforeFields}\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={mainFields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath={schemaPathSegments.join('.')}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\n          />\n          {AfterFields}\n        </Gutter>\n      </div>\n      {hasSidebarFields ? (\n        <div className={`${baseClass}__sidebar-wrap`}>\n          <div className={`${baseClass}__sidebar`}>\n            <div className={`${baseClass}__sidebar-fields`}>\n              <RenderFields\n                fields={sidebarFields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\"\n                parentSchemaPath={schemaPathSegments.join('.')}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly}\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["fieldIsSidebar","useMemo","RenderFields","Gutter","TrashBanner","baseClass","DocumentFields","AfterFields","BeforeFields","docPermissions","fields","forceSidebarWrap","isTrashed","readOnly","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","div","className","filter","Boolean","join","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,SAAgBC,OAAO,QAAQ,QAAO;AAEtC,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,QAAQ,0BAAyB;AACrD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAclB,OAAO,MAAMC,iBAAiC,CAAC,EAC7CC,WAAW,EACXC,YAAY,EACZC,cAAc,EACdC,MAAM,EACNC,gBAAgB,EAChBC,YAAY,KAAK,EACjBC,QAAQ,EACRC,kBAAkB,EACnB;IACC,MAAM,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGhB,QAAQ;QAC9D,OAAOS,OAAOQ,MAAM,CAClB,CAACC,KAAKC;YACJ,IAAIpB,eAAeoB,QAAQ;gBACzBD,IAAIF,aAAa,CAACI,IAAI,CAACD;gBACvBD,IAAIH,UAAU,CAACK,IAAI,CAAC;gBACpBF,IAAIJ,gBAAgB,GAAG;YACzB,OAAO;gBACLI,IAAIH,UAAU,CAACK,IAAI,CAACD;gBACpBD,IAAIF,aAAa,CAACI,IAAI,CAAC;YACzB;YACA,OAAOF;QACT,GACA;YACEJ,kBAAkB;YAClBC,YAAY,EAAE;YACdC,eAAe,EAAE;QACnB;IAEJ,GAAG;QAACP;KAAO;IAEX,QACGY,IACCC,WAAW;QACTlB;QACAU,mBAAmB,GAAGV,UAAU,aAAa,CAAC,GAAG,GAAGA,UAAU,YAAY,CAAC;QAC3EM,oBAAoB,GAAGN,UAAU,oBAAoB,CAAC;KACvD,CACEmB,MAAM,CAACC,SACPC,IAAI,CAAC,MACT;MACC,CAACJ,IAAIC,WAAW,GAAGlB,UAAU,MAAM,CAAC,EAAE;QACpC,CAACF,OAAOoB,WAAW,GAAGlB,UAAU,MAAM,CAAC,EAAE;UACvC,CAACO,cAAcR,cAAe;UAC9B,CAACI,aAAa;UACd,CAACN,aACCqB,WAAW,GAAGlB,UAAU,QAAQ,CAAC,EACjCK,QAAQM,YACRW,YACAC,gBAAgB,GAChBC,WAAW,GACXC,kBAAkBhB,mBAAmBY,IAAI,CAAC,MAC1CK,aAAatB,gBAAgBC,QAC7BG,UAAUA,WACV;UACF,CAACN,YAAY;QACf,EAAEJ,OAAO;MACX,EAAEmB,IAAI;MACN,CAACP,oBACEO,IAAIC,WAAW,GAAGlB,UAAU,cAAc,CAAC,EAAE;UAC5C,CAACiB,IAAIC,WAAW,GAAGlB,UAAU,SAAS,CAAC,EAAE;YACvC,CAACiB,IAAIC,WAAW,GAAGlB,UAAU,gBAAgB,CAAC,EAAE;cAC9C,CAACH,aACCQ,QAAQO,eACRU,YACAC,gBAAgB,GAChBC,WAAW,GACXC,kBAAkBhB,mBAAmBY,IAAI,CAAC,MAC1CK,aAAatB,gBAAgBC,QAC7BG,UAAUA,WACV;YACJ,EAAES,IAAI;UACR,EAAEA,IAAI;QACR,EAAEA,OACA,KAAK;IACX,EAAEA;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/DocumentFields/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, SanitizedDocumentPermissions } from 'payload'\n\nimport { fieldIsSidebar } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { TrashBanner } from '../TrashBanner/index.js'\nimport './index.scss'\n\nconst baseClass = 'document-fields'\n\ntype Args = {\n  readonly AfterFields?: React.ReactNode\n  readonly BeforeFields?: React.ReactNode\n  readonly Description?: React.ReactNode\n  readonly docPermissions: SanitizedDocumentPermissions\n  readonly fields: ClientField[]\n  readonly forceSidebarWrap?: boolean\n  readonly isTrashed?: boolean\n  readonly readOnly?: boolean\n  readonly schemaPathSegments: string[]\n}\n\nexport const DocumentFields: React.FC<Args> = ({\n  AfterFields,\n  BeforeFields,\n  docPermissions,\n  fields,\n  forceSidebarWrap,\n  isTrashed = false,\n  readOnly,\n  schemaPathSegments,\n}) => {\n  const { hasSidebarFields, mainFields, sidebarFields } = useMemo(() => {\n    return fields.reduce(\n      (acc, field) => {\n        if (fieldIsSidebar(field)) {\n          acc.sidebarFields.push(field)\n          acc.mainFields.push(null)\n          acc.hasSidebarFields = true\n        } else {\n          acc.mainFields.push(field)\n          acc.sidebarFields.push(null)\n        }\n        return acc\n      },\n      {\n        hasSidebarFields: false,\n        mainFields: [] as ClientField[],\n        sidebarFields: [] as ClientField[],\n      },\n    )\n  }, [fields])\n\n  return (\n    <div\n      className={[\n        baseClass,\n        hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,\n        forceSidebarWrap && `${baseClass}--force-sidebar-wrap`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__main`}>\n        <Gutter className={`${baseClass}__edit`}>\n          {isTrashed && <TrashBanner />}\n          {BeforeFields}\n          <RenderFields\n            className={`${baseClass}__fields`}\n            fields={mainFields}\n            forceRender\n            parentIndexPath=\"\"\n            parentPath=\"\"\n            parentSchemaPath={schemaPathSegments.join('.')}\n            permissions={docPermissions?.fields}\n            readOnly={readOnly}\n          />\n          {AfterFields}\n        </Gutter>\n      </div>\n      {hasSidebarFields ? (\n        <div className={`${baseClass}__sidebar-wrap`}>\n          <div className={`${baseClass}__sidebar`}>\n            <div className={`${baseClass}__sidebar-fields`}>\n              <RenderFields\n                fields={sidebarFields}\n                forceRender\n                parentIndexPath=\"\"\n                parentPath=\"\"\n                parentSchemaPath={schemaPathSegments.join('.')}\n                permissions={docPermissions?.fields}\n                readOnly={readOnly}\n              />\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["fieldIsSidebar","React","useMemo","RenderFields","Gutter","TrashBanner","baseClass","DocumentFields","AfterFields","BeforeFields","docPermissions","fields","forceSidebarWrap","isTrashed","readOnly","schemaPathSegments","hasSidebarFields","mainFields","sidebarFields","reduce","acc","field","push","div","className","filter","Boolean","join","forceRender","parentIndexPath","parentPath","parentSchemaPath","permissions"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,OAAO,QAAQ,QAAO;AAEtC,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,WAAW,QAAQ,0BAAyB;AACrD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAclB,OAAO,MAAMC,iBAAiC,CAAC,EAC7CC,WAAW,EACXC,YAAY,EACZC,cAAc,EACdC,MAAM,EACNC,gBAAgB,EAChBC,YAAY,KAAK,EACjBC,QAAQ,EACRC,kBAAkB,EACnB;IACC,MAAM,EAAEC,gBAAgB,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGhB,QAAQ;QAC9D,OAAOS,OAAOQ,MAAM,CAClB,CAACC,KAAKC;YACJ,IAAIrB,eAAeqB,QAAQ;gBACzBD,IAAIF,aAAa,CAACI,IAAI,CAACD;gBACvBD,IAAIH,UAAU,CAACK,IAAI,CAAC;gBACpBF,IAAIJ,gBAAgB,GAAG;YACzB,OAAO;gBACLI,IAAIH,UAAU,CAACK,IAAI,CAACD;gBACpBD,IAAIF,aAAa,CAACI,IAAI,CAAC;YACzB;YACA,OAAOF;QACT,GACA;YACEJ,kBAAkB;YAClBC,YAAY,EAAE;YACdC,eAAe,EAAE;QACnB;IAEJ,GAAG;QAACP;KAAO;IAEX,qBACE,QAACY;QACCC,WAAW;YACTlB;YACAU,mBAAmB,GAAGV,UAAU,aAAa,CAAC,GAAG,GAAGA,UAAU,YAAY,CAAC;YAC3EM,oBAAoB,GAAGN,UAAU,oBAAoB,CAAC;SACvD,CACEmB,MAAM,CAACC,SACPC,IAAI,CAAC;;0BAER,QAACJ;gBAAIC,WAAW,GAAGlB,UAAU,MAAM,CAAC;0BAClC,cAAA,QAACF;oBAAOoB,WAAW,GAAGlB,UAAU,MAAM,CAAC;;wBACpCO,2BAAa,QAACR;;;;;wBACdI;sCACD,QAACN;4BACCqB,WAAW,GAAGlB,UAAU,QAAQ,CAAC;4BACjCK,QAAQM;4BACRW,WAAW;4BACXC,iBAAgB;4BAChBC,YAAW;4BACXC,kBAAkBhB,mBAAmBY,IAAI,CAAC;4BAC1CK,aAAatB,gBAAgBC;4BAC7BG,UAAUA;;;;;;wBAEXN;;;;;;;;;;;;YAGJQ,iCACC,QAACO;gBAAIC,WAAW,GAAGlB,UAAU,cAAc,CAAC;0BAC1C,cAAA,QAACiB;oBAAIC,WAAW,GAAGlB,UAAU,SAAS,CAAC;8BACrC,cAAA,QAACiB;wBAAIC,WAAW,GAAGlB,UAAU,gBAAgB,CAAC;kCAC5C,cAAA,QAACH;4BACCQ,QAAQO;4BACRU,WAAW;4BACXC,iBAAgB;4BAChBC,YAAW;4BACXC,kBAAkBhB,mBAAmBY,IAAI,CAAC;4BAC1CK,aAAatB,gBAAgBC;4BAC7BG,UAAUA;;;;;;;;;;;;;;;;;;;;uBAKhB;;;;;;;AAGV,EAAC"}

package/dist/elements/DocumentLocked/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { useEffect } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { useEffect } from 'react';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -38,46 +39,130 @@ export const DocumentLocked = ({ handleGoBack, isActive, onReadOnly, onTakeOver,
         openModal,
         closeModal
     ]);
-    return <Modal className={baseClass} // Fixes https://github.com/payloadcms/payload/issues/13778
-    closeOnBlur={false} onClose={()=>{
-        startRouteTransition(()=>handleGoBack());
-    }} slug={modalSlug}>
-      <div className={`${baseClass}__wrapper`}>
-        <div className={`${baseClass}__content`}>
-          <h1>{t('general:documentLocked')}</h1>
-          <p>
-            <strong>
-              {isClientUserObject(user) ? user.email ?? user.id : `${t('general:user')}: ${user}`}
-            </strong>{' '}
-            {t('general:currentlyEditing')}
-          </p>
-          <p>
-            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>
-          </p>
-        </div>
-        <div className={`${baseClass}__controls`}>
-          <Button buttonStyle="secondary" id={`${modalSlug}-go-back`} onClick={()=>{
-        closeModal(modalSlug);
-        startRouteTransition(()=>handleGoBack());
-    }} size="large">
-            {t('general:goBack')}
-          </Button>
-          <Button buttonStyle="secondary" id={`${modalSlug}-view-read-only`} onClick={()=>{
-        onReadOnly();
-        closeModal(modalSlug);
-        clearRouteCache();
-    }} size="large">
-            {t('general:viewReadOnly')}
-          </Button>
-          <Button buttonStyle="primary" id={`${modalSlug}-take-over`} onClick={()=>{
-        onTakeOver();
-        closeModal(modalSlug);
-    }} size="large">
-            {t('general:takeOver')}
-          </Button>
-        </div>
-      </div>
-    </Modal>;
+    return /*#__PURE__*/ _jsxDEV(Modal, {
+        className: baseClass,
+        // Fixes https://github.com/payloadcms/payload/issues/13778
+        closeOnBlur: false,
+        onClose: ()=>{
+            startRouteTransition(()=>handleGoBack());
+        },
+        slug: modalSlug,
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__wrapper`,
+            children: [
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__content`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV("h1", {
+                            children: t('general:documentLocked')
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 65,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("p", {
+                            children: [
+                                /*#__PURE__*/ _jsxDEV("strong", {
+                                    children: isClientUserObject(user) ? user.email ?? user.id : `${t('general:user')}: ${user}`
+                                }, void 0, false, {
+                                    fileName: "src/elements/DocumentLocked/index.tsx",
+                                    lineNumber: 67,
+                                    columnNumber: 13
+                                }, this),
+                                ' ',
+                                t('general:currentlyEditing')
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 66,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("p", {
+                            children: [
+                                t('general:editedSince'),
+                                " ",
+                                /*#__PURE__*/ _jsxDEV("strong", {
+                                    children: formatDate(updatedAt)
+                                }, void 0, false, {
+                                    fileName: "src/elements/DocumentLocked/index.tsx",
+                                    lineNumber: 73,
+                                    columnNumber: 40
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 72,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/DocumentLocked/index.tsx",
+                    lineNumber: 64,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__controls`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV(Button, {
+                            buttonStyle: "secondary",
+                            id: `${modalSlug}-go-back`,
+                            onClick: ()=>{
+                                closeModal(modalSlug);
+                                startRouteTransition(()=>handleGoBack());
+                            },
+                            size: "large",
+                            children: t('general:goBack')
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 77,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(Button, {
+                            buttonStyle: "secondary",
+                            id: `${modalSlug}-view-read-only`,
+                            onClick: ()=>{
+                                onReadOnly();
+                                closeModal(modalSlug);
+                                clearRouteCache();
+                            },
+                            size: "large",
+                            children: t('general:viewReadOnly')
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 88,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(Button, {
+                            buttonStyle: "primary",
+                            id: `${modalSlug}-take-over`,
+                            onClick: ()=>{
+                                onTakeOver();
+                                closeModal(modalSlug);
+                            },
+                            size: "large",
+                            children: t('general:takeOver')
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 100,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/DocumentLocked/index.tsx",
+                    lineNumber: 76,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/DocumentLocked/index.tsx",
+            lineNumber: 63,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/DocumentLocked/index.tsx",
+        lineNumber: 54,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\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(new Date(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 | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {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={() => {\n              closeModal(modalSlug)\n              startRouteTransition(() => handleGoBack())\n            }}\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              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","className","closeOnBlur","onClose","slug","div","h1","p","strong","email","id","buttonStyle","onClick","size"],"mappings":"AAAA;AAGA,SAAgBA,SAAS,QAAQ,QAAO;AAExC,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,oBAAmB;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,MAAMC,aAAa,CAACC;IAClB,IAAI,CAACA,MAAM;QACT,OAAO;IACT;IACA,OAAO,IAAIC,KAAKC,cAAc,CAAC,SAAS;QACtCC,KAAK;QACLC,MAAM;QACNC,QAAQ;QACRC,QAAQ;QACRC,OAAO;QACPC,MAAM;IACR,GAAGC,MAAM,CAAC,IAAIC,KAAKV;AACrB;AAEA,OAAO,MAAMW,iBAOR,CAAC,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,IAAI,EAAE;IACvE,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGvB;IAClC,MAAM,EAAEwB,CAAC,EAAE,GAAG5B;IACd,MAAM,EAAE6B,eAAe,EAAE,GAAG/B;IAC5B,MAAM,EAAEgC,oBAAoB,EAAE,GAAG/B;IAEjCF,UAAU;QACR,IAAIwB,UAAU;YACZM,UAAUtB;QACZ,OAAO;YACLqB,WAAWrB;QACb;IACF,GAAG;QAACgB;QAAUM;QAAWD;KAAW;IAEpC,QACGvB,MACC4B,WAAWzB,WACX,2DAA2D;IAC3D0B,aAAa,OACbC,SAAS;QACPH,qBAAqB,IAAMV;IAC7B,GACAc,MAAM7B,WACP;MACC,CAAC8B,IAAIJ,WAAW,GAAGzB,UAAU,SAAS,CAAC,EAAE;QACvC,CAAC6B,IAAIJ,WAAW,GAAGzB,UAAU,SAAS,CAAC,EAAE;UACvC,CAAC8B,IAAIR,EAAE,4BAA4BQ,GAAG;UACtC,CAACC,EAAE;YACD,CAACC,OAAO;cACN,CAACrC,mBAAmBwB,QAASA,KAAKc,KAAK,IAAId,KAAKe,EAAE,GAAI,GAAGZ,EAAE,gBAAgB,EAAE,EAAEH,MAAM,CAAC;YACxF,EAAEa,QAAQ,IAAI;YACd,CAACV,EAAE,4BAA4B;UACjC,EAAES,EAAE;UACJ,CAACA,EAAE;YACD,CAACT,EAAE,uBAAuB,CAAC,CAACU,QAAQ/B,WAAWiB,aAAac,OAAO;UACrE,EAAED,EAAE;QACN,EAAEF,IAAI;QACN,CAACA,IAAIJ,WAAW,GAAGzB,UAAU,UAAU,CAAC,EAAE;UACxC,CAACJ,OACCuC,YAAY,YACZD,IAAI,GAAGnC,UAAU,QAAQ,CAAC,EAC1BqC,SAAS;QACPhB,WAAWrB;QACXyB,qBAAqB,IAAMV;IAC7B,GACAuB,KAAK,QACN;YACC,CAACf,EAAE,kBAAkB;UACvB,EAAE1B,OAAO;UACT,CAACA,OACCuC,YAAY,YACZD,IAAI,GAAGnC,UAAU,eAAe,CAAC,EACjCqC,SAAS;QACPpB;QACAI,WAAWrB;QACXwB;IACF,GACAc,KAAK,QACN;YACC,CAACf,EAAE,wBAAwB;UAC7B,EAAE1B,OAAO;UACT,CAACA,OACCuC,YAAY,UACZD,IAAI,GAAGnC,UAAU,UAAU,CAAC,EAC5BqC,SAAS;QACPnB;QACAG,WAAWrB;IACb,GACAsC,KAAK,QACN;YACC,CAACf,EAAE,oBAAoB;UACzB,EAAE1B,OAAO;QACX,EAAEiC,IAAI;MACR,EAAEA,IAAI;IACR,EAAEhC;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\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(new Date(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 | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {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={() => {\n              closeModal(modalSlug)\n              startRouteTransition(() => handleGoBack())\n            }}\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              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","Date","DocumentLocked","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","className","closeOnBlur","onClose","slug","div","h1","p","strong","email","id","buttonStyle","onClick","size"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,oBAAmB;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,MAAMC,aAAa,CAACC;IAClB,IAAI,CAACA,MAAM;QACT,OAAO;IACT;IACA,OAAO,IAAIC,KAAKC,cAAc,CAAC,SAAS;QACtCC,KAAK;QACLC,MAAM;QACNC,QAAQ;QACRC,QAAQ;QACRC,OAAO;QACPC,MAAM;IACR,GAAGC,MAAM,CAAC,IAAIC,KAAKV;AACrB;AAEA,OAAO,MAAMW,iBAOR,CAAC,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,IAAI,EAAE;IACvE,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGvB;IAClC,MAAM,EAAEwB,CAAC,EAAE,GAAG5B;IACd,MAAM,EAAE6B,eAAe,EAAE,GAAG/B;IAC5B,MAAM,EAAEgC,oBAAoB,EAAE,GAAG/B;IAEjCF,UAAU;QACR,IAAIwB,UAAU;YACZM,UAAUtB;QACZ,OAAO;YACLqB,WAAWrB;QACb;IACF,GAAG;QAACgB;QAAUM;QAAWD;KAAW;IAEpC,qBACE,QAACvB;QACC4B,WAAWzB;QACX,2DAA2D;QAC3D0B,aAAa;QACbC,SAAS;YACPH,qBAAqB,IAAMV;QAC7B;QACAc,MAAM7B;kBAEN,cAAA,QAAC8B;YAAIJ,WAAW,GAAGzB,UAAU,SAAS,CAAC;;8BACrC,QAAC6B;oBAAIJ,WAAW,GAAGzB,UAAU,SAAS,CAAC;;sCACrC,QAAC8B;sCAAIR,EAAE;;;;;;sCACP,QAACS;;8CACC,QAACC;8CACErC,mBAAmBwB,QAASA,KAAKc,KAAK,IAAId,KAAKe,EAAE,GAAI,GAAGZ,EAAE,gBAAgB,EAAE,EAAEH,MAAM;;;;;;gCAC7E;gCACTG,EAAE;;;;;;;sCAEL,QAACS;;gCACET,EAAE;gCAAuB;8CAAC,QAACU;8CAAQ/B,WAAWiB;;;;;;;;;;;;;;;;;;8BAGnD,QAACW;oBAAIJ,WAAW,GAAGzB,UAAU,UAAU,CAAC;;sCACtC,QAACJ;4BACCuC,aAAY;4BACZD,IAAI,GAAGnC,UAAU,QAAQ,CAAC;4BAC1BqC,SAAS;gCACPhB,WAAWrB;gCACXyB,qBAAqB,IAAMV;4BAC7B;4BACAuB,MAAK;sCAEJf,EAAE;;;;;;sCAEL,QAAC1B;4BACCuC,aAAY;4BACZD,IAAI,GAAGnC,UAAU,eAAe,CAAC;4BACjCqC,SAAS;gCACPpB;gCACAI,WAAWrB;gCACXwB;4BACF;4BACAc,MAAK;sCAEJf,EAAE;;;;;;sCAEL,QAAC1B;4BACCuC,aAAY;4BACZD,IAAI,GAAGnC,UAAU,UAAU,CAAC;4BAC5BqC,SAAS;gCACPnB;gCACAG,WAAWrB;4BACb;4BACAsC,MAAK;sCAEJf,EAAE;;;;;;;;;;;;;;;;;;;;;;;AAMf,EAAC"}

package/dist/elements/DocumentTakeOver/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { useEffect } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { useEffect } from 'react';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -24,29 +25,85 @@ export const DocumentTakeOver = ({ handleBackToDashboard, isActive, onReadOnly }
         openModal,
         closeModal
     ]);
-    return <Modal className={baseClass} // // Fixes https://github.com/payloadcms/payload/issues/13778
-    closeOnBlur={false} slug={modalSlug}>
-      <div className={`${baseClass}__wrapper`}>
-        <div className={`${baseClass}__content`}>
-          <h1>{t('general:editingTakenOver')}</h1>
-          <p>{t('general:anotherUserTakenOver')}</p>
-        </div>
-        <div className={`${baseClass}__controls`}>
-          <Button buttonStyle="primary" id={`${modalSlug}-back-to-dashboard`} onClick={()=>{
-        startRouteTransition(()=>handleBackToDashboard());
-    }} size="large">
-            {t('general:backToDashboard')}
-          </Button>
-          <Button buttonStyle="secondary" id={`${modalSlug}-view-read-only`} onClick={()=>{
-        onReadOnly();
-        closeModal(modalSlug);
-        clearRouteCache();
-    }} size="large">
-            {t('general:viewReadOnly')}
-          </Button>
-        </div>
-      </div>
-    </Modal>;
+    return /*#__PURE__*/ _jsxDEV(Modal, {
+        className: baseClass,
+        // // Fixes https://github.com/payloadcms/payload/issues/13778
+        closeOnBlur: false,
+        slug: modalSlug,
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__wrapper`,
+            children: [
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__content`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV("h1", {
+                            children: t('general:editingTakenOver')
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentTakeOver/index.tsx",
+                            lineNumber: 42,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("p", {
+                            children: t('general:anotherUserTakenOver')
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentTakeOver/index.tsx",
+                            lineNumber: 43,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/DocumentTakeOver/index.tsx",
+                    lineNumber: 41,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
+                    className: `${baseClass}__controls`,
+                    children: [
+                        /*#__PURE__*/ _jsxDEV(Button, {
+                            buttonStyle: "primary",
+                            id: `${modalSlug}-back-to-dashboard`,
+                            onClick: ()=>{
+                                startRouteTransition(()=>handleBackToDashboard());
+                            },
+                            size: "large",
+                            children: t('general:backToDashboard')
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentTakeOver/index.tsx",
+                            lineNumber: 46,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(Button, {
+                            buttonStyle: "secondary",
+                            id: `${modalSlug}-view-read-only`,
+                            onClick: ()=>{
+                                onReadOnly();
+                                closeModal(modalSlug);
+                                clearRouteCache();
+                            },
+                            size: "large",
+                            children: t('general:viewReadOnly')
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentTakeOver/index.tsx",
+                            lineNumber: 56,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "src/elements/DocumentTakeOver/index.tsx",
+                    lineNumber: 45,
+                    columnNumber: 9
+                }, this)
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/DocumentTakeOver/index.tsx",
+            lineNumber: 40,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/DocumentTakeOver/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\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  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n    >\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={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\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              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["useEffect","useRouteCache","useRouteTransition","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","className","closeOnBlur","slug","div","h1","p","buttonStyle","id","onClick","size"],"mappings":"AAAA;AACA,SAAgBA,SAAS,QAAQ,QAAO;AAExC,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,oBAAmB;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAIR,CAAC,EAAEC,qBAAqB,EAAEC,QAAQ,EAAEC,UAAU,EAAE;IACnD,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGR;IAClC,MAAM,EAAES,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,oBAAoB,EAAE,GAAGd;IACjC,MAAM,EAAEe,eAAe,EAAE,GAAGhB;IAE5BD,UAAU;QACR,IAAIW,UAAU;YACZG,UAAUP;QACZ,OAAO;YACLM,WAAWN;QACb;IACF,GAAG;QAACI;QAAUG;QAAWD;KAAW;IAEpC,QACGR,MACCa,WAAWV,WACX,8DAA8D;IAC9DW,aAAa,OACbC,MAAMb,WACP;MACC,CAACc,IAAIH,WAAW,GAAGV,UAAU,SAAS,CAAC,EAAE;QACvC,CAACa,IAAIH,WAAW,GAAGV,UAAU,SAAS,CAAC,EAAE;UACvC,CAACc,IAAIP,EAAE,8BAA8BO,GAAG;UACxC,CAACC,GAAGR,EAAE,kCAAkCQ,EAAE;QAC5C,EAAEF,IAAI;QACN,CAACA,IAAIH,WAAW,GAAGV,UAAU,UAAU,CAAC,EAAE;UACxC,CAACJ,OACCoB,YAAY,UACZC,IAAI,GAAGlB,UAAU,kBAAkB,CAAC,EACpCmB,SAAS;QACPV,qBAAqB,IAAMN;IAC7B,GACAiB,KAAK,QACN;YACC,CAACZ,EAAE,2BAA2B;UAChC,EAAEX,OAAO;UACT,CAACA,OACCoB,YAAY,YACZC,IAAI,GAAGlB,UAAU,eAAe,CAAC,EACjCmB,SAAS;QACPd;QACAC,WAAWN;QACXU;IACF,GACAU,KAAK,QACN;YACC,CAACZ,EAAE,wBAAwB;UAC7B,EAAEX,OAAO;QACX,EAAEiB,IAAI;MACR,EAAEA,IAAI;IACR,EAAEhB;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\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  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n    >\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={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\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              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["React","useEffect","useRouteCache","useRouteTransition","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","className","closeOnBlur","slug","div","h1","p","buttonStyle","id","onClick","size"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,aAAa,QAAQ,sCAAqC;AACnE,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,oBAAmB;AACnD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAIR,CAAC,EAAEC,qBAAqB,EAAEC,QAAQ,EAAEC,UAAU,EAAE;IACnD,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGR;IAClC,MAAM,EAAES,CAAC,EAAE,GAAGZ;IACd,MAAM,EAAEa,oBAAoB,EAAE,GAAGd;IACjC,MAAM,EAAEe,eAAe,EAAE,GAAGhB;IAE5BD,UAAU;QACR,IAAIW,UAAU;YACZG,UAAUP;QACZ,OAAO;YACLM,WAAWN;QACb;IACF,GAAG;QAACI;QAAUG;QAAWD;KAAW;IAEpC,qBACE,QAACR;QACCa,WAAWV;QACX,8DAA8D;QAC9DW,aAAa;QACbC,MAAMb;kBAEN,cAAA,QAACc;YAAIH,WAAW,GAAGV,UAAU,SAAS,CAAC;;8BACrC,QAACa;oBAAIH,WAAW,GAAGV,UAAU,SAAS,CAAC;;sCACrC,QAACc;sCAAIP,EAAE;;;;;;sCACP,QAACQ;sCAAGR,EAAE;;;;;;;;;;;;8BAER,QAACM;oBAAIH,WAAW,GAAGV,UAAU,UAAU,CAAC;;sCACtC,QAACJ;4BACCoB,aAAY;4BACZC,IAAI,GAAGlB,UAAU,kBAAkB,CAAC;4BACpCmB,SAAS;gCACPV,qBAAqB,IAAMN;4BAC7B;4BACAiB,MAAK;sCAEJZ,EAAE;;;;;;sCAEL,QAACX;4BACCoB,aAAY;4BACZC,IAAI,GAAGlB,UAAU,eAAe,CAAC;4BACjCmB,SAAS;gCACPd;gCACAC,WAAWN;gCACXU;4BACF;4BACAU,MAAK;sCAEJZ,EAAE;;;;;;;;;;;;;;;;;;;;;;;AAMf,EAAC"}

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { Fragment } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { Fragment } from 'react';
 import { useDraggableSortable } from '../useDraggableSortable/index.js';
 export const DraggableSortableItem = (props)=>{
     const { id, children, disabled } = props;
@@ -7,21 +8,25 @@ export const DraggableSortableItem = (props)=>{
         id,
         disabled
     });
-    return <Fragment>
-      {children({
-        attributes: {
-            ...attributes,
-            style: {
-                cursor: isDragging ? 'grabbing' : 'grab'
-            }
-        },
-        isDragging,
-        listeners,
-        setNodeRef,
-        transform,
-        transition
-    })}
-    </Fragment>;
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
+        children: children({
+            attributes: {
+                ...attributes,
+                style: {
+                    cursor: isDragging ? 'grabbing' : 'grab'
+                }
+            },
+            isDragging,
+            listeners,
+            setNodeRef,
+            transform,
+            transition
+        })
+    }, void 0, false, {
+        fileName: "src/elements/DraggableSortable/DraggableSortableItem/index.tsx",
+        lineNumber: 24,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/DraggableSortable/DraggableSortableItem/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n  {\n    children: ChildFunction\n  } & UseDraggableArguments\n> = (props) => {\n  const { id, children, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } =\n    useDraggableSortable({\n      id,\n      disabled,\n    })\n\n  return (\n    <Fragment>\n      {children({\n        attributes: {\n          ...attributes,\n          style: {\n            cursor: isDragging ? 'grabbing' : 'grab',\n          },\n        },\n        isDragging,\n        listeners,\n        setNodeRef,\n        transform,\n        transition,\n      })}\n    </Fragment>\n  )\n}\n"],"names":["Fragment","useDraggableSortable","DraggableSortableItem","props","id","children","disabled","attributes","isDragging","listeners","setNodeRef","transform","transition","style","cursor"],"mappings":"AAAA;AAGA,SAAgBA,QAAQ,QAAQ,QAAO;AAIvC,SAASC,oBAAoB,QAAQ,mCAAkC;AAEvE,OAAO,MAAMC,wBAIT,CAACC;IACH,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEnC,MAAM,EAAEI,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAC5EX,qBAAqB;QACnBG;QACAE;IACF;IAEF,QACGN,SAAS;MACR,CAACK,SAAS;QACRE,YAAY;YACV,GAAGA,UAAU;YACbM,OAAO;gBACLC,QAAQN,aAAa,aAAa;YACpC;QACF;QACAA;QACAC;QACAC;QACAC;QACAC;IACF,GAAG;IACL,EAAEZ;AAEN,EAAC"}
+{"version":3,"sources":["../../../../src/elements/DraggableSortable/DraggableSortableItem/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport React, { Fragment } from 'react'\n\nimport type { ChildFunction } from './types.js'\n\nimport { useDraggableSortable } from '../useDraggableSortable/index.js'\n\nexport const DraggableSortableItem: React.FC<\n  {\n    children: ChildFunction\n  } & UseDraggableArguments\n> = (props) => {\n  const { id, children, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } =\n    useDraggableSortable({\n      id,\n      disabled,\n    })\n\n  return (\n    <Fragment>\n      {children({\n        attributes: {\n          ...attributes,\n          style: {\n            cursor: isDragging ? 'grabbing' : 'grab',\n          },\n        },\n        isDragging,\n        listeners,\n        setNodeRef,\n        transform,\n        transition,\n      })}\n    </Fragment>\n  )\n}\n"],"names":["React","Fragment","useDraggableSortable","DraggableSortableItem","props","id","children","disabled","attributes","isDragging","listeners","setNodeRef","transform","transition","style","cursor"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,oBAAoB,QAAQ,mCAAkC;AAEvE,OAAO,MAAMC,wBAIT,CAACC;IACH,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEnC,MAAM,EAAEI,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAC5EX,qBAAqB;QACnBG;QACAE;IACF;IAEF,qBACE,QAACN;kBACEK,SAAS;YACRE,YAAY;gBACV,GAAGA,UAAU;gBACbM,OAAO;oBACLC,QAAQN,aAAa,aAAa;gBACpC;YACF;YACAA;YACAC;YACAC;YACAC;YACAC;QACF;;;;;;AAGN,EAAC"}

package/dist/elements/DraggableSortable/index.js

@@ -1,7 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useDroppable, useSensor, useSensors } from '@dnd-kit/core';
 import { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
-import { useCallback, useId } from 'react';
+import React, { useCallback, useId } from 'react';
 export const DraggableSortable = (props)=>{
     const { children, className, ids, onDragEnd, onDragStart } = props;
     const id = useId();
@@ -46,13 +47,33 @@ export const DraggableSortable = (props)=>{
     }, [
         onDragStart
     ]);
-    return <DndContext collisionDetection={closestCenter} id={id} onDragEnd={handleDragEnd} onDragStart={handleDragStart} sensors={sensors}>
-      <SortableContext items={ids}>
-        <div className={className} ref={setNodeRef}>
-          {children}
-        </div>
-      </SortableContext>
-    </DndContext>;
+    return /*#__PURE__*/ _jsxDEV(DndContext, {
+        collisionDetection: closestCenter,
+        id: id,
+        onDragEnd: handleDragEnd,
+        onDragStart: handleDragStart,
+        sensors: sensors,
+        children: /*#__PURE__*/ _jsxDEV(SortableContext, {
+            items: ids,
+            children: /*#__PURE__*/ _jsxDEV("div", {
+                className: className,
+                ref: setNodeRef,
+                children: children
+            }, void 0, false, {
+                fileName: "src/elements/DraggableSortable/index.tsx",
+                lineNumber: 85,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/elements/DraggableSortable/index.tsx",
+            lineNumber: 84,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/DraggableSortable/index.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map