@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

package/dist/elements/DocumentFields/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldIsSidebar } from 'payload/shared';
 import React, { useMemo } from 'react';
 import { RenderFields } from '../../forms/RenderFields/index.js';
@@ -27,21 +27,25 @@ export const DocumentFields = ({ AfterFields, BeforeFields, docPermissions, fiel
     }, [
         fields
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             hasSidebarFields ? `${baseClass}--has-sidebar` : `${baseClass}--no-sidebar`,
             forceSidebarWrap && `${baseClass}--force-sidebar-wrap`
         ].filter(Boolean).join(' '),
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__main`,
-                children: /*#__PURE__*/ _jsxs(Gutter, {
+                children: /*#__PURE__*/ _jsxDEV(Gutter, {
                     className: `${baseClass}__edit`,
                     children: [
-                        isTrashed && /*#__PURE__*/ _jsx(TrashBanner, {}),
+                        isTrashed && /*#__PURE__*/ _jsxDEV(TrashBanner, {}, void 0, false, {
+                            fileName: "src/elements/DocumentFields/index.tsx",
+                            lineNumber: 69,
+                            columnNumber: 25
+                        }, this),
                         BeforeFields,
-                        /*#__PURE__*/ _jsx(RenderFields, {
+                        /*#__PURE__*/ _jsxDEV(RenderFields, {
                             className: `${baseClass}__fields`,
                             fields: mainFields,
                             forceRender: true,
@@ -50,18 +54,30 @@ export const DocumentFields = ({ AfterFields, BeforeFields, docPermissions, fiel
                             parentSchemaPath: schemaPathSegments.join('.'),
                             permissions: docPermissions?.fields,
                             readOnly: readOnly
-                        }),
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentFields/index.tsx",
+                            lineNumber: 71,
+                            columnNumber: 11
+                        }, this),
                         AfterFields
                     ]
-                })
-            }),
-            hasSidebarFields ? /*#__PURE__*/ _jsx("div", {
+                }, 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__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__sidebar`,
-                    children: /*#__PURE__*/ _jsx("div", {
+                    children: /*#__PURE__*/ _jsxDEV("div", {
                         className: `${baseClass}__sidebar-fields`,
-                        children: /*#__PURE__*/ _jsx(RenderFields, {
+                        children: /*#__PURE__*/ _jsxDEV(RenderFields, {
                             fields: sidebarFields,
                             forceRender: true,
                             parentIndexPath: "",
@@ -69,12 +85,32 @@ export const DocumentFields = ({ AfterFields, BeforeFields, docPermissions, fiel
                             parentSchemaPath: schemaPathSegments.join('.'),
                             permissions: docPermissions?.fields,
                             readOnly: readOnly
-                        })
-                    })
-                })
-            }) : null
+                        }, 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","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,MAACY;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,KAACJ;gBAAIC,WAAW,GAAGlB,UAAU,MAAM,CAAC;0BAClC,cAAA,MAACF;oBAAOoB,WAAW,GAAGlB,UAAU,MAAM,CAAC;;wBACpCO,2BAAa,KAACR;wBACdI;sCACD,KAACN;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,KAACO;gBAAIC,WAAW,GAAGlB,UAAU,cAAc,CAAC;0BAC1C,cAAA,KAACiB;oBAAIC,WAAW,GAAGlB,UAAU,SAAS,CAAC;8BACrC,cAAA,KAACiB;wBAAIC,WAAW,GAAGlB,UAAU,gBAAgB,CAAC;kCAC5C,cAAA,KAACH;4BACCQ,QAAQO;4BACRU,WAAW;4BACXC,iBAAgB;4BAChBC,YAAW;4BACXC,kBAAkBhB,mBAAmBY,IAAI,CAAC;4BAC1CK,aAAatB,gBAAgBC;4BAC7BG,UAAUA;;;;iBAKhB;;;AAGV,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,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -39,7 +39,7 @@ export const DocumentLocked = ({ handleGoBack, isActive, onReadOnly, onTakeOver,
         openModal,
         closeModal
     ]);
-    return /*#__PURE__*/ _jsx(Modal, {
+    return /*#__PURE__*/ _jsxDEV(Modal, {
         className: baseClass,
         // Fixes https://github.com/payloadcms/payload/issues/13778
         closeOnBlur: false,
@@ -47,39 +47,63 @@ export const DocumentLocked = ({ handleGoBack, isActive, onReadOnly, onTakeOver,
             startRouteTransition(()=>handleGoBack());
         },
         slug: modalSlug,
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__wrapper`,
             children: [
-                /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__content`,
                     children: [
-                        /*#__PURE__*/ _jsx("h1", {
+                        /*#__PURE__*/ _jsxDEV("h1", {
                             children: t('general:documentLocked')
-                        }),
-                        /*#__PURE__*/ _jsxs("p", {
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 65,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("p", {
                             children: [
-                                /*#__PURE__*/ _jsx("strong", {
+                                /*#__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')
                             ]
-                        }),
-                        /*#__PURE__*/ _jsxs("p", {
+                        }, void 0, true, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 66,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV("p", {
                             children: [
                                 t('general:editedSince'),
                                 " ",
-                                /*#__PURE__*/ _jsx("strong", {
+                                /*#__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)
                     ]
-                }),
-                /*#__PURE__*/ _jsxs("div", {
+                }, void 0, true, {
+                    fileName: "src/elements/DocumentLocked/index.tsx",
+                    lineNumber: 64,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__controls`,
                     children: [
-                        /*#__PURE__*/ _jsx(Button, {
+                        /*#__PURE__*/ _jsxDEV(Button, {
                             buttonStyle: "secondary",
                             id: `${modalSlug}-go-back`,
                             onClick: ()=>{
@@ -88,8 +112,12 @@ export const DocumentLocked = ({ handleGoBack, isActive, onReadOnly, onTakeOver,
                             },
                             size: "large",
                             children: t('general:goBack')
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
+                        }, 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: ()=>{
@@ -99,8 +127,12 @@ export const DocumentLocked = ({ handleGoBack, isActive, onReadOnly, onTakeOver,
                             },
                             size: "large",
                             children: t('general:viewReadOnly')
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentLocked/index.tsx",
+                            lineNumber: 88,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ _jsxDEV(Button, {
                             buttonStyle: "primary",
                             id: `${modalSlug}-take-over`,
                             onClick: ()=>{
@@ -109,12 +141,28 @@ export const DocumentLocked = ({ handleGoBack, isActive, onReadOnly, onTakeOver,
                             },
                             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":["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,KAACvB;QACC4B,WAAWzB;QACX,2DAA2D;QAC3D0B,aAAa;QACbC,SAAS;YACPH,qBAAqB,IAAMV;QAC7B;QACAc,MAAM7B;kBAEN,cAAA,MAAC8B;YAAIJ,WAAW,GAAGzB,UAAU,SAAS,CAAC;;8BACrC,MAAC6B;oBAAIJ,WAAW,GAAGzB,UAAU,SAAS,CAAC;;sCACrC,KAAC8B;sCAAIR,EAAE;;sCACP,MAACS;;8CACC,KAACC;8CACErC,mBAAmBwB,QAASA,KAAKc,KAAK,IAAId,KAAKe,EAAE,GAAI,GAAGZ,EAAE,gBAAgB,EAAE,EAAEH,MAAM;;gCAC7E;gCACTG,EAAE;;;sCAEL,MAACS;;gCACET,EAAE;gCAAuB;8CAAC,KAACU;8CAAQ/B,WAAWiB;;;;;;8BAGnD,MAACW;oBAAIJ,WAAW,GAAGzB,UAAU,UAAU,CAAC;;sCACtC,KAACJ;4BACCuC,aAAY;4BACZD,IAAI,GAAGnC,UAAU,QAAQ,CAAC;4BAC1BqC,SAAS;gCACPhB,WAAWrB;gCACXyB,qBAAqB,IAAMV;4BAC7B;4BACAuB,MAAK;sCAEJf,EAAE;;sCAEL,KAAC1B;4BACCuC,aAAY;4BACZD,IAAI,GAAGnC,UAAU,eAAe,CAAC;4BACjCqC,SAAS;gCACPpB;gCACAI,WAAWrB;gCACXwB;4BACF;4BACAc,MAAK;sCAEJf,EAAE;;sCAEL,KAAC1B;4BACCuC,aAAY;4BACZD,IAAI,GAAGnC,UAAU,UAAU,CAAC;4BAC5BqC,SAAS;gCACPnB;gCACAG,WAAWrB;4BACb;4BACAsC,MAAK;sCAEJf,EAAE;;;;;;;AAMf,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,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -25,29 +25,41 @@ export const DocumentTakeOver = ({ handleBackToDashboard, isActive, onReadOnly }
         openModal,
         closeModal
     ]);
-    return /*#__PURE__*/ _jsx(Modal, {
+    return /*#__PURE__*/ _jsxDEV(Modal, {
         className: baseClass,
         // // Fixes https://github.com/payloadcms/payload/issues/13778
         closeOnBlur: false,
         slug: modalSlug,
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ _jsxDEV("div", {
             className: `${baseClass}__wrapper`,
             children: [
-                /*#__PURE__*/ _jsxs("div", {
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__content`,
                     children: [
-                        /*#__PURE__*/ _jsx("h1", {
+                        /*#__PURE__*/ _jsxDEV("h1", {
                             children: t('general:editingTakenOver')
-                        }),
-                        /*#__PURE__*/ _jsx("p", {
+                        }, 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)
                     ]
-                }),
-                /*#__PURE__*/ _jsxs("div", {
+                }, void 0, true, {
+                    fileName: "src/elements/DocumentTakeOver/index.tsx",
+                    lineNumber: 41,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ _jsxDEV("div", {
                     className: `${baseClass}__controls`,
                     children: [
-                        /*#__PURE__*/ _jsx(Button, {
+                        /*#__PURE__*/ _jsxDEV(Button, {
                             buttonStyle: "primary",
                             id: `${modalSlug}-back-to-dashboard`,
                             onClick: ()=>{
@@ -55,8 +67,12 @@ export const DocumentTakeOver = ({ handleBackToDashboard, isActive, onReadOnly }
                             },
                             size: "large",
                             children: t('general:backToDashboard')
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
+                        }, 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: ()=>{
@@ -66,12 +82,28 @@ export const DocumentTakeOver = ({ handleBackToDashboard, isActive, onReadOnly }
                             },
                             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":["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,KAACR;QACCa,WAAWV;QACX,8DAA8D;QAC9DW,aAAa;QACbC,MAAMb;kBAEN,cAAA,MAACc;YAAIH,WAAW,GAAGV,UAAU,SAAS,CAAC;;8BACrC,MAACa;oBAAIH,WAAW,GAAGV,UAAU,SAAS,CAAC;;sCACrC,KAACc;sCAAIP,EAAE;;sCACP,KAACQ;sCAAGR,EAAE;;;;8BAER,MAACM;oBAAIH,WAAW,GAAGV,UAAU,UAAU,CAAC;;sCACtC,KAACJ;4BACCoB,aAAY;4BACZC,IAAI,GAAGlB,UAAU,kBAAkB,CAAC;4BACpCmB,SAAS;gCACPV,qBAAqB,IAAMN;4BAC7B;4BACAiB,MAAK;sCAEJZ,EAAE;;sCAEL,KAACX;4BACCoB,aAAY;4BACZC,IAAI,GAAGlB,UAAU,eAAe,CAAC;4BACjCmB,SAAS;gCACPd;gCACAC,WAAWN;gCACXU;4BACF;4BACAU,MAAK;sCAEJZ,EAAE;;;;;;;AAMf,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,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { Fragment } from 'react';
 import { useDraggableSortable } from '../useDraggableSortable/index.js';
 export const DraggableSortableItem = (props)=>{
@@ -8,7 +8,7 @@ export const DraggableSortableItem = (props)=>{
         id,
         disabled
     });
-    return /*#__PURE__*/ _jsx(Fragment, {
+    return /*#__PURE__*/ _jsxDEV(Fragment, {
         children: children({
             attributes: {
                 ...attributes,
@@ -22,7 +22,11 @@ export const DraggableSortableItem = (props)=>{
             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":["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,KAACN;kBACEK,SAAS;YACRE,YAAY;gBACV,GAAGA,UAAU;gBACbM,OAAO;oBACLC,QAAQN,aAAa,aAAa;gBACpC;YACF;YACAA;YACAC;YACAC;YACAC;YACAC;QACF;;AAGN,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,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+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 React, { useCallback, useId } from 'react';
@@ -47,21 +47,33 @@ export const DraggableSortable = (props)=>{
     }, [
         onDragStart
     ]);
-    return /*#__PURE__*/ _jsx(DndContext, {
+    return /*#__PURE__*/ _jsxDEV(DndContext, {
         collisionDetection: closestCenter,
         id: id,
         onDragEnd: handleDragEnd,
         onDragStart: handleDragStart,
         sensors: sensors,
-        children: /*#__PURE__*/ _jsx(SortableContext, {
+        children: /*#__PURE__*/ _jsxDEV(SortableContext, {
             items: ids,
-            children: /*#__PURE__*/ _jsx("div", {
+            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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useId } from 'react'\n\nimport type { Props } from './types.js'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd, onDragStart } = props\n\n  const id = useId()\n\n  const { setNodeRef } = useDroppable({\n    id,\n  })\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext items={ids}>\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"names":["closestCenter","DndContext","KeyboardSensor","PointerSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useId","DraggableSortable","props","children","className","ids","onDragEnd","onDragStart","id","setNodeRef","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","handleDragStart","collisionDetection","items","div","ref"],"mappings":"AAAA;;AAGA,SACEA,aAAa,EACbC,UAAU,EACVC,cAAc,EACdC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,eAAe,EAAEC,2BAA2B,QAAQ,oBAAmB;AAChF,OAAOC,SAASC,WAAW,EAAEC,KAAK,QAAQ,QAAO;AAMjD,OAAO,MAAMC,oBAAqC,CAACC;IACjD,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,GAAG,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGL;IAE7D,MAAMM,KAAKR;IAEX,MAAM,EAAES,UAAU,EAAE,GAAGhB,aAAa;QAClCe;IACF;IAEA,MAAME,UAAUf,WACdD,UAAUF,eAAe;QACvBmB,sBAAsB;YACpBC,UAAU;QACZ;IACF,IACAlB,UAAUH,gBAAgB;QACxBsB,kBAAkBhB;IACpB;IAGF,MAAMiB,gBAAgBf,YACpB,CAACgB;QACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;QAEzBA,MAAMG,cAAc,CAACC,eAAe;QAEpC,IAAI,CAACH,UAAU,CAACC,MAAM;YACpB;QACF;QAEA,IAAI,OAAOX,cAAc,YAAY;YACnCA,UAAU;gBACRS;gBACAK,eAAef,IAAIgB,SAAS,CAAC,CAACC,MAAQA,QAAQN,OAAOR,EAAE;gBACvDe,aAAalB,IAAIgB,SAAS,CAAC,CAACC,MAAQA,QAAQL,KAAKT,EAAE;YACrD;QACF;IACF,GACA;QAACF;QAAWD;KAAI;IAGlB,MAAMmB,kBAAkBzB,YACtB,CAACgB;QACC,MAAM,EAAEC,MAAM,EAAE,GAAGD;QAEnB,IAAI,CAACC,QAAQ;YACX;QACF;QAEA,IAAI,OAAOT,gBAAgB,YAAY;YACrCA,YAAY;gBAAEC,IAAIQ,OAAOR,EAAE;gBAAEO;YAAM;QACrC;IACF,GACA;QAACR;KAAY;IAGf,qBACE,KAACjB;QACCmC,oBAAoBpC;QACpBmB,IAAIA;QACJF,WAAWQ;QACXP,aAAaiB;QACbd,SAASA;kBAET,cAAA,KAACd;YAAgB8B,OAAOrB;sBACtB,cAAA,KAACsB;gBAAIvB,WAAWA;gBAAWwB,KAAKnB;0BAC7BN;;;;AAKX,EAAC"}
+{"version":3,"sources":["../../../src/elements/DraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/core'\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core'\nimport { SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable'\nimport React, { useCallback, useId } from 'react'\n\nimport type { Props } from './types.js'\n\nexport { Props }\n\nexport const DraggableSortable: React.FC<Props> = (props) => {\n  const { children, className, ids, onDragEnd, onDragStart } = props\n\n  const id = useId()\n\n  const { setNodeRef } = useDroppable({\n    id,\n  })\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  )\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event\n\n      event.activatorEvent.stopPropagation()\n\n      if (!active || !over) {\n        return\n      }\n\n      if (typeof onDragEnd === 'function') {\n        onDragEnd({\n          event,\n          moveFromIndex: ids.findIndex((_id) => _id === active.id),\n          moveToIndex: ids.findIndex((_id) => _id === over.id),\n        })\n      }\n    },\n    [onDragEnd, ids],\n  )\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const { active } = event\n\n      if (!active) {\n        return\n      }\n\n      if (typeof onDragStart === 'function') {\n        onDragStart({ id: active.id, event })\n      }\n    },\n    [onDragStart],\n  )\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      sensors={sensors}\n    >\n      <SortableContext items={ids}>\n        <div className={className} ref={setNodeRef}>\n          {children}\n        </div>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"names":["closestCenter","DndContext","KeyboardSensor","PointerSensor","useDroppable","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","React","useCallback","useId","DraggableSortable","props","children","className","ids","onDragEnd","onDragStart","id","setNodeRef","sensors","activationConstraint","distance","coordinateGetter","handleDragEnd","event","active","over","activatorEvent","stopPropagation","moveFromIndex","findIndex","_id","moveToIndex","handleDragStart","collisionDetection","items","div","ref"],"mappings":"AAAA;;AAGA,SACEA,aAAa,EACbC,UAAU,EACVC,cAAc,EACdC,aAAa,EACbC,YAAY,EACZC,SAAS,EACTC,UAAU,QACL,gBAAe;AACtB,SAASC,eAAe,EAAEC,2BAA2B,QAAQ,oBAAmB;AAChF,OAAOC,SAASC,WAAW,EAAEC,KAAK,QAAQ,QAAO;AAMjD,OAAO,MAAMC,oBAAqC,CAACC;IACjD,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,GAAG,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAGL;IAE7D,MAAMM,KAAKR;IAEX,MAAM,EAAES,UAAU,EAAE,GAAGhB,aAAa;QAClCe;IACF;IAEA,MAAME,UAAUf,WACdD,UAAUF,eAAe;QACvBmB,sBAAsB;YACpBC,UAAU;QACZ;IACF,IACAlB,UAAUH,gBAAgB;QACxBsB,kBAAkBhB;IACpB;IAGF,MAAMiB,gBAAgBf,YACpB,CAACgB;QACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGF;QAEzBA,MAAMG,cAAc,CAACC,eAAe;QAEpC,IAAI,CAACH,UAAU,CAACC,MAAM;YACpB;QACF;QAEA,IAAI,OAAOX,cAAc,YAAY;YACnCA,UAAU;gBACRS;gBACAK,eAAef,IAAIgB,SAAS,CAAC,CAACC,MAAQA,QAAQN,OAAOR,EAAE;gBACvDe,aAAalB,IAAIgB,SAAS,CAAC,CAACC,MAAQA,QAAQL,KAAKT,EAAE;YACrD;QACF;IACF,GACA;QAACF;QAAWD;KAAI;IAGlB,MAAMmB,kBAAkBzB,YACtB,CAACgB;QACC,MAAM,EAAEC,MAAM,EAAE,GAAGD;QAEnB,IAAI,CAACC,QAAQ;YACX;QACF;QAEA,IAAI,OAAOT,gBAAgB,YAAY;YACrCA,YAAY;gBAAEC,IAAIQ,OAAOR,EAAE;gBAAEO;YAAM;QACrC;IACF,GACA;QAACR;KAAY;IAGf,qBACE,QAACjB;QACCmC,oBAAoBpC;QACpBmB,IAAIA;QACJF,WAAWQ;QACXP,aAAaiB;QACbd,SAASA;kBAET,cAAA,QAACd;YAAgB8B,OAAOrB;sBACtB,cAAA,QAACsB;gBAAIvB,WAAWA;gBAAWwB,KAAKnB;0BAC7BN;;;;;;;;;;;;;;;;AAKX,EAAC"}

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

@@ -22,6 +22,7 @@ export const useDraggableSortable = (props)=>{
         listeners,
         setNodeRef,
         transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`,
+        // translate3d is faster than translate in most browsers
         transition
     };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport { useSortable } from '@dnd-kit/sortable'\n\nimport type { UseDraggableSortableReturn } from './types.js'\n\nexport const useDraggableSortable = (props: UseDraggableArguments): UseDraggableSortableReturn => {\n  const { id, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useSortable({\n    id,\n    disabled,\n    transition: {\n      duration: 250,\n      easing: 'cubic-bezier(0, 0.2, 0.2, 1)',\n    },\n  })\n\n  return {\n    attributes: {\n      ...attributes,\n      style: {\n        cursor: isDragging ? 'grabbing' : 'grab',\n        transition,\n      },\n    },\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n    transition,\n  }\n}\n"],"names":["useSortable","useDraggableSortable","props","id","disabled","attributes","isDragging","listeners","setNodeRef","transform","transition","duration","easing","style","cursor","x","y"],"mappings":"AAAA;AAGA,SAASA,WAAW,QAAQ,oBAAmB;AAI/C,OAAO,MAAMC,uBAAuB,CAACC;IACnC,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAE,GAAGF;IAEzB,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGV,YAAY;QAC3FG;QACAC;QACAM,YAAY;YACVC,UAAU;YACVC,QAAQ;QACV;IACF;IAEA,OAAO;QACLP,YAAY;YACV,GAAGA,UAAU;YACbQ,OAAO;gBACLC,QAAQR,aAAa,aAAa;gBAClCI;YACF;QACF;QACAJ;QACAC;QACAC;QACAC,WAAWA,aAAa,CAAC,YAAY,EAAEA,UAAUM,CAAC,CAAC,IAAI,EAAEN,UAAUO,CAAC,CAAC,MAAM,CAAC;QAC5EN;IACF;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/elements/DraggableSortable/useDraggableSortable/index.tsx"],"sourcesContent":["'use client'\nimport type { UseDraggableArguments } from '@dnd-kit/core'\n\nimport { useSortable } from '@dnd-kit/sortable'\n\nimport type { UseDraggableSortableReturn } from './types.js'\n\nexport const useDraggableSortable = (props: UseDraggableArguments): UseDraggableSortableReturn => {\n  const { id, disabled } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useSortable({\n    id,\n    disabled,\n    transition: {\n      duration: 250,\n      easing: 'cubic-bezier(0, 0.2, 0.2, 1)',\n    },\n  })\n\n  return {\n    attributes: {\n      ...attributes,\n      style: {\n        cursor: isDragging ? 'grabbing' : 'grab',\n        transition,\n      },\n    },\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`, // translate3d is faster than translate in most browsers\n    transition,\n  }\n}\n"],"names":["useSortable","useDraggableSortable","props","id","disabled","attributes","isDragging","listeners","setNodeRef","transform","transition","duration","easing","style","cursor","x","y"],"mappings":"AAAA;AAGA,SAASA,WAAW,QAAQ,oBAAmB;AAI/C,OAAO,MAAMC,uBAAuB,CAACC;IACnC,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAE,GAAGF;IAEzB,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGV,YAAY;QAC3FG;QACAC;QACAM,YAAY;YACVC,UAAU;YACVC,QAAQ;QACV;IACF;IAEA,OAAO;QACLP,YAAY;YACV,GAAGA,UAAU;YACbQ,OAAO;gBACLC,QAAQR,aAAa,aAAa;gBAClCI;YACF;QACF;QACAJ;QACAC;QACAC;QACAC,WAAWA,aAAa,CAAC,YAAY,EAAEA,UAAUM,CAAC,CAAC,IAAI,EAAEN,UAAUO,CAAC,CAAC,MAAM,CAAC;QAAE,wDAAwD;QACtIN;IACF;AACF,EAAC"}