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

package/dist/elements/Hamburger/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 from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { CloseMenuIcon } from '../../icons/CloseMenu/index.js';
@@ -10,28 +10,52 @@ const baseClass = 'hamburger';
 export const Hamburger = (props)=>{
     const { t } = useTranslation();
     const { closeIcon = 'x', isActive = false } = props;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            !isActive && /*#__PURE__*/ _jsx("div", {
+            !isActive && /*#__PURE__*/ _jsxDEV("div", {
                 "aria-label": t('general:open'),
                 className: `${baseClass}__open-icon`,
                 title: t('general:open'),
-                children: /*#__PURE__*/ _jsx(MenuIcon, {})
-            }),
-            isActive && /*#__PURE__*/ _jsxs("div", {
+                children: /*#__PURE__*/ _jsxDEV(MenuIcon, {}, void 0, false, {
+                    fileName: "src/elements/Hamburger/index.tsx",
+                    lineNumber: 27,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Hamburger/index.tsx",
+                lineNumber: 22,
+                columnNumber: 9
+            }, this),
+            isActive && /*#__PURE__*/ _jsxDEV("div", {
                 "aria-label": closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
                 className: `${baseClass}__close-icon`,
                 title: closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
                 children: [
-                    closeIcon === 'x' && /*#__PURE__*/ _jsx(CloseMenuIcon, {}),
-                    closeIcon === 'collapse' && /*#__PURE__*/ _jsx(ChevronIcon, {
+                    closeIcon === 'x' && /*#__PURE__*/ _jsxDEV(CloseMenuIcon, {}, void 0, false, {
+                        fileName: "src/elements/Hamburger/index.tsx",
+                        lineNumber: 36,
+                        columnNumber: 33
+                    }, this),
+                    closeIcon === 'collapse' && /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                         direction: "left"
-                    })
+                    }, void 0, false, {
+                        fileName: "src/elements/Hamburger/index.tsx",
+                        lineNumber: 37,
+                        columnNumber: 40
+                    }, this)
                 ]
-            })
+            }, void 0, true, {
+                fileName: "src/elements/Hamburger/index.tsx",
+                lineNumber: 31,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/Hamburger/index.tsx",
+        lineNumber: 20,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Hamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CloseMenuIcon } from '../../icons/CloseMenu/index.js'\nimport { MenuIcon } from '../../icons/Menu/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'hamburger'\n\nexport const Hamburger: React.FC<{\n  readonly closeIcon?: 'collapse' | 'x'\n  readonly isActive?: boolean\n}> = (props) => {\n  const { t } = useTranslation()\n  const { closeIcon = 'x', isActive = false } = props\n\n  return (\n    <div className={baseClass}>\n      {!isActive && (\n        <div\n          aria-label={t('general:open')}\n          className={`${baseClass}__open-icon`}\n          title={t('general:open')}\n        >\n          <MenuIcon />\n        </div>\n      )}\n      {isActive && (\n        <div\n          aria-label={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n          className={`${baseClass}__close-icon`}\n          title={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n        >\n          {closeIcon === 'x' && <CloseMenuIcon />}\n          {closeIcon === 'collapse' && <ChevronIcon direction=\"left\" />}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","ChevronIcon","CloseMenuIcon","MenuIcon","useTranslation","baseClass","Hamburger","props","t","closeIcon","isActive","div","className","aria-label","title","direction"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAGR,CAACC;IACJ,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,YAAY,GAAG,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAE9C,qBACE,MAACI;QAAIC,WAAWP;;YACb,CAACK,0BACA,KAACC;gBACCE,cAAYL,EAAE;gBACdI,WAAW,GAAGP,UAAU,WAAW,CAAC;gBACpCS,OAAON,EAAE;0BAET,cAAA,KAACL;;YAGJO,0BACC,MAACC;gBACCE,cAAYJ,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;gBACjEI,WAAW,GAAGP,UAAU,YAAY,CAAC;gBACrCS,OAAOL,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;;oBAE3DC,cAAc,qBAAO,KAACP;oBACtBO,cAAc,4BAAc,KAACR;wBAAYc,WAAU;;;;;;AAK9D,EAAC"}
+{"version":3,"sources":["../../../src/elements/Hamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CloseMenuIcon } from '../../icons/CloseMenu/index.js'\nimport { MenuIcon } from '../../icons/Menu/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'hamburger'\n\nexport const Hamburger: React.FC<{\n  readonly closeIcon?: 'collapse' | 'x'\n  readonly isActive?: boolean\n}> = (props) => {\n  const { t } = useTranslation()\n  const { closeIcon = 'x', isActive = false } = props\n\n  return (\n    <div className={baseClass}>\n      {!isActive && (\n        <div\n          aria-label={t('general:open')}\n          className={`${baseClass}__open-icon`}\n          title={t('general:open')}\n        >\n          <MenuIcon />\n        </div>\n      )}\n      {isActive && (\n        <div\n          aria-label={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n          className={`${baseClass}__close-icon`}\n          title={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n        >\n          {closeIcon === 'x' && <CloseMenuIcon />}\n          {closeIcon === 'collapse' && <ChevronIcon direction=\"left\" />}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","ChevronIcon","CloseMenuIcon","MenuIcon","useTranslation","baseClass","Hamburger","props","t","closeIcon","isActive","div","className","aria-label","title","direction"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAGR,CAACC;IACJ,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,YAAY,GAAG,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAE9C,qBACE,QAACI;QAAIC,WAAWP;;YACb,CAACK,0BACA,QAACC;gBACCE,cAAYL,EAAE;gBACdI,WAAW,GAAGP,UAAU,WAAW,CAAC;gBACpCS,OAAON,EAAE;0BAET,cAAA,QAACL;;;;;;;;;;YAGJO,0BACC,QAACC;gBACCE,cAAYJ,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;gBACjEI,WAAW,GAAGP,UAAU,YAAY,CAAC;gBACrCS,OAAOL,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;;oBAE3DC,cAAc,qBAAO,QAACP;;;;;oBACtBO,cAAc,4BAAc,QAACR;wBAAYc,WAAU;;;;;;;;;;;;;;;;;;AAK9D,EAAC"}

package/dist/elements/HydrateAuthProvider/index.js

@@ -1,7 +1,12 @@
 'use client';
 import { useEffect } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
-export function HydrateAuthProvider({ permissions }) {
+/**
+ * The Auth Provider wraps the entire app
+ * but each page has specific permissions
+ *
+ * i.e. access control on documents/fields on a document
+ */ export function HydrateAuthProvider({ permissions }) {
     const { setPermissions } = useAuth();
     useEffect(()=>{
         setPermissions(permissions);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedPermissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: SanitizedPermissions\n}\n\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"names":["useEffect","useAuth","HydrateAuthProvider","permissions","setPermissions"],"mappings":"AAAA;AAIA,SAASA,SAAS,QAAQ,QAAO;AAEjC,SAASC,OAAO,QAAQ,gCAA+B;AAavD,OAAO,SAASC,oBAAoB,EAAEC,WAAW,EAAS;IACxD,MAAM,EAAEC,cAAc,EAAE,GAAGH;IAE3BD,UAAU;QACRI,eAAeD;IACjB,GAAG;QAACA;QAAaC;KAAe;IAEhC,OAAO;AACT"}
+{"version":3,"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedPermissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: SanitizedPermissions\n}\n\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"names":["useEffect","useAuth","HydrateAuthProvider","permissions","setPermissions"],"mappings":"AAAA;AAIA,SAASA,SAAS,QAAQ,QAAO;AAEjC,SAASC,OAAO,QAAQ,gCAA+B;AAEvD;;;;;CAKC,GAMD,OAAO,SAASC,oBAAoB,EAAEC,WAAW,EAAS;IACxD,MAAM,EAAEC,cAAc,EAAE,GAAGH;IAE3BD,UAAU;QACRI,eAAeD;IACjB,GAAG;QAACA;QAAaC;KAAe;IAEhC,OAAO;AACT"}

package/dist/elements/IDLabel/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 from 'react';
 import './index.scss';
 import { Link } from '../../elements/Link/index.js';
@@ -17,7 +17,7 @@ export const IDLabel = ({ id, className, prefix = 'ID:' })=>{
         adminRoute,
         path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`
     });
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: [
             baseClass,
             className
@@ -26,12 +26,20 @@ export const IDLabel = ({ id, className, prefix = 'ID:' })=>{
         children: [
             prefix,
             " ",
-            drawerDepth > 1 ? /*#__PURE__*/ _jsx(Link, {
+            drawerDepth > 1 ? /*#__PURE__*/ _jsxDEV(Link, {
                 href: docPath,
                 children: sanitizeID(id)
-            }) : sanitizeID(id)
+            }, void 0, false, {
+                fileName: "src/elements/IDLabel/index.tsx",
+                lineNumber: 37,
+                columnNumber: 26
+            }, this) : sanitizeID(id)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/IDLabel/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { sanitizeID } from '../../utilities/sanitizeID.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const drawerDepth = useDrawerDepth()\n\n  const docPath = formatAdminURL({\n    adminRoute,\n    path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n  })\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n      {prefix}\n      &nbsp;\n      {drawerDepth > 1 ? <Link href={docPath}>{sanitizeID(id)}</Link> : sanitizeID(id)}\n    </div>\n  )\n}\n"],"names":["React","Link","useConfig","useDocumentInfo","formatAdminURL","sanitizeID","useDrawerDepth","baseClass","IDLabel","id","className","prefix","config","routes","admin","adminRoute","collectionSlug","globalSlug","drawerDepth","docPath","path","div","filter","Boolean","join","title","href"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,UAAU,QAAQ,gCAA+B;AAC1D,SAASC,cAAc,QAAQ,qBAAoB;AAEnD,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAyE,CAAC,EACrFC,EAAE,EACFC,SAAS,EACTC,SAAS,KAAK,EACf;IACC,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,EACF,GAAGb;IAEJ,MAAM,EAAEc,cAAc,EAAEC,UAAU,EAAE,GAAGd;IACvC,MAAMe,cAAcZ;IAEpB,MAAMa,UAAUf,eAAe;QAC7BW;QACAK,MAAM,CAAC,CAAC,EAAEJ,iBAAiB,CAAC,YAAY,EAAEA,gBAAgB,GAAG,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAER,IAAI;IAC9F;IAEA,qBACE,MAACY;QAAIX,WAAW;YAACH;YAAWG;SAAU,CAACY,MAAM,CAACC,SAASC,IAAI,CAAC;QAAMC,OAAOhB;;YACtEE;YAAO;YAEPO,cAAc,kBAAI,KAACjB;gBAAKyB,MAAMP;0BAAUd,WAAWI;iBAAcJ,WAAWI;;;AAGnF,EAAC"}
+{"version":3,"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { sanitizeID } from '../../utilities/sanitizeID.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const drawerDepth = useDrawerDepth()\n\n  const docPath = formatAdminURL({\n    adminRoute,\n    path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n  })\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n      {prefix}\n      &nbsp;\n      {drawerDepth > 1 ? <Link href={docPath}>{sanitizeID(id)}</Link> : sanitizeID(id)}\n    </div>\n  )\n}\n"],"names":["React","Link","useConfig","useDocumentInfo","formatAdminURL","sanitizeID","useDrawerDepth","baseClass","IDLabel","id","className","prefix","config","routes","admin","adminRoute","collectionSlug","globalSlug","drawerDepth","docPath","path","div","filter","Boolean","join","title","href"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,UAAU,QAAQ,gCAA+B;AAC1D,SAASC,cAAc,QAAQ,qBAAoB;AAEnD,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAyE,CAAC,EACrFC,EAAE,EACFC,SAAS,EACTC,SAAS,KAAK,EACf;IACC,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,EACF,GAAGb;IAEJ,MAAM,EAAEc,cAAc,EAAEC,UAAU,EAAE,GAAGd;IACvC,MAAMe,cAAcZ;IAEpB,MAAMa,UAAUf,eAAe;QAC7BW;QACAK,MAAM,CAAC,CAAC,EAAEJ,iBAAiB,CAAC,YAAY,EAAEA,gBAAgB,GAAG,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAER,IAAI;IAC9F;IAEA,qBACE,QAACY;QAAIX,WAAW;YAACH;YAAWG;SAAU,CAACY,MAAM,CAACC,SAASC,IAAI,CAAC;QAAMC,OAAOhB;;YACtEE;YAAO;YAEPO,cAAc,kBAAI,QAACjB;gBAAKyB,MAAMP;0BAAUd,WAAWI;;;;;uBAAcJ,WAAWI;;;;;;;AAGnF,EAAC"}

package/dist/elements/LeaveWithoutSaving/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, { useCallback } from 'react';
 import { useForm, useFormModified } from '../../forms/Form/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
@@ -57,15 +57,19 @@ export const LeaveWithoutSaving = ({ disablePreventLeave = false, onConfirm, onP
     }, [
         onConfirm
     ]);
-    return /*#__PURE__*/ _jsx(LeaveWithoutSavingModal, {
+    return /*#__PURE__*/ _jsxDEV(LeaveWithoutSavingModal, {
         modalSlug: modalSlug,
         onCancel: onCancel,
         onConfirm: handleConfirm
-    });
+    }, void 0, false, {
+        fileName: "src/elements/LeaveWithoutSaving/index.tsx",
+        lineNumber: 66,
+        columnNumber: 5
+    }, this);
 };
 export const LeaveWithoutSavingModal = ({ modalSlug, onCancel, onConfirm })=>{
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsx(ConfirmationModal, {
+    return /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
         body: t('general:changesNotSaved'),
         cancelLabel: t('general:stayOnThisPage'),
         confirmLabel: t('general:leaveAnyway'),
@@ -73,7 +77,11 @@ export const LeaveWithoutSavingModal = ({ modalSlug, onCancel, onConfirm })=>{
         modalSlug: modalSlug,
         onCancel: onCancel,
         onConfirm: onConfirm
-    });
+    }, void 0, false, {
+        fileName: "src/elements/LeaveWithoutSaving/index.tsx",
+        lineNumber: 82,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useForm, useFormModified } from '../../forms/Form/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { useModal } from '../Modal/index.js'\nimport { usePreventLeave } from './usePreventLeave.js'\n\ntype LeaveWithoutSavingProps = {\n  disablePreventLeave?: boolean\n  modalSlug?: string\n  onConfirm?: () => Promise<void> | void\n  onPrevent?: (nextHref: null | string) => void\n}\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving'\n\nexport const LeaveWithoutSaving: React.FC<LeaveWithoutSavingProps> = ({\n  disablePreventLeave = false,\n  onConfirm,\n  onPrevent,\n}) => {\n  const modalSlug = leaveWithoutSavingModalSlug\n  const { closeModal, openModal } = useModal()\n  const modified = useFormModified()\n  const { isValid } = useForm()\n  const { user } = useAuth()\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = !disablePreventLeave && Boolean((modified || !isValid) && user)\n\n  const handlePrevent = useCallback(() => {\n    const activeHref = (document.activeElement as HTMLAnchorElement)?.href || null\n    if (onPrevent) {\n      onPrevent(activeHref)\n    }\n    openModal(modalSlug)\n  }, [openModal, onPrevent, modalSlug])\n\n  const handleAccept = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal, modalSlug])\n\n  usePreventLeave({ hasAccepted, onAccept: handleAccept, onPrevent: handlePrevent, prevent })\n\n  const onCancel: OnCancel = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal, modalSlug])\n\n  const handleConfirm = useCallback(async () => {\n    if (onConfirm) {\n      try {\n        await onConfirm()\n      } catch (err) {\n        console.error('Error in LeaveWithoutSaving onConfirm:', err)\n      }\n    }\n    setHasAccepted(true)\n  }, [onConfirm])\n\n  return (\n    <LeaveWithoutSavingModal modalSlug={modalSlug} onCancel={onCancel} onConfirm={handleConfirm} />\n  )\n}\n\nexport const LeaveWithoutSavingModal = ({\n  modalSlug,\n  onCancel,\n  onConfirm,\n}: {\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <ConfirmationModal\n      body={t('general:changesNotSaved')}\n      cancelLabel={t('general:stayOnThisPage')}\n      confirmLabel={t('general:leaveAnyway')}\n      heading={t('general:leaveWithoutSaving')}\n      modalSlug={modalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"names":["React","useCallback","useForm","useFormModified","useAuth","useTranslation","ConfirmationModal","useModal","usePreventLeave","leaveWithoutSavingModalSlug","LeaveWithoutSaving","disablePreventLeave","onConfirm","onPrevent","modalSlug","closeModal","openModal","modified","isValid","user","hasAccepted","setHasAccepted","useState","prevent","Boolean","handlePrevent","activeHref","document","activeElement","href","handleAccept","onAccept","onCancel","handleConfirm","err","console","error","LeaveWithoutSavingModal","t","body","cancelLabel","confirmLabel","heading"],"mappings":"AAAA;;AACA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,EAAEC,eAAe,QAAQ,4BAA2B;AACpE,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,QAAQ,QAAQ,oBAAmB;AAC5C,SAASC,eAAe,QAAQ,uBAAsB;AAStD,MAAMC,8BAA8B;AAEpC,OAAO,MAAMC,qBAAwD,CAAC,EACpEC,sBAAsB,KAAK,EAC3BC,SAAS,EACTC,SAAS,EACV;IACC,MAAMC,YAAYL;IAClB,MAAM,EAAEM,UAAU,EAAEC,SAAS,EAAE,GAAGT;IAClC,MAAMU,WAAWd;IACjB,MAAM,EAAEe,OAAO,EAAE,GAAGhB;IACpB,MAAM,EAAEiB,IAAI,EAAE,GAAGf;IACjB,MAAM,CAACgB,aAAaC,eAAe,GAAGrB,MAAMsB,QAAQ,CAAC;IAErD,MAAMC,UAAU,CAACZ,uBAAuBa,QAAQ,AAACP,CAAAA,YAAY,CAACC,OAAM,KAAMC;IAE1E,MAAMM,gBAAgBxB,YAAY;QAChC,MAAMyB,aAAa,AAACC,SAASC,aAAa,EAAwBC,QAAQ;QAC1E,IAAIhB,WAAW;YACbA,UAAUa;QACZ;QACAV,UAAUF;IACZ,GAAG;QAACE;QAAWH;QAAWC;KAAU;IAEpC,MAAMgB,eAAe7B,YAAY;QAC/Bc,WAAWD;IACb,GAAG;QAACC;QAAYD;KAAU;IAE1BN,gBAAgB;QAAEY;QAAaW,UAAUD;QAAcjB,WAAWY;QAAeF;IAAQ;IAEzF,MAAMS,WAAqB/B,YAAY;QACrCc,WAAWD;IACb,GAAG;QAACC;QAAYD;KAAU;IAE1B,MAAMmB,gBAAgBhC,YAAY;QAChC,IAAIW,WAAW;YACb,IAAI;gBACF,MAAMA;YACR,EAAE,OAAOsB,KAAK;gBACZC,QAAQC,KAAK,CAAC,0CAA0CF;YAC1D;QACF;QACAb,eAAe;IACjB,GAAG;QAACT;KAAU;IAEd,qBACE,KAACyB;QAAwBvB,WAAWA;QAAWkB,UAAUA;QAAUpB,WAAWqB;;AAElF,EAAC;AAED,OAAO,MAAMI,0BAA0B,CAAC,EACtCvB,SAAS,EACTkB,QAAQ,EACRpB,SAAS,EAKV;IACC,MAAM,EAAE0B,CAAC,EAAE,GAAGjC;IAEd,qBACE,KAACC;QACCiC,MAAMD,EAAE;QACRE,aAAaF,EAAE;QACfG,cAAcH,EAAE;QAChBI,SAASJ,EAAE;QACXxB,WAAWA;QACXkB,UAAUA;QACVpB,WAAWA;;AAGjB,EAAC"}
+{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback } from 'react'\n\nimport type { OnCancel } from '../ConfirmationModal/index.js'\n\nimport { useForm, useFormModified } from '../../forms/Form/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { useModal } from '../Modal/index.js'\nimport { usePreventLeave } from './usePreventLeave.js'\n\ntype LeaveWithoutSavingProps = {\n  disablePreventLeave?: boolean\n  modalSlug?: string\n  onConfirm?: () => Promise<void> | void\n  onPrevent?: (nextHref: null | string) => void\n}\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving'\n\nexport const LeaveWithoutSaving: React.FC<LeaveWithoutSavingProps> = ({\n  disablePreventLeave = false,\n  onConfirm,\n  onPrevent,\n}) => {\n  const modalSlug = leaveWithoutSavingModalSlug\n  const { closeModal, openModal } = useModal()\n  const modified = useFormModified()\n  const { isValid } = useForm()\n  const { user } = useAuth()\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = !disablePreventLeave && Boolean((modified || !isValid) && user)\n\n  const handlePrevent = useCallback(() => {\n    const activeHref = (document.activeElement as HTMLAnchorElement)?.href || null\n    if (onPrevent) {\n      onPrevent(activeHref)\n    }\n    openModal(modalSlug)\n  }, [openModal, onPrevent, modalSlug])\n\n  const handleAccept = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal, modalSlug])\n\n  usePreventLeave({ hasAccepted, onAccept: handleAccept, onPrevent: handlePrevent, prevent })\n\n  const onCancel: OnCancel = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal, modalSlug])\n\n  const handleConfirm = useCallback(async () => {\n    if (onConfirm) {\n      try {\n        await onConfirm()\n      } catch (err) {\n        console.error('Error in LeaveWithoutSaving onConfirm:', err)\n      }\n    }\n    setHasAccepted(true)\n  }, [onConfirm])\n\n  return (\n    <LeaveWithoutSavingModal modalSlug={modalSlug} onCancel={onCancel} onConfirm={handleConfirm} />\n  )\n}\n\nexport const LeaveWithoutSavingModal = ({\n  modalSlug,\n  onCancel,\n  onConfirm,\n}: {\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <ConfirmationModal\n      body={t('general:changesNotSaved')}\n      cancelLabel={t('general:stayOnThisPage')}\n      confirmLabel={t('general:leaveAnyway')}\n      heading={t('general:leaveWithoutSaving')}\n      modalSlug={modalSlug}\n      onCancel={onCancel}\n      onConfirm={onConfirm}\n    />\n  )\n}\n"],"names":["React","useCallback","useForm","useFormModified","useAuth","useTranslation","ConfirmationModal","useModal","usePreventLeave","leaveWithoutSavingModalSlug","LeaveWithoutSaving","disablePreventLeave","onConfirm","onPrevent","modalSlug","closeModal","openModal","modified","isValid","user","hasAccepted","setHasAccepted","useState","prevent","Boolean","handlePrevent","activeHref","document","activeElement","href","handleAccept","onAccept","onCancel","handleConfirm","err","console","error","LeaveWithoutSavingModal","t","body","cancelLabel","confirmLabel","heading"],"mappings":"AAAA;;AACA,OAAOA,SAASC,WAAW,QAAQ,QAAO;AAI1C,SAASC,OAAO,EAAEC,eAAe,QAAQ,4BAA2B;AACpE,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,SAASC,QAAQ,QAAQ,oBAAmB;AAC5C,SAASC,eAAe,QAAQ,uBAAsB;AAStD,MAAMC,8BAA8B;AAEpC,OAAO,MAAMC,qBAAwD,CAAC,EACpEC,sBAAsB,KAAK,EAC3BC,SAAS,EACTC,SAAS,EACV;IACC,MAAMC,YAAYL;IAClB,MAAM,EAAEM,UAAU,EAAEC,SAAS,EAAE,GAAGT;IAClC,MAAMU,WAAWd;IACjB,MAAM,EAAEe,OAAO,EAAE,GAAGhB;IACpB,MAAM,EAAEiB,IAAI,EAAE,GAAGf;IACjB,MAAM,CAACgB,aAAaC,eAAe,GAAGrB,MAAMsB,QAAQ,CAAC;IAErD,MAAMC,UAAU,CAACZ,uBAAuBa,QAAQ,AAACP,CAAAA,YAAY,CAACC,OAAM,KAAMC;IAE1E,MAAMM,gBAAgBxB,YAAY;QAChC,MAAMyB,aAAa,AAACC,SAASC,aAAa,EAAwBC,QAAQ;QAC1E,IAAIhB,WAAW;YACbA,UAAUa;QACZ;QACAV,UAAUF;IACZ,GAAG;QAACE;QAAWH;QAAWC;KAAU;IAEpC,MAAMgB,eAAe7B,YAAY;QAC/Bc,WAAWD;IACb,GAAG;QAACC;QAAYD;KAAU;IAE1BN,gBAAgB;QAAEY;QAAaW,UAAUD;QAAcjB,WAAWY;QAAeF;IAAQ;IAEzF,MAAMS,WAAqB/B,YAAY;QACrCc,WAAWD;IACb,GAAG;QAACC;QAAYD;KAAU;IAE1B,MAAMmB,gBAAgBhC,YAAY;QAChC,IAAIW,WAAW;YACb,IAAI;gBACF,MAAMA;YACR,EAAE,OAAOsB,KAAK;gBACZC,QAAQC,KAAK,CAAC,0CAA0CF;YAC1D;QACF;QACAb,eAAe;IACjB,GAAG;QAACT;KAAU;IAEd,qBACE,QAACyB;QAAwBvB,WAAWA;QAAWkB,UAAUA;QAAUpB,WAAWqB;;;;;;AAElF,EAAC;AAED,OAAO,MAAMI,0BAA0B,CAAC,EACtCvB,SAAS,EACTkB,QAAQ,EACRpB,SAAS,EAKV;IACC,MAAM,EAAE0B,CAAC,EAAE,GAAGjC;IAEd,qBACE,QAACC;QACCiC,MAAMD,EAAE;QACRE,aAAaF,EAAE;QACfG,cAAcH,EAAE;QAChBI,SAASJ,EAAE;QACXxB,WAAWA;QACXkB,UAAUA;QACVpB,WAAWA;;;;;;AAGjB,EAAC"}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.js

@@ -42,7 +42,9 @@ export const useBeforeUnload = (enabled = true, message)=>{
         handler
     ]);
 };
-export const usePreventLeave = ({ hasAccepted = false, message = 'Are you sure want to leave this page?', onAccept, onPrevent, prevent = true })=>{
+export const usePreventLeave = ({ hasAccepted = false, message = 'Are you sure want to leave this page?', onAccept, onPrevent, prevent = true })=>// if no `onPrevent` is provided, the message will be displayed in a confirm dialog
+// to use a custom confirmation dialog, provide a function that returns a boolean
+{
     // check when page is about to be reloaded
     useBeforeUnload(prevent, message);
     const { startRouteTransition } = useRouteTransition();

package/dist/elements/LeaveWithoutSaving/usePreventLeave.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"sourcesContent":["'use client'\n// Credit: @Taiki92777\n//    - Source: https://github.com/vercel/next.js/discussions/32231#discussioncomment-7284386\n// Credit: `react-use` maintainers\n//    -  Source: https://github.com/streamich/react-use/blob/ade8d3905f544305515d010737b4ae604cc51024/src/useBeforeUnload.ts#L2\nimport { useRouter } from 'next/navigation.js'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\n\nfunction on<T extends Document | EventTarget | HTMLElement | Window>(\n  obj: null | T,\n  ...args: [string, (() => void) | null, ...any] | Parameters<T['addEventListener']>\n): void {\n  if (obj && obj.addEventListener) {\n    obj.addEventListener(...(args as Parameters<HTMLElement['addEventListener']>))\n  }\n}\n\nfunction off<T extends Document | EventTarget | HTMLElement | Window>(\n  obj: null | T,\n  ...args: [string, (() => void) | null, ...any] | Parameters<T['removeEventListener']>\n): void {\n  if (obj && obj.removeEventListener) {\n    obj.removeEventListener(...(args as Parameters<HTMLElement['removeEventListener']>))\n  }\n}\n\nexport const useBeforeUnload = (enabled: (() => boolean) | boolean = true, message?: string) => {\n  const handler = useCallback(\n    (event: BeforeUnloadEvent) => {\n      const finalEnabled = typeof enabled === 'function' ? enabled() : true\n\n      if (!finalEnabled) {\n        return\n      }\n\n      event.preventDefault()\n\n      if (message) {\n        event.returnValue = message\n      }\n\n      return message\n    },\n    [enabled, message],\n  )\n\n  useEffect(() => {\n    if (!enabled) {\n      return\n    }\n\n    on(window, 'beforeunload', handler)\n\n    return () => off(window, 'beforeunload', handler)\n  }, [enabled, handler])\n}\n\nexport const usePreventLeave = ({\n  hasAccepted = false,\n  message = 'Are you sure want to leave this page?',\n  onAccept,\n  onPrevent,\n  prevent = true,\n}: {\n  hasAccepted: boolean\n  // if no `onPrevent` is provided, the message will be displayed in a confirm dialog\n  message?: string\n  onAccept?: () => void\n  // to use a custom confirmation dialog, provide a function that returns a boolean\n  onPrevent?: () => void\n  prevent: boolean\n}) => {\n  // check when page is about to be reloaded\n  useBeforeUnload(prevent, message)\n  const { startRouteTransition } = useRouteTransition()\n\n  const router = useRouter()\n  const cancelledURL = useRef<string>('')\n\n  // check when page is about to be changed\n  useEffect(() => {\n    function isAnchorOfCurrentUrl(currentUrl: string, newUrl: string) {\n      try {\n        const currentUrlObj = new URL(currentUrl)\n        const newUrlObj = new URL(newUrl)\n        // Compare hostname, pathname, and search parameters\n        if (\n          currentUrlObj.hostname === newUrlObj.hostname &&\n          currentUrlObj.pathname === newUrlObj.pathname &&\n          currentUrlObj.search === newUrlObj.search\n        ) {\n          // Check if the new URL is just an anchor of the current URL page\n          const currentHash = currentUrlObj.hash\n          const newHash = newUrlObj.hash\n          return (\n            currentHash !== newHash &&\n            currentUrlObj.href.replace(currentHash, '') === newUrlObj.href.replace(newHash, '')\n          )\n        }\n      } catch (err) {\n        console.log('Unexpected exception thrown in LeaveWithoutSaving:isAnchorOfCurrentUrl', err)\n      }\n      return false\n    }\n\n    function findClosestAnchor(element: HTMLElement | null): HTMLAnchorElement | null {\n      while (element && element.tagName.toLowerCase() !== 'a') {\n        element = element.parentElement\n      }\n      return element as HTMLAnchorElement\n    }\n\n    function handleClick(event: MouseEvent) {\n      try {\n        const target = event.target as HTMLElement\n        const anchor = findClosestAnchor(target)\n        if (anchor) {\n          const currentUrl = window.location.href\n          const newUrl = anchor.href\n          const isAnchor = isAnchorOfCurrentUrl(currentUrl, newUrl)\n          const isDownloadLink = anchor.download !== ''\n          const isNewTab = anchor.target === '_blank' || event.metaKey || event.ctrlKey\n\n          const isPageLeaving = !(newUrl === currentUrl || isAnchor || isDownloadLink || isNewTab)\n\n          if (isPageLeaving && prevent && (!onPrevent ? !window.confirm(message) : true)) {\n            // Keep a reference of the href\n            cancelledURL.current = newUrl\n\n            // Cancel the route change\n            event.preventDefault()\n            event.stopPropagation()\n\n            if (typeof onPrevent === 'function') {\n              onPrevent()\n            }\n          }\n        }\n      } catch (err) {\n        console.log('Unexpected exception thrown in LeaveWithoutSaving:usePreventLeave', err)\n      }\n    }\n\n    if (prevent) {\n      // Add the global click event listener\n      document.addEventListener('click', handleClick, true)\n    }\n\n    // Clean up the global click event listener when the component is unmounted\n    return () => {\n      document.removeEventListener('click', handleClick, true)\n    }\n  }, [onPrevent, prevent, message])\n\n  useEffect(() => {\n    if (hasAccepted && cancelledURL.current) {\n      if (onAccept) {\n        onAccept()\n      }\n\n      startRouteTransition(() => router.push(cancelledURL.current))\n    }\n  }, [hasAccepted, onAccept, router, startRouteTransition])\n}\n"],"names":["useRouter","useCallback","useEffect","useRef","useRouteTransition","on","obj","args","addEventListener","off","removeEventListener","useBeforeUnload","enabled","message","handler","event","finalEnabled","preventDefault","returnValue","window","usePreventLeave","hasAccepted","onAccept","onPrevent","prevent","startRouteTransition","router","cancelledURL","isAnchorOfCurrentUrl","currentUrl","newUrl","currentUrlObj","URL","newUrlObj","hostname","pathname","search","currentHash","hash","newHash","href","replace","err","console","log","findClosestAnchor","element","tagName","toLowerCase","parentElement","handleClick","target","anchor","location","isAnchor","isDownloadLink","download","isNewTab","metaKey","ctrlKey","isPageLeaving","confirm","current","stopPropagation","document","push"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"sourcesContent":["'use client'\n// Credit: @Taiki92777\n//    - Source: https://github.com/vercel/next.js/discussions/32231#discussioncomment-7284386\n// Credit: `react-use` maintainers\n//    -  Source: https://github.com/streamich/react-use/blob/ade8d3905f544305515d010737b4ae604cc51024/src/useBeforeUnload.ts#L2\nimport { useRouter } from 'next/navigation.js'\nimport { useCallback, useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\n\nfunction on<T extends Document | EventTarget | HTMLElement | Window>(\n  obj: null | T,\n  ...args: [string, (() => void) | null, ...any] | Parameters<T['addEventListener']>\n): void {\n  if (obj && obj.addEventListener) {\n    obj.addEventListener(...(args as Parameters<HTMLElement['addEventListener']>))\n  }\n}\n\nfunction off<T extends Document | EventTarget | HTMLElement | Window>(\n  obj: null | T,\n  ...args: [string, (() => void) | null, ...any] | Parameters<T['removeEventListener']>\n): void {\n  if (obj && obj.removeEventListener) {\n    obj.removeEventListener(...(args as Parameters<HTMLElement['removeEventListener']>))\n  }\n}\n\nexport const useBeforeUnload = (enabled: (() => boolean) | boolean = true, message?: string) => {\n  const handler = useCallback(\n    (event: BeforeUnloadEvent) => {\n      const finalEnabled = typeof enabled === 'function' ? enabled() : true\n\n      if (!finalEnabled) {\n        return\n      }\n\n      event.preventDefault()\n\n      if (message) {\n        event.returnValue = message\n      }\n\n      return message\n    },\n    [enabled, message],\n  )\n\n  useEffect(() => {\n    if (!enabled) {\n      return\n    }\n\n    on(window, 'beforeunload', handler)\n\n    return () => off(window, 'beforeunload', handler)\n  }, [enabled, handler])\n}\n\nexport const usePreventLeave = ({\n  hasAccepted = false,\n  message = 'Are you sure want to leave this page?',\n  onAccept,\n  onPrevent,\n  prevent = true,\n}: {\n  hasAccepted: boolean\n  // if no `onPrevent` is provided, the message will be displayed in a confirm dialog\n  message?: string\n  onAccept?: () => void\n  // to use a custom confirmation dialog, provide a function that returns a boolean\n  onPrevent?: () => void\n  prevent: boolean\n}) => {\n  // check when page is about to be reloaded\n  useBeforeUnload(prevent, message)\n  const { startRouteTransition } = useRouteTransition()\n\n  const router = useRouter()\n  const cancelledURL = useRef<string>('')\n\n  // check when page is about to be changed\n  useEffect(() => {\n    function isAnchorOfCurrentUrl(currentUrl: string, newUrl: string) {\n      try {\n        const currentUrlObj = new URL(currentUrl)\n        const newUrlObj = new URL(newUrl)\n        // Compare hostname, pathname, and search parameters\n        if (\n          currentUrlObj.hostname === newUrlObj.hostname &&\n          currentUrlObj.pathname === newUrlObj.pathname &&\n          currentUrlObj.search === newUrlObj.search\n        ) {\n          // Check if the new URL is just an anchor of the current URL page\n          const currentHash = currentUrlObj.hash\n          const newHash = newUrlObj.hash\n          return (\n            currentHash !== newHash &&\n            currentUrlObj.href.replace(currentHash, '') === newUrlObj.href.replace(newHash, '')\n          )\n        }\n      } catch (err) {\n        console.log('Unexpected exception thrown in LeaveWithoutSaving:isAnchorOfCurrentUrl', err)\n      }\n      return false\n    }\n\n    function findClosestAnchor(element: HTMLElement | null): HTMLAnchorElement | null {\n      while (element && element.tagName.toLowerCase() !== 'a') {\n        element = element.parentElement\n      }\n      return element as HTMLAnchorElement\n    }\n\n    function handleClick(event: MouseEvent) {\n      try {\n        const target = event.target as HTMLElement\n        const anchor = findClosestAnchor(target)\n        if (anchor) {\n          const currentUrl = window.location.href\n          const newUrl = anchor.href\n          const isAnchor = isAnchorOfCurrentUrl(currentUrl, newUrl)\n          const isDownloadLink = anchor.download !== ''\n          const isNewTab = anchor.target === '_blank' || event.metaKey || event.ctrlKey\n\n          const isPageLeaving = !(newUrl === currentUrl || isAnchor || isDownloadLink || isNewTab)\n\n          if (isPageLeaving && prevent && (!onPrevent ? !window.confirm(message) : true)) {\n            // Keep a reference of the href\n            cancelledURL.current = newUrl\n\n            // Cancel the route change\n            event.preventDefault()\n            event.stopPropagation()\n\n            if (typeof onPrevent === 'function') {\n              onPrevent()\n            }\n          }\n        }\n      } catch (err) {\n        console.log('Unexpected exception thrown in LeaveWithoutSaving:usePreventLeave', err)\n      }\n    }\n\n    if (prevent) {\n      // Add the global click event listener\n      document.addEventListener('click', handleClick, true)\n    }\n\n    // Clean up the global click event listener when the component is unmounted\n    return () => {\n      document.removeEventListener('click', handleClick, true)\n    }\n  }, [onPrevent, prevent, message])\n\n  useEffect(() => {\n    if (hasAccepted && cancelledURL.current) {\n      if (onAccept) {\n        onAccept()\n      }\n\n      startRouteTransition(() => router.push(cancelledURL.current))\n    }\n  }, [hasAccepted, onAccept, router, startRouteTransition])\n}\n"],"names":["useRouter","useCallback","useEffect","useRef","useRouteTransition","on","obj","args","addEventListener","off","removeEventListener","useBeforeUnload","enabled","message","handler","event","finalEnabled","preventDefault","returnValue","window","usePreventLeave","hasAccepted","onAccept","onPrevent","prevent","startRouteTransition","router","cancelledURL","isAnchorOfCurrentUrl","currentUrl","newUrl","currentUrlObj","URL","newUrlObj","hostname","pathname","search","currentHash","hash","newHash","href","replace","err","console","log","findClosestAnchor","element","tagName","toLowerCase","parentElement","handleClick","target","anchor","location","isAnchor","isDownloadLink","download","isNewTab","metaKey","ctrlKey","isPageLeaving","confirm","current","stopPropagation","document","push"],"mappings":"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"}

package/dist/elements/Link/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 NextLinkImport from 'next/link.js';
 import { useRouter } from 'next/navigation.js';
 import React from 'react';
@@ -13,10 +13,14 @@ function isModifiedEvent(event) {
     return target && target !== '_self' || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || // triggers resource download
     event.nativeEvent && event.nativeEvent.which === 2;
 }
-export const Link = ({ children, href, onClick, preventDefault = true, ref, replace, scroll, ...rest })=>{
+/**
+   * Disable the e.preventDefault() call on click if you want to handle it yourself via onClick
+   *
+   * @default true
+   */ export const Link = ({ children, href, onClick, preventDefault = true, ref, replace, scroll, ...rest })=>{
     const router = useRouter();
     const { startRouteTransition } = useRouteTransition();
-    return /*#__PURE__*/ _jsx(NextLink, {
+    return /*#__PURE__*/ _jsxDEV(NextLink, {
         href: href,
         onClick: (e)=>{
             if (isModifiedEvent(e)) {
@@ -46,7 +50,11 @@ export const Link = ({ children, href, onClick, preventDefault = true, ref, repl
         ref: ref,
         ...rest,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/Link/index.tsx",
+        lineNumber: 48,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Link/index.tsx"],"sourcesContent":["'use client'\nimport NextLinkImport from 'next/link.js'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { formatUrl } from './formatUrl.js'\n\nconst NextLink = 'default' in NextLinkImport ? NextLinkImport.default : NextLinkImport\n\n// Copied from  https://github.com/vercel/next.js/blob/canary/packages/next/src/client/link.tsx#L180-L191\nfunction isModifiedEvent(event: React.MouseEvent): boolean {\n  const eventTarget = event.currentTarget as HTMLAnchorElement | SVGAElement\n  const target = eventTarget.getAttribute('target')\n  return (\n    (target && target !== '_self') ||\n    event.metaKey ||\n    event.ctrlKey ||\n    event.shiftKey ||\n    event.altKey || // triggers resource download\n    (event.nativeEvent && event.nativeEvent.which === 2)\n  )\n}\n\ntype Props = {\n  /**\n   * Disable the e.preventDefault() call on click if you want to handle it yourself via onClick\n   *\n   * @default true\n   */\n  preventDefault?: boolean\n} & Parameters<typeof NextLink>[0]\n\nexport const Link: React.FC<Props> = ({\n  children,\n  href,\n  onClick,\n  preventDefault = true,\n  ref,\n  replace,\n  scroll,\n  ...rest\n}) => {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  return (\n    <NextLink\n      href={href}\n      onClick={(e) => {\n        if (isModifiedEvent(e)) {\n          return\n        }\n\n        if (onClick) {\n          onClick(e)\n        }\n\n        // We need a preventDefault here so that a clicked link doesn't trigger twice,\n        // once for default browser navigation and once for startRouteTransition\n        if (preventDefault) {\n          e.preventDefault()\n        }\n\n        startRouteTransition(() => {\n          const url = typeof href === 'string' ? href : formatUrl(href)\n\n          if (replace) {\n            void router.replace(url, { scroll })\n          } else {\n            void router.push(url, { scroll })\n          }\n        })\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </NextLink>\n  )\n}\n"],"names":["NextLinkImport","useRouter","React","useRouteTransition","formatUrl","NextLink","default","isModifiedEvent","event","eventTarget","currentTarget","target","getAttribute","metaKey","ctrlKey","shiftKey","altKey","nativeEvent","which","Link","children","href","onClick","preventDefault","ref","replace","scroll","rest","router","startRouteTransition","e","url","push"],"mappings":"AAAA;;AACA,OAAOA,oBAAoB,eAAc;AACzC,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,SAAS,QAAQ,iBAAgB;AAE1C,MAAMC,WAAW,aAAaL,iBAAiBA,eAAeM,OAAO,GAAGN;AAExE,yGAAyG;AACzG,SAASO,gBAAgBC,KAAuB;IAC9C,MAAMC,cAAcD,MAAME,aAAa;IACvC,MAAMC,SAASF,YAAYG,YAAY,CAAC;IACxC,OACE,AAACD,UAAUA,WAAW,WACtBH,MAAMK,OAAO,IACbL,MAAMM,OAAO,IACbN,MAAMO,QAAQ,IACdP,MAAMQ,MAAM,IAAI,6BAA6B;IAC5CR,MAAMS,WAAW,IAAIT,MAAMS,WAAW,CAACC,KAAK,KAAK;AAEtD;AAWA,OAAO,MAAMC,OAAwB,CAAC,EACpCC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,iBAAiB,IAAI,EACrBC,GAAG,EACHC,OAAO,EACPC,MAAM,EACN,GAAGC,MACJ;IACC,MAAMC,SAAS3B;IACf,MAAM,EAAE4B,oBAAoB,EAAE,GAAG1B;IAEjC,qBACE,KAACE;QACCgB,MAAMA;QACNC,SAAS,CAACQ;YACR,IAAIvB,gBAAgBuB,IAAI;gBACtB;YACF;YAEA,IAAIR,SAAS;gBACXA,QAAQQ;YACV;YAEA,8EAA8E;YAC9E,wEAAwE;YACxE,IAAIP,gBAAgB;gBAClBO,EAAEP,cAAc;YAClB;YAEAM,qBAAqB;gBACnB,MAAME,MAAM,OAAOV,SAAS,WAAWA,OAAOjB,UAAUiB;gBAExD,IAAII,SAAS;oBACX,KAAKG,OAAOH,OAAO,CAACM,KAAK;wBAAEL;oBAAO;gBACpC,OAAO;oBACL,KAAKE,OAAOI,IAAI,CAACD,KAAK;wBAAEL;oBAAO;gBACjC;YACF;QACF;QACAF,KAAKA;QACJ,GAAGG,IAAI;kBAEPP;;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/elements/Link/index.tsx"],"sourcesContent":["'use client'\nimport NextLinkImport from 'next/link.js'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { formatUrl } from './formatUrl.js'\n\nconst NextLink = 'default' in NextLinkImport ? NextLinkImport.default : NextLinkImport\n\n// Copied from  https://github.com/vercel/next.js/blob/canary/packages/next/src/client/link.tsx#L180-L191\nfunction isModifiedEvent(event: React.MouseEvent): boolean {\n  const eventTarget = event.currentTarget as HTMLAnchorElement | SVGAElement\n  const target = eventTarget.getAttribute('target')\n  return (\n    (target && target !== '_self') ||\n    event.metaKey ||\n    event.ctrlKey ||\n    event.shiftKey ||\n    event.altKey || // triggers resource download\n    (event.nativeEvent && event.nativeEvent.which === 2)\n  )\n}\n\ntype Props = {\n  /**\n   * Disable the e.preventDefault() call on click if you want to handle it yourself via onClick\n   *\n   * @default true\n   */\n  preventDefault?: boolean\n} & Parameters<typeof NextLink>[0]\n\nexport const Link: React.FC<Props> = ({\n  children,\n  href,\n  onClick,\n  preventDefault = true,\n  ref,\n  replace,\n  scroll,\n  ...rest\n}) => {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  return (\n    <NextLink\n      href={href}\n      onClick={(e) => {\n        if (isModifiedEvent(e)) {\n          return\n        }\n\n        if (onClick) {\n          onClick(e)\n        }\n\n        // We need a preventDefault here so that a clicked link doesn't trigger twice,\n        // once for default browser navigation and once for startRouteTransition\n        if (preventDefault) {\n          e.preventDefault()\n        }\n\n        startRouteTransition(() => {\n          const url = typeof href === 'string' ? href : formatUrl(href)\n\n          if (replace) {\n            void router.replace(url, { scroll })\n          } else {\n            void router.push(url, { scroll })\n          }\n        })\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </NextLink>\n  )\n}\n"],"names":["NextLinkImport","useRouter","React","useRouteTransition","formatUrl","NextLink","default","isModifiedEvent","event","eventTarget","currentTarget","target","getAttribute","metaKey","ctrlKey","shiftKey","altKey","nativeEvent","which","Link","children","href","onClick","preventDefault","ref","replace","scroll","rest","router","startRouteTransition","e","url","push"],"mappings":"AAAA;;AACA,OAAOA,oBAAoB,eAAc;AACzC,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,SAAS,QAAQ,iBAAgB;AAE1C,MAAMC,WAAW,aAAaL,iBAAiBA,eAAeM,OAAO,GAAGN;AAExE,yGAAyG;AACzG,SAASO,gBAAgBC,KAAuB;IAC9C,MAAMC,cAAcD,MAAME,aAAa;IACvC,MAAMC,SAASF,YAAYG,YAAY,CAAC;IACxC,OACE,AAACD,UAAUA,WAAW,WACtBH,MAAMK,OAAO,IACbL,MAAMM,OAAO,IACbN,MAAMO,QAAQ,IACdP,MAAMQ,MAAM,IAAI,6BAA6B;IAC5CR,MAAMS,WAAW,IAAIT,MAAMS,WAAW,CAACC,KAAK,KAAK;AAEtD;AAGE;;;;GAIC,GAIH,OAAO,MAAMC,OAAwB,CAAC,EACpCC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,iBAAiB,IAAI,EACrBC,GAAG,EACHC,OAAO,EACPC,MAAM,EACN,GAAGC,MACJ;IACC,MAAMC,SAAS3B;IACf,MAAM,EAAE4B,oBAAoB,EAAE,GAAG1B;IAEjC,qBACE,QAACE;QACCgB,MAAMA;QACNC,SAAS,CAACQ;YACR,IAAIvB,gBAAgBuB,IAAI;gBACtB;YACF;YAEA,IAAIR,SAAS;gBACXA,QAAQQ;YACV;YAEA,8EAA8E;YAC9E,wEAAwE;YACxE,IAAIP,gBAAgB;gBAClBO,EAAEP,cAAc;YAClB;YAEAM,qBAAqB;gBACnB,MAAME,MAAM,OAAOV,SAAS,WAAWA,OAAOjB,UAAUiB;gBAExD,IAAII,SAAS;oBACX,KAAKG,OAAOH,OAAO,CAACM,KAAK;wBAAEL;oBAAO;gBACpC,OAAO;oBACL,KAAKE,OAAOI,IAAI,CAACD,KAAK;wBAAEL;oBAAO;gBACjC;YACF;QACF;QACAF,KAAKA;QACJ,GAAGG,IAAI;kBAEPP;;;;;;AAGP,EAAC"}

package/dist/elements/ListControls/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 { useWindowInfo } from '@faceless-ui/window-info';
 import { getTranslation } from '@payloadcms/translations';
 import { validateWhereQuery } from 'payload/shared';
@@ -73,63 +73,99 @@ const baseClass = 'list-controls';
         i18n,
         searchLabel
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            collectionConfig?.enableQueryPresets && !disableQueryPresets && /*#__PURE__*/ _jsx(QueryPresetBar, {
+            collectionConfig?.enableQueryPresets && !disableQueryPresets && /*#__PURE__*/ _jsxDEV(QueryPresetBar, {
                 activePreset: activePreset,
                 collectionSlug: collectionSlug,
                 queryPresetPermissions: queryPresetPermissions
-            }),
-            /*#__PURE__*/ _jsx(SearchBar, {
+            }, void 0, false, {
+                fileName: "src/elements/ListControls/index.tsx",
+                lineNumber: 128,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV(SearchBar, {
                 Actions: [
-                    !smallBreak && /*#__PURE__*/ _jsx(React.Fragment, {
+                    !smallBreak && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                         children: beforeActions && beforeActions
-                    }, "before-actions"),
-                    enableColumns && /*#__PURE__*/ _jsx(Pill, {
+                    }, "before-actions", false, {
+                        fileName: "src/elements/ListControls/index.tsx",
+                        lineNumber: 137,
+                        columnNumber: 13
+                    }, void 0),
+                    enableColumns && /*#__PURE__*/ _jsxDEV(Pill, {
                         "aria-controls": `${baseClass}-columns`,
                         "aria-expanded": visibleDrawer === 'columns',
                         className: `${baseClass}__toggle-columns`,
-                        icon: /*#__PURE__*/ _jsx(ChevronIcon, {
+                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                             direction: visibleDrawer === 'columns' ? 'up' : 'down'
-                        }),
+                        }, void 0, false, {
+                            fileName: "src/elements/ListControls/index.tsx",
+                            lineNumber: 144,
+                            columnNumber: 21
+                        }, void 0),
                         id: "toggle-list-columns",
                         onClick: ()=>setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined),
                         pillStyle: "light",
                         size: "small",
                         children: t('general:columns')
-                    }, "toggle-list-columns"),
-                    enableFilters && /*#__PURE__*/ _jsx(Pill, {
+                    }, "toggle-list-columns", false, {
+                        fileName: "src/elements/ListControls/index.tsx",
+                        lineNumber: 140,
+                        columnNumber: 13
+                    }, void 0),
+                    enableFilters && /*#__PURE__*/ _jsxDEV(Pill, {
                         "aria-controls": `${baseClass}-where`,
                         "aria-expanded": visibleDrawer === 'where',
                         className: `${baseClass}__toggle-where`,
-                        icon: /*#__PURE__*/ _jsx(ChevronIcon, {
+                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                             direction: visibleDrawer === 'where' ? 'up' : 'down'
-                        }),
+                        }, void 0, false, {
+                            fileName: "src/elements/ListControls/index.tsx",
+                            lineNumber: 159,
+                            columnNumber: 21
+                        }, void 0),
                         id: "toggle-list-filters",
                         onClick: ()=>setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined),
                         pillStyle: "light",
                         size: "small",
                         children: t('general:filters')
-                    }, "toggle-list-filters"),
-                    enableSort && /*#__PURE__*/ _jsx(Pill, {
+                    }, "toggle-list-filters", false, {
+                        fileName: "src/elements/ListControls/index.tsx",
+                        lineNumber: 155,
+                        columnNumber: 13
+                    }, void 0),
+                    enableSort && /*#__PURE__*/ _jsxDEV(Pill, {
                         "aria-controls": `${baseClass}-sort`,
                         "aria-expanded": visibleDrawer === 'sort',
                         className: `${baseClass}__toggle-sort`,
-                        icon: /*#__PURE__*/ _jsx(ChevronIcon, {}),
+                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
+                            fileName: "src/elements/ListControls/index.tsx",
+                            lineNumber: 174,
+                            columnNumber: 21
+                        }, void 0),
                         id: "toggle-list-sort",
                         onClick: ()=>setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined),
                         pillStyle: "light",
                         size: "small",
                         children: t('general:sort')
-                    }, "toggle-list-sort"),
-                    collectionConfig.admin.groupBy && /*#__PURE__*/ _jsx(Pill, {
+                    }, "toggle-list-sort", false, {
+                        fileName: "src/elements/ListControls/index.tsx",
+                        lineNumber: 170,
+                        columnNumber: 13
+                    }, void 0),
+                    collectionConfig.admin.groupBy && /*#__PURE__*/ _jsxDEV(Pill, {
                         "aria-controls": `${baseClass}-group-by`,
                         "aria-expanded": visibleDrawer === 'group-by',
                         className: `${baseClass}__toggle-group-by`,
-                        icon: /*#__PURE__*/ _jsx(ChevronIcon, {
+                        icon: /*#__PURE__*/ _jsxDEV(ChevronIcon, {
                             direction: visibleDrawer === 'group-by' ? 'up' : 'down'
-                        }),
+                        }, void 0, false, {
+                            fileName: "src/elements/ListControls/index.tsx",
+                            lineNumber: 189,
+                            columnNumber: 21
+                        }, void 0),
                         id: "toggle-group-by",
                         onClick: ()=>setVisibleDrawer(visibleDrawer !== 'group-by' ? 'group-by' : undefined),
                         pillStyle: "light",
@@ -137,56 +173,104 @@ const baseClass = 'list-controls';
                         children: t('general:groupByLabel', {
                             label: ''
                         })
-                    }, "toggle-group-by"),
-                    listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && /*#__PURE__*/ _jsx(Popup, {
-                        button: /*#__PURE__*/ _jsx(Dots, {
+                    }, "toggle-group-by", false, {
+                        fileName: "src/elements/ListControls/index.tsx",
+                        lineNumber: 185,
+                        columnNumber: 13
+                    }, void 0),
+                    listMenuItems && Array.isArray(listMenuItems) && listMenuItems.length > 0 && /*#__PURE__*/ _jsxDEV(Popup, {
+                        button: /*#__PURE__*/ _jsxDEV(Dots, {
                             ariaLabel: t('general:moreOptions')
-                        }),
+                        }, void 0, false, {
+                            fileName: "src/elements/ListControls/index.tsx",
+                            lineNumber: 205,
+                            columnNumber: 23
+                        }, void 0),
                         className: `${baseClass}__popup`,
                         horizontalAlign: "right",
                         id: "list-menu",
                         size: "small",
                         verticalAlign: "bottom",
-                        children: listMenuItems.map((item, i)=>/*#__PURE__*/ _jsx(Fragment, {
+                        children: listMenuItems.map((item, i)=>/*#__PURE__*/ _jsxDEV(Fragment, {
                                 children: item
-                            }, `list-menu-item-${i}`))
-                    }, "list-menu")
+                            }, `list-menu-item-${i}`, false, {
+                                fileName: "src/elements/ListControls/index.tsx",
+                                lineNumber: 214,
+                                columnNumber: 17
+                            }, void 0))
+                    }, "list-menu", false, {
+                        fileName: "src/elements/ListControls/index.tsx",
+                        lineNumber: 204,
+                        columnNumber: 13
+                    }, void 0)
                 ].filter(Boolean),
                 label: searchLabelTranslated.current,
                 onSearchChange: handleSearchChange,
                 searchQueryParam: query?.search
-            }, collectionSlug),
-            enableColumns && /*#__PURE__*/ _jsx(AnimateHeight, {
+            }, collectionSlug, false, {
+                fileName: "src/elements/ListControls/index.tsx",
+                lineNumber: 134,
+                columnNumber: 7
+            }, this),
+            enableColumns && /*#__PURE__*/ _jsxDEV(AnimateHeight, {
                 className: `${baseClass}__columns`,
                 height: visibleDrawer === 'columns' ? 'auto' : 0,
                 id: `${baseClass}-columns`,
-                children: /*#__PURE__*/ _jsx(ColumnSelector, {
+                children: /*#__PURE__*/ _jsxDEV(ColumnSelector, {
                     collectionSlug: collectionConfig.slug
-                })
-            }),
-            /*#__PURE__*/ _jsx(AnimateHeight, {
+                }, void 0, false, {
+                    fileName: "src/elements/ListControls/index.tsx",
+                    lineNumber: 230,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/ListControls/index.tsx",
+                lineNumber: 225,
+                columnNumber: 9
+            }, this),
+            /*#__PURE__*/ _jsxDEV(AnimateHeight, {
                 className: `${baseClass}__where`,
                 height: visibleDrawer === 'where' ? 'auto' : 0,
                 id: `${baseClass}-where`,
-                children: /*#__PURE__*/ _jsx(WhereBuilder, {
+                children: /*#__PURE__*/ _jsxDEV(WhereBuilder, {
                     collectionPluralLabel: collectionConfig?.labels?.plural,
                     collectionSlug: collectionConfig.slug,
                     fields: collectionConfig?.fields,
                     renderedFilters: renderedFilters,
                     resolvedFilterOptions: resolvedFilterOptions
-                })
-            }),
-            collectionConfig.admin.groupBy && /*#__PURE__*/ _jsx(AnimateHeight, {
+                }, void 0, false, {
+                    fileName: "src/elements/ListControls/index.tsx",
+                    lineNumber: 238,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/ListControls/index.tsx",
+                lineNumber: 233,
+                columnNumber: 7
+            }, this),
+            collectionConfig.admin.groupBy && /*#__PURE__*/ _jsxDEV(AnimateHeight, {
                 className: `${baseClass}__group-by`,
                 height: visibleDrawer === 'group-by' ? 'auto' : 0,
                 id: `${baseClass}-group-by`,
-                children: /*#__PURE__*/ _jsx(GroupByBuilder, {
+                children: /*#__PURE__*/ _jsxDEV(GroupByBuilder, {
                     collectionSlug: collectionConfig.slug,
                     fields: collectionConfig.fields
-                })
-            })
+                }, void 0, false, {
+                    fileName: "src/elements/ListControls/index.tsx",
+                    lineNumber: 252,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/ListControls/index.tsx",
+                lineNumber: 247,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/ListControls/index.tsx",
+        lineNumber: 126,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map