@payloadcms/ui 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/elements/LeaveWithoutSaving/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-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';
@@ -10,147 +8,80 @@ import { ConfirmationModal } from '../ConfirmationModal/index.js';
 import { useModal } from '../Modal/index.js';
 import { usePreventLeave } from './usePreventLeave.js';
 const leaveWithoutSavingModalSlug = 'leave-without-saving';
-export const LeaveWithoutSaving = t0 => {
-  const $ = _c(17);
-  const {
-    disablePreventLeave: t1,
-    onConfirm,
-    onPrevent
-  } = t0;
-  const disablePreventLeave = t1 === undefined ? false : t1;
-  const modalSlug = leaveWithoutSavingModalSlug;
-  const {
-    closeModal,
-    openModal
-  } = useModal();
-  const modified = useFormModified();
-  const {
-    isValid
-  } = useForm();
-  const {
-    user
-  } = useAuth();
-  const [hasAccepted, setHasAccepted] = React.useState(false);
-  const prevent = !disablePreventLeave && Boolean((modified || !isValid) && user);
-  let t2;
-  if ($[0] !== onPrevent || $[1] !== openModal) {
-    t2 = () => {
-      const activeHref = document.activeElement?.href || null;
-      if (onPrevent) {
-        onPrevent(activeHref);
-      }
-      openModal(leaveWithoutSavingModalSlug);
-    };
-    $[0] = onPrevent;
-    $[1] = openModal;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const handlePrevent = t2;
-  let t3;
-  if ($[3] !== closeModal) {
-    t3 = () => {
-      closeModal(leaveWithoutSavingModalSlug);
-    };
-    $[3] = closeModal;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const handleAccept = t3;
-  let t4;
-  if ($[5] !== handleAccept || $[6] !== handlePrevent || $[7] !== hasAccepted || $[8] !== prevent) {
-    t4 = {
-      hasAccepted,
-      onAccept: handleAccept,
-      onPrevent: handlePrevent,
-      prevent
-    };
-    $[5] = handleAccept;
-    $[6] = handlePrevent;
-    $[7] = hasAccepted;
-    $[8] = prevent;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  usePreventLeave(t4);
-  let t5;
-  if ($[10] !== closeModal) {
-    t5 = () => {
-      closeModal(leaveWithoutSavingModalSlug);
-    };
-    $[10] = closeModal;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  const onCancel = t5;
-  let t6;
-  if ($[12] !== onConfirm) {
-    t6 = async () => {
-      if (onConfirm) {
-        ;
-        try {
-          await onConfirm();
-        } catch (t7) {
-          const err = t7;
-          console.error("Error in LeaveWithoutSaving onConfirm:", err);
+export const LeaveWithoutSaving = ({ disablePreventLeave = false, onConfirm, onPrevent })=>{
+    const modalSlug = leaveWithoutSavingModalSlug;
+    const { closeModal, openModal } = useModal();
+    const modified = useFormModified();
+    const { isValid } = useForm();
+    const { user } = useAuth();
+    const [hasAccepted, setHasAccepted] = React.useState(false);
+    const prevent = !disablePreventLeave && Boolean((modified || !isValid) && user);
+    const handlePrevent = useCallback(()=>{
+        const activeHref = document.activeElement?.href || null;
+        if (onPrevent) {
+            onPrevent(activeHref);
         }
-      }
-      setHasAccepted(true);
-    };
-    $[12] = onConfirm;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  const handleConfirm = t6;
-  let t7;
-  if ($[14] !== handleConfirm || $[15] !== onCancel) {
-    t7 = _jsx(LeaveWithoutSavingModal, {
-      modalSlug: leaveWithoutSavingModalSlug,
-      onCancel,
-      onConfirm: handleConfirm
+        openModal(modalSlug);
+    }, [
+        openModal,
+        onPrevent,
+        modalSlug
+    ]);
+    const handleAccept = useCallback(()=>{
+        closeModal(modalSlug);
+    }, [
+        closeModal,
+        modalSlug
+    ]);
+    usePreventLeave({
+        hasAccepted,
+        onAccept: handleAccept,
+        onPrevent: handlePrevent,
+        prevent
     });
-    $[14] = handleConfirm;
-    $[15] = onCancel;
-    $[16] = t7;
-  } else {
-    t7 = $[16];
-  }
-  return t7;
+    const onCancel = useCallback(()=>{
+        closeModal(modalSlug);
+    }, [
+        closeModal,
+        modalSlug
+    ]);
+    const handleConfirm = useCallback(async ()=>{
+        if (onConfirm) {
+            try {
+                await onConfirm();
+            } catch (err) {
+                console.error('Error in LeaveWithoutSaving onConfirm:', err);
+            }
+        }
+        setHasAccepted(true);
+    }, [
+        onConfirm
+    ]);
+    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 = t0 => {
-  const $ = _c(5);
-  const {
-    modalSlug,
-    onCancel,
-    onConfirm
-  } = t0;
-  const {
-    t
-  } = useTranslation();
-  let t1;
-  if ($[0] !== modalSlug || $[1] !== onCancel || $[2] !== onConfirm || $[3] !== t) {
-    t1 = _jsx(ConfirmationModal, {
-      body: t("general:changesNotSaved"),
-      cancelLabel: t("general:stayOnThisPage"),
-      confirmLabel: t("general:leaveAnyway"),
-      heading: t("general:leaveWithoutSaving"),
-      modalSlug,
-      onCancel,
-      onConfirm
-    });
-    $[0] = modalSlug;
-    $[1] = onCancel;
-    $[2] = onConfirm;
-    $[3] = t;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  return t1;
+export const LeaveWithoutSavingModal = ({ modalSlug, onCancel, onConfirm })=>{
+    const { t } = useTranslation();
+    return /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+        body: t('general:changesNotSaved'),
+        cancelLabel: t('general:stayOnThisPage'),
+        confirmLabel: t('general:leaveAnyway'),
+        heading: t('general:leaveWithoutSaving'),
+        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,"file":"index.js","names":["c","_c","React","useCallback","useForm","useFormModified","useAuth","useTranslation","ConfirmationModal","useModal","usePreventLeave","leaveWithoutSavingModalSlug","LeaveWithoutSaving","t0","$","disablePreventLeave","t1","onConfirm","onPrevent","undefined","modalSlug","closeModal","openModal","modified","isValid","user","hasAccepted","setHasAccepted","useState","prevent","Boolean","t2","activeHref","document","activeElement","href","handlePrevent","t3","handleAccept","t4","onAccept","t5","onCancel","t6","t7","err","console","error","handleConfirm","_jsx","LeaveWithoutSavingModal","t","body","cancelLabel","confirmLabel","heading"],"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"],"mappings":"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","ignoreList":[]}
+{"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

@@ -1,147 +1,131 @@
 'use client';
-
 // Credit: @Taiki92777
 //    - Source: https://github.com/vercel/next.js/discussions/32231#discussioncomment-7284386
 // Credit: `react-use` maintainers
 //    -  Source: https://github.com/streamich/react-use/blob/ade8d3905f544305515d010737b4ae604cc51024/src/useBeforeUnload.ts#L2
-import { c as _c } from "react/compiler-runtime";
 import { useRouter } from 'next/navigation.js';
 import { useCallback, useEffect, useRef } from 'react';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 function on(obj, ...args) {
-  if (obj && obj.addEventListener) {
-    obj.addEventListener(...args);
-  }
+    if (obj && obj.addEventListener) {
+        obj.addEventListener(...args);
+    }
 }
 function off(obj, ...args) {
-  if (obj && obj.removeEventListener) {
-    obj.removeEventListener(...args);
-  }
+    if (obj && obj.removeEventListener) {
+        obj.removeEventListener(...args);
+    }
 }
-export const useBeforeUnload = (t0, message) => {
-  const $ = _c(7);
-  const enabled = t0 === undefined ? true : t0;
-  let t1;
-  if ($[0] !== enabled || $[1] !== message) {
-    t1 = event => {
-      const finalEnabled = typeof enabled === "function" ? enabled() : true;
-      if (!finalEnabled) {
-        return;
-      }
-      event.preventDefault();
-      if (message) {
-        event.returnValue = message;
-      }
-      return message;
-    };
-    $[0] = enabled;
-    $[1] = message;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const handler = t1;
-  let t2;
-  let t3;
-  if ($[3] !== enabled || $[4] !== handler) {
-    t2 = () => {
-      if (!enabled) {
-        return;
-      }
-      on(window, "beforeunload", handler);
-      return () => off(window, "beforeunload", handler);
-    };
-    t3 = [enabled, handler];
-    $[3] = enabled;
-    $[4] = handler;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  useEffect(t2, t3);
+export const useBeforeUnload = (enabled = true, message)=>{
+    const handler = useCallback((event)=>{
+        const finalEnabled = typeof enabled === 'function' ? enabled() : true;
+        if (!finalEnabled) {
+            return;
+        }
+        event.preventDefault();
+        if (message) {
+            event.returnValue = message;
+        }
+        return message;
+    }, [
+        enabled,
+        message
+    ]);
+    useEffect(()=>{
+        if (!enabled) {
+            return;
+        }
+        on(window, 'beforeunload', handler);
+        return ()=>off(window, 'beforeunload', handler);
+    }, [
+        enabled,
+        handler
+    ]);
 };
-export const usePreventLeave = ({
-  hasAccepted = false,
-  message = 'Are you sure want to leave this page?',
-  onAccept,
-  onPrevent,
-  prevent = true
-}) => {
-  // check when page is about to be reloaded
-  useBeforeUnload(prevent, message);
-  const {
-    startRouteTransition
-  } = useRouteTransition();
-  const router = useRouter();
-  const cancelledURL = useRef('');
-  // check when page is about to be changed
-  useEffect(() => {
-    function isAnchorOfCurrentUrl(currentUrl, newUrl) {
-      try {
-        const currentUrlObj = new URL(currentUrl);
-        const newUrlObj = new URL(newUrl);
-        // Compare hostname, pathname, and search parameters
-        if (currentUrlObj.hostname === newUrlObj.hostname && currentUrlObj.pathname === newUrlObj.pathname && currentUrlObj.search === newUrlObj.search) {
-          // Check if the new URL is just an anchor of the current URL page
-          const currentHash = currentUrlObj.hash;
-          const newHash = newUrlObj.hash;
-          return currentHash !== newHash && currentUrlObj.href.replace(currentHash, '') === newUrlObj.href.replace(newHash, '');
+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();
+    const router = useRouter();
+    const cancelledURL = useRef('');
+    // check when page is about to be changed
+    useEffect(()=>{
+        function isAnchorOfCurrentUrl(currentUrl, newUrl) {
+            try {
+                const currentUrlObj = new URL(currentUrl);
+                const newUrlObj = new URL(newUrl);
+                // Compare hostname, pathname, and search parameters
+                if (currentUrlObj.hostname === newUrlObj.hostname && currentUrlObj.pathname === newUrlObj.pathname && currentUrlObj.search === newUrlObj.search) {
+                    // Check if the new URL is just an anchor of the current URL page
+                    const currentHash = currentUrlObj.hash;
+                    const newHash = newUrlObj.hash;
+                    return currentHash !== newHash && currentUrlObj.href.replace(currentHash, '') === newUrlObj.href.replace(newHash, '');
+                }
+            } catch (err) {
+                console.log('Unexpected exception thrown in LeaveWithoutSaving:isAnchorOfCurrentUrl', err);
+            }
+            return false;
         }
-      } catch (err) {
-        console.log('Unexpected exception thrown in LeaveWithoutSaving:isAnchorOfCurrentUrl', err);
-      }
-      return false;
-    }
-    function findClosestAnchor(element) {
-      while (element && element.tagName.toLowerCase() !== 'a') {
-        element = element.parentElement;
-      }
-      return element;
-    }
-    function handleClick(event) {
-      try {
-        const target = event.target;
-        const anchor = findClosestAnchor(target);
-        if (anchor) {
-          const currentUrl_0 = window.location.href;
-          const newUrl_0 = anchor.href;
-          const isAnchor = isAnchorOfCurrentUrl(currentUrl_0, newUrl_0);
-          const isDownloadLink = anchor.download !== '';
-          const isNewTab = anchor.target === '_blank' || event.metaKey || event.ctrlKey;
-          const isPageLeaving = !(newUrl_0 === currentUrl_0 || isAnchor || isDownloadLink || isNewTab);
-          if (isPageLeaving && prevent && (!onPrevent ? !window.confirm(message) : true)) {
-            // Keep a reference of the href
-            cancelledURL.current = newUrl_0;
-            // Cancel the route change
-            event.preventDefault();
-            event.stopPropagation();
-            if (typeof onPrevent === 'function') {
-              onPrevent();
+        function findClosestAnchor(element) {
+            while(element && element.tagName.toLowerCase() !== 'a'){
+                element = element.parentElement;
             }
-          }
+            return element;
         }
-      } catch (err_0) {
-        console.log('Unexpected exception thrown in LeaveWithoutSaving:usePreventLeave', err_0);
-      }
-    }
-    if (prevent) {
-      // Add the global click event listener
-      document.addEventListener('click', handleClick, true);
-    }
-    // Clean up the global click event listener when the component is unmounted
-    return () => {
-      document.removeEventListener('click', handleClick, true);
-    };
-  }, [onPrevent, prevent, message]);
-  useEffect(() => {
-    if (hasAccepted && cancelledURL.current) {
-      if (onAccept) {
-        onAccept();
-      }
-      startRouteTransition(() => router.push(cancelledURL.current));
-    }
-  }, [hasAccepted, onAccept, router, startRouteTransition]);
+        function handleClick(event) {
+            try {
+                const target = event.target;
+                const anchor = findClosestAnchor(target);
+                if (anchor) {
+                    const currentUrl = window.location.href;
+                    const newUrl = anchor.href;
+                    const isAnchor = isAnchorOfCurrentUrl(currentUrl, newUrl);
+                    const isDownloadLink = anchor.download !== '';
+                    const isNewTab = anchor.target === '_blank' || event.metaKey || event.ctrlKey;
+                    const isPageLeaving = !(newUrl === currentUrl || isAnchor || isDownloadLink || isNewTab);
+                    if (isPageLeaving && prevent && (!onPrevent ? !window.confirm(message) : true)) {
+                        // Keep a reference of the href
+                        cancelledURL.current = newUrl;
+                        // Cancel the route change
+                        event.preventDefault();
+                        event.stopPropagation();
+                        if (typeof onPrevent === 'function') {
+                            onPrevent();
+                        }
+                    }
+                }
+            } catch (err) {
+                console.log('Unexpected exception thrown in LeaveWithoutSaving:usePreventLeave', err);
+            }
+        }
+        if (prevent) {
+            // Add the global click event listener
+            document.addEventListener('click', handleClick, true);
+        }
+        // Clean up the global click event listener when the component is unmounted
+        return ()=>{
+            document.removeEventListener('click', handleClick, true);
+        };
+    }, [
+        onPrevent,
+        prevent,
+        message
+    ]);
+    useEffect(()=>{
+        if (hasAccepted && cancelledURL.current) {
+            if (onAccept) {
+                onAccept();
+            }
+            startRouteTransition(()=>router.push(cancelledURL.current));
+        }
+    }, [
+        hasAccepted,
+        onAccept,
+        router,
+        startRouteTransition
+    ]);
 };
+
 //# sourceMappingURL=usePreventLeave.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePreventLeave.js","names":["c","_c","useRouter","useCallback","useEffect","useRef","useRouteTransition","on","obj","args","addEventListener","off","removeEventListener","useBeforeUnload","t0","message","$","enabled","undefined","t1","event","finalEnabled","preventDefault","returnValue","handler","t2","t3","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"],"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"],"mappings":"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","ignoreList":[]}
+{"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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"}