@payloadcms/next 3.0.0-beta.62 → 3.0.0-beta.63

package/dist/elements/LeaveWithoutSaving/index.js

@@ -0,0 +1,86 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Modal, useAuth, useFormModified, useModal, useTranslation } from '@payloadcms/ui';
+import React, { useCallback, useEffect } from 'react';
+import { usePreventLeave } from './usePreventLeave.js';
+const modalSlug = 'leave-without-saving';
+const baseClass = 'leave-without-saving';
+const Component = ({ isActive, onCancel, onConfirm })=>{
+    const { closeModal, modalState, openModal } = useModal();
+    const { t } = useTranslation();
+    // Manually check for modal state as 'esc' key will not trigger the nav inactivity
+    // useEffect(() => {
+    //   if (!modalState?.[modalSlug]?.isOpen && isActive) {
+    //     onCancel()
+    //   }
+    // }, [modalState, isActive, onCancel])
+    useEffect(()=>{
+        if (isActive) openModal(modalSlug);
+        else closeModal(modalSlug);
+    }, [
+        isActive,
+        openModal,
+        closeModal
+    ]);
+    return /*#__PURE__*/ _jsx(Modal, {
+        className: baseClass,
+        onClose: onCancel,
+        slug: modalSlug,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: `${baseClass}__wrapper`,
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__content`,
+                    children: [
+                        /*#__PURE__*/ _jsx("h1", {
+                            children: t('general:leaveWithoutSaving')
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            children: t('general:changesNotSaved')
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__controls`,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            buttonStyle: "secondary",
+                            onClick: onCancel,
+                            children: t('general:stayOnThisPage')
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            onClick: onConfirm,
+                            children: t('general:leaveAnyway')
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+export const LeaveWithoutSaving = ()=>{
+    const modified = useFormModified();
+    const { user } = useAuth();
+    const [show, setShow] = React.useState(false);
+    const [hasAccepted, setHasAccepted] = React.useState(false);
+    const prevent = Boolean(modified && user);
+    const onPrevent = useCallback(()=>{
+        setShow(true);
+    }, []);
+    usePreventLeave({
+        hasAccepted,
+        onPrevent,
+        prevent
+    });
+    return /*#__PURE__*/ _jsx(Component, {
+        isActive: show,
+        onCancel: ()=>{
+            setShow(false);
+        },
+        onConfirm: ()=>{
+            setHasAccepted(true);
+        }
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport { Button, Modal, useAuth, useFormModified, useModal, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback, useEffect } from 'react'\n\nimport './index.scss'\nimport { usePreventLeave } from './usePreventLeave.js'\n\nconst modalSlug = 'leave-without-saving'\n\nconst baseClass = 'leave-without-saving'\n\nconst Component: React.FC<{\n  isActive: boolean\n  onCancel: () => void\n  onConfirm: () => void\n}> = ({ isActive, onCancel, onConfirm }) => {\n  const { closeModal, modalState, openModal } = useModal()\n  const { t } = useTranslation()\n\n  // Manually check for modal state as 'esc' key will not trigger the nav inactivity\n  // useEffect(() => {\n  //   if (!modalState?.[modalSlug]?.isOpen && isActive) {\n  //     onCancel()\n  //   }\n  // }, [modalState, isActive, onCancel])\n\n  useEffect(() => {\n    if (isActive) openModal(modalSlug)\n    else closeModal(modalSlug)\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} onClose={onCancel} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:leaveWithoutSaving')}</h1>\n          <p>{t('general:changesNotSaved')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button buttonStyle=\"secondary\" onClick={onCancel}>\n            {t('general:stayOnThisPage')}\n          </Button>\n          <Button onClick={onConfirm}>{t('general:leaveAnyway')}</Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport const LeaveWithoutSaving: React.FC = () => {\n  const modified = useFormModified()\n  const { user } = useAuth()\n  const [show, setShow] = React.useState(false)\n  const [hasAccepted, setHasAccepted] = React.useState(false)\n\n  const prevent = Boolean(modified && user)\n\n  const onPrevent = useCallback(() => {\n    setShow(true)\n  }, [])\n\n  usePreventLeave({ hasAccepted, onPrevent, prevent })\n\n  return (\n    <Component\n      isActive={show}\n      onCancel={() => {\n        setShow(false)\n      }}\n      onConfirm={() => {\n        setHasAccepted(true)\n      }}\n    />\n  )\n}\n"],"names":["Button","Modal","useAuth","useFormModified","useModal","useTranslation","React","useCallback","useEffect","usePreventLeave","modalSlug","baseClass","Component","isActive","onCancel","onConfirm","closeModal","modalState","openModal","t","className","onClose","slug","div","h1","p","buttonStyle","onClick","LeaveWithoutSaving","modified","user","show","setShow","useState","hasAccepted","setHasAccepted","prevent","Boolean","onPrevent"],"mappings":"AAAA;;AACA,SAASA,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,iBAAgB;AAClG,OAAOC,SAASC,WAAW,EAAEC,SAAS,QAAQ,QAAO;AAGrD,SAASC,eAAe,QAAQ,uBAAsB;AAEtD,MAAMC,YAAY;AAElB,MAAMC,YAAY;AAElB,MAAMC,YAID,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACrC,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGd;IAC9C,MAAM,EAAEe,CAAC,EAAE,GAAGd;IAEd,kFAAkF;IAClF,oBAAoB;IACpB,wDAAwD;IACxD,iBAAiB;IACjB,MAAM;IACN,uCAAuC;IAEvCG,UAAU;QACR,IAAIK,UAAUK,UAAUR;aACnBM,WAAWN;IAClB,GAAG;QAACG;QAAUK;QAAWF;KAAW;IAEpC,qBACE,KAACf;QAAMmB,WAAWT;QAAWU,SAASP;QAAUQ,MAAMZ;kBACpD,cAAA,MAACa;YAAIH,WAAW,CAAC,EAAET,UAAU,SAAS,CAAC;;8BACrC,MAACY;oBAAIH,WAAW,CAAC,EAAET,UAAU,SAAS,CAAC;;sCACrC,KAACa;sCAAIL,EAAE;;sCACP,KAACM;sCAAGN,EAAE;;;;8BAER,MAACI;oBAAIH,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;;sCACtC,KAACX;4BAAO0B,aAAY;4BAAYC,SAASb;sCACtCK,EAAE;;sCAEL,KAACnB;4BAAO2B,SAASZ;sCAAYI,EAAE;;;;;;;AAKzC;AAEA,OAAO,MAAMS,qBAA+B;IAC1C,MAAMC,WAAW1B;IACjB,MAAM,EAAE2B,IAAI,EAAE,GAAG5B;IACjB,MAAM,CAAC6B,MAAMC,QAAQ,GAAG1B,MAAM2B,QAAQ,CAAC;IACvC,MAAM,CAACC,aAAaC,eAAe,GAAG7B,MAAM2B,QAAQ,CAAC;IAErD,MAAMG,UAAUC,QAAQR,YAAYC;IAEpC,MAAMQ,YAAY/B,YAAY;QAC5ByB,QAAQ;IACV,GAAG,EAAE;IAELvB,gBAAgB;QAAEyB;QAAaI;QAAWF;IAAQ;IAElD,qBACE,KAACxB;QACCC,UAAUkB;QACVjB,UAAU;YACRkB,QAAQ;QACV;QACAjB,WAAW;YACToB,eAAe;QACjB;;AAGN,EAAC"}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts

@@ -0,0 +1,8 @@
+export declare const useBeforeUnload: (enabled?: (() => boolean) | boolean, message?: string) => void;
+export declare const usePreventLeave: ({ hasAccepted, message, onPrevent, prevent, }: {
+    hasAccepted: boolean;
+    message?: string;
+    onPrevent?: () => void;
+    prevent: boolean;
+}) => void;
+//# sourceMappingURL=usePreventLeave.d.ts.map

package/dist/elements/LeaveWithoutSaving/usePreventLeave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventLeave.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,eAAe,aAAa,CAAC,MAAM,OAAO,CAAC,GAAG,OAAO,YAAmB,MAAM,SA6B1F,CAAA;AAED,eAAO,MAAM,eAAe,kDAKzB;IACD,WAAW,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,SA+EA,CAAA"}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.js

@@ -0,0 +1,114 @@
+// 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 { useRouter } from 'next/navigation.js';
+import { useCallback, useEffect, useRef } from 'react';
+function on(obj, ...args) {
+    if (obj && obj.addEventListener) {
+        obj.addEventListener(...args);
+    }
+}
+function off(obj, ...args) {
+    if (obj && obj.removeEventListener) {
+        obj.removeEventListener(...args);
+    }
+}
+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?', onPrevent, prevent = true })=>{
+    // check when page is about to be reloaded
+    useBeforeUnload(prevent, message);
+    const router = useRouter();
+    const cancelledURL = useRef('');
+    // check when page is about to be changed
+    useEffect(()=>{
+        function isAnchorOfCurrentUrl(currentUrl, newUrl) {
+            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, '');
+            }
+            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 = window.location.href;
+                    const newUrl = anchor.href;
+                    const isAnchor = isAnchorOfCurrentUrl(currentUrl, newUrl);
+                    const isDownloadLink = anchor.download !== '';
+                    const isPageLeaving = !(newUrl === currentUrl || isAnchor || isDownloadLink);
+                    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) {
+                alert(err);
+            }
+        }
+        // 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) {
+            router.push(cancelledURL.current);
+        }
+    }, [
+        hasAccepted,
+        router
+    ]);
+};
+
+//# sourceMappingURL=usePreventLeave.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/usePreventLeave.tsx"],"sourcesContent":["// 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\nfunction on<T extends Document | EventTarget | HTMLElement | Window>(\n  obj: T | null,\n  ...args: [string, Function | 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: T | null,\n  ...args: [string, Function | 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  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  // 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\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      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      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    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\n          const isPageLeaving = !(newUrl === currentUrl || isAnchor || isDownloadLink)\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        alert(err)\n      }\n    }\n\n    // Add the global click event listener\n    document.addEventListener('click', handleClick, true)\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      router.push(cancelledURL.current)\n    }\n  }, [hasAccepted, router])\n}\n"],"names":["useRouter","useCallback","useEffect","useRef","on","obj","args","addEventListener","off","removeEventListener","useBeforeUnload","enabled","message","handler","event","finalEnabled","preventDefault","returnValue","window","usePreventLeave","hasAccepted","onPrevent","prevent","router","cancelledURL","isAnchorOfCurrentUrl","currentUrl","newUrl","currentUrlObj","URL","newUrlObj","hostname","pathname","search","currentHash","hash","newHash","href","replace","findClosestAnchor","element","tagName","toLowerCase","parentElement","handleClick","target","anchor","location","isAnchor","isDownloadLink","download","isPageLeaving","confirm","current","stopPropagation","err","alert","document","push"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+import type { ServerProps } from 'payload';
+import React from 'react';
+export declare const Logo: React.FC<ServerProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Logo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4BtC,CAAA"}

package/dist/elements/Logo/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PayloadLogo, RenderCustomComponent } from '@payloadcms/ui/shared';
+import React from 'react';
+export const Logo = (props)=>{
+    const { i18n, locale, params, payload, permissions, searchParams, user } = props;
+    const { admin: { components: { graphics: { Logo: CustomLogo } = {
+        Logo: undefined
+    } } = {} } = {} } = payload.config;
+    return /*#__PURE__*/ _jsx(RenderCustomComponent, {
+        CustomComponent: CustomLogo,
+        DefaultComponent: PayloadLogo,
+        serverOnlyProps: {
+            i18n,
+            locale,
+            params,
+            payload,
+            permissions,
+            searchParams,
+            user
+        }
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Logo/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\n\nimport { PayloadLogo, RenderCustomComponent } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nexport const Logo: React.FC<ServerProps> = (props) => {\n  const { i18n, locale, params, payload, permissions, searchParams, user } = props\n\n  const {\n    admin: {\n      components: {\n        graphics: { Logo: CustomLogo } = {\n          Logo: undefined,\n        },\n      } = {},\n    } = {},\n  } = payload.config\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomLogo}\n      DefaultComponent={PayloadLogo}\n      serverOnlyProps={{\n        i18n,\n        locale,\n        params,\n        payload,\n        permissions,\n        searchParams,\n        user,\n      }}\n    />\n  )\n}\n"],"names":["PayloadLogo","RenderCustomComponent","React","Logo","props","i18n","locale","params","payload","permissions","searchParams","user","admin","components","graphics","CustomLogo","undefined","config","CustomComponent","DefaultComponent","serverOnlyProps"],"mappings":";AAEA,SAASA,WAAW,EAAEC,qBAAqB,QAAQ,wBAAuB;AAC1E,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAA8B,CAACC;IAC1C,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGP;IAE3E,MAAM,EACJQ,OAAO,EACLC,YAAY,EACVC,UAAU,EAAEX,MAAMY,UAAU,EAAE,GAAG;QAC/BZ,MAAMa;IACR,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAG,CAAC,CAAC,EACP,GAAGR,QAAQS,MAAM;IAElB,qBACE,KAAChB;QACCiB,iBAAiBH;QACjBI,kBAAkBnB;QAClBoB,iBAAiB;YACff;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;;AAGN,EAAC"}

package/dist/elements/Nav/NavHamburger/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const NavHamburger: React.FC<{
+    baseClass?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Nav/NavHamburger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAeA,CAAA"}

package/dist/elements/Nav/NavHamburger/index.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Hamburger, useNav } from '@payloadcms/ui';
+import React from 'react';
+export const NavHamburger = ({ baseClass })=>{
+    const { navOpen, setNavOpen } = useNav();
+    return /*#__PURE__*/ _jsx("button", {
+        className: `${baseClass}__mobile-close`,
+        onClick: ()=>{
+            setNavOpen(false);
+        },
+        tabIndex: !navOpen ? -1 : undefined,
+        type: "button",
+        children: /*#__PURE__*/ _jsx(Hamburger, {
+            isActive: true
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/elements/Nav/NavHamburger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const NavHamburger: React.FC<{\n  baseClass?: string\n}> = ({ baseClass }) => {\n  const { navOpen, setNavOpen } = useNav()\n\n  return (\n    <button\n      className={`${baseClass}__mobile-close`}\n      onClick={() => {\n        setNavOpen(false)\n      }}\n      tabIndex={!navOpen ? -1 : undefined}\n      type=\"button\"\n    >\n      <Hamburger isActive />\n    </button>\n  )\n}\n"],"names":["Hamburger","useNav","React","NavHamburger","baseClass","navOpen","setNavOpen","button","className","onClick","tabIndex","undefined","type","isActive"],"mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAER,CAAC,EAAEC,SAAS,EAAE;IACjB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGL;IAEhC,qBACE,KAACM;QACCC,WAAW,CAAC,EAAEJ,UAAU,cAAc,CAAC;QACvCK,SAAS;YACPH,WAAW;QACb;QACAI,UAAU,CAACL,UAAU,CAAC,IAAIM;QAC1BC,MAAK;kBAEL,cAAA,KAACZ;YAAUa,QAAQ;;;AAGzB,EAAC"}

package/dist/elements/Nav/NavWrapper/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+export declare const NavWrapper: React.FC<{
+    baseClass?: string;
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Nav/NavWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAYA,CAAA"}

package/dist/elements/Nav/NavWrapper/index.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNav } from '@payloadcms/ui';
+import React from 'react';
+export const NavWrapper = (props)=>{
+    const { baseClass, children } = props;
+    const { navOpen, navRef } = useNav();
+    return /*#__PURE__*/ _jsx("aside", {
+        className: [
+            baseClass,
+            navOpen && `${baseClass}--nav-open`
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsx("div", {
+            className: `${baseClass}__scroll`,
+            ref: navRef,
+            children: children
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/elements/Nav/NavWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { navOpen, navRef } = useNav()\n\n  return (\n    <aside className={[baseClass, navOpen && `${baseClass}--nav-open`].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"names":["useNav","React","NavWrapper","props","baseClass","children","navOpen","navRef","aside","className","filter","Boolean","join","div","ref"],"mappings":"AAAA;;AACA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AAIzB,OAAO,MAAMC,aAGR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAEhC,MAAM,EAAEG,OAAO,EAAEC,MAAM,EAAE,GAAGP;IAE5B,qBACE,KAACQ;QAAMC,WAAW;YAACL;YAAWE,WAAW,CAAC,EAAEF,UAAU,UAAU,CAAC;SAAC,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;kBACtF,cAAA,KAACC;YAAIJ,WAAW,CAAC,EAAEL,UAAU,QAAQ,CAAC;YAAEU,KAAKP;sBAC1CF;;;AAIT,EAAC"}

package/dist/elements/Nav/index.client.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const DefaultNavClient: React.FC;
+//# sourceMappingURL=index.client.d.ts.map

package/dist/elements/Nav/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.client.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAuFpC,CAAA"}

package/dist/elements/Nav/index.client.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { ChevronIcon, NavGroup, useAuth, useConfig, useEntityVisibility, useNav, useTranslation } from '@payloadcms/ui';
+import { EntityType, groupNavItems } from '@payloadcms/ui/shared';
+import LinkWithDefault from 'next/link.js';
+import React, { Fragment } from 'react';
+const baseClass = 'nav';
+export const DefaultNavClient = ()=>{
+    const { permissions } = useAuth();
+    const { isEntityVisible } = useEntityVisibility();
+    const { collections, globals, routes: { admin } } = useConfig();
+    const { i18n } = useTranslation();
+    const { navOpen } = useNav();
+    const groups = groupNavItems([
+        ...collections.filter(({ slug })=>isEntityVisible({
+                collectionSlug: slug
+            })).map((collection)=>{
+            const entityToGroup = {
+                type: EntityType.collection,
+                entity: collection
+            };
+            return entityToGroup;
+        }),
+        ...globals.filter(({ slug })=>isEntityVisible({
+                globalSlug: slug
+            })).map((global)=>{
+            const entityToGroup = {
+                type: EntityType.global,
+                entity: global
+            };
+            return entityToGroup;
+        })
+    ], permissions, i18n);
+    return /*#__PURE__*/ _jsx(Fragment, {
+        children: groups.map(({ entities, label }, key)=>{
+            return /*#__PURE__*/ _jsx(NavGroup, {
+                label: label,
+                children: entities.map(({ type, entity }, i)=>{
+                    let entityLabel;
+                    let href;
+                    let id;
+                    if (type === EntityType.collection) {
+                        href = `${admin}/collections/${entity.slug}`;
+                        entityLabel = getTranslation(entity.labels.plural, i18n);
+                        id = `nav-${entity.slug}`;
+                    }
+                    if (type === EntityType.global) {
+                        href = `${admin}/globals/${entity.slug}`;
+                        entityLabel = getTranslation(entity.label, i18n);
+                        id = `nav-global-${entity.slug}`;
+                    }
+                    const Link = LinkWithDefault.default || LinkWithDefault;
+                    const LinkElement = Link || 'a';
+                    return /*#__PURE__*/ _jsxs(LinkElement, {
+                        className: `${baseClass}__link`,
+                        href: href,
+                        id: id,
+                        tabIndex: !navOpen ? -1 : undefined,
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: `${baseClass}__link-icon`,
+                                children: /*#__PURE__*/ _jsx(ChevronIcon, {
+                                    direction: "right"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: `${baseClass}__link-label`,
+                                children: entityLabel
+                            })
+                        ]
+                    }, i);
+                })
+            }, key);
+        })
+    });
+};
+
+//# sourceMappingURL=index.client.js.map

package/dist/elements/Nav/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { EntityToGroup } from '@payloadcms/ui/shared'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  ChevronIcon,\n  NavGroup,\n  useAuth,\n  useConfig,\n  useEntityVisibility,\n  useNav,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { EntityType, groupNavItems } from '@payloadcms/ui/shared'\nimport LinkWithDefault from 'next/link.js'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\nexport const DefaultNavClient: React.FC = () => {\n  const { permissions } = useAuth()\n  const { isEntityVisible } = useEntityVisibility()\n\n  const {\n    collections,\n    globals,\n    routes: { admin },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { navOpen } = useNav()\n\n  const groups = groupNavItems(\n    [\n      ...collections\n        .filter(({ slug }) => isEntityVisible({ collectionSlug: slug }))\n        .map((collection) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.collection,\n            entity: collection,\n          }\n\n          return entityToGroup\n        }),\n      ...globals\n        .filter(({ slug }) => isEntityVisible({ globalSlug: slug }))\n        .map((global) => {\n          const entityToGroup: EntityToGroup = {\n            type: EntityType.global,\n            entity: global,\n          }\n\n          return entityToGroup\n        }),\n    ],\n    permissions,\n    i18n,\n  )\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup key={key} label={label}>\n            {entities.map(({ type, entity }, i) => {\n              let entityLabel: string\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = `${admin}/collections/${entity.slug}`\n                entityLabel = getTranslation(entity.labels.plural, i18n)\n                id = `nav-${entity.slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = `${admin}/globals/${entity.slug}`\n                entityLabel = getTranslation(entity.label, i18n)\n                id = `nav-global-${entity.slug}`\n              }\n\n              const Link = (LinkWithDefault.default ||\n                LinkWithDefault) as typeof LinkWithDefault.default\n\n              const LinkElement = Link || 'a'\n\n              return (\n                <LinkElement\n                  className={`${baseClass}__link`}\n                  href={href}\n                  id={id}\n                  key={i}\n                  tabIndex={!navOpen ? -1 : undefined}\n                >\n                  <span className={`${baseClass}__link-icon`}>\n                    <ChevronIcon direction=\"right\" />\n                  </span>\n                  <span className={`${baseClass}__link-label`}>{entityLabel}</span>\n                </LinkElement>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"names":["getTranslation","ChevronIcon","NavGroup","useAuth","useConfig","useEntityVisibility","useNav","useTranslation","EntityType","groupNavItems","LinkWithDefault","React","Fragment","baseClass","DefaultNavClient","permissions","isEntityVisible","collections","globals","routes","admin","i18n","navOpen","groups","filter","slug","collectionSlug","map","collection","entityToGroup","type","entity","globalSlug","global","entities","label","key","i","entityLabel","href","id","labels","plural","Link","default","LinkElement","className","tabIndex","undefined","span","direction"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SACEC,WAAW,EACXC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,mBAAmB,EACnBC,MAAM,EACNC,cAAc,QACT,iBAAgB;AACvB,SAASC,UAAU,EAAEC,aAAa,QAAQ,wBAAuB;AACjE,OAAOC,qBAAqB,eAAc;AAC1C,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,WAAW,EAAE,GAAGZ;IACxB,MAAM,EAAEa,eAAe,EAAE,GAAGX;IAE5B,MAAM,EACJY,WAAW,EACXC,OAAO,EACPC,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGhB;IAEJ,MAAM,EAAEiB,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEe,OAAO,EAAE,GAAGhB;IAEpB,MAAMiB,SAASd,cACb;WACKQ,YACAO,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKT,gBAAgB;gBAAEU,gBAAgBD;YAAK,IAC5DE,GAAG,CAAC,CAACC;YACJ,MAAMC,gBAA+B;gBACnCC,MAAMtB,WAAWoB,UAAU;gBAC3BG,QAAQH;YACV;YAEA,OAAOC;QACT;WACCX,QACAM,MAAM,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKT,gBAAgB;gBAAEgB,YAAYP;YAAK,IACxDE,GAAG,CAAC,CAACM;YACJ,MAAMJ,gBAA+B;gBACnCC,MAAMtB,WAAWyB,MAAM;gBACvBF,QAAQE;YACV;YAEA,OAAOJ;QACT;KACH,EACDd,aACAM;IAGF,qBACE,KAACT;kBACEW,OAAOI,GAAG,CAAC,CAAC,EAAEO,QAAQ,EAAEC,KAAK,EAAE,EAAEC;YAChC,qBACE,KAAClC;gBAAmBiC,OAAOA;0BACxBD,SAASP,GAAG,CAAC,CAAC,EAAEG,IAAI,EAAEC,MAAM,EAAE,EAAEM;oBAC/B,IAAIC;oBACJ,IAAIC;oBACJ,IAAIC;oBAEJ,IAAIV,SAAStB,WAAWoB,UAAU,EAAE;wBAClCW,OAAO,CAAC,EAAEnB,MAAM,aAAa,EAAEW,OAAON,IAAI,CAAC,CAAC;wBAC5Ca,cAActC,eAAe+B,OAAOU,MAAM,CAACC,MAAM,EAAErB;wBACnDmB,KAAK,CAAC,IAAI,EAAET,OAAON,IAAI,CAAC,CAAC;oBAC3B;oBAEA,IAAIK,SAAStB,WAAWyB,MAAM,EAAE;wBAC9BM,OAAO,CAAC,EAAEnB,MAAM,SAAS,EAAEW,OAAON,IAAI,CAAC,CAAC;wBACxCa,cAActC,eAAe+B,OAAOI,KAAK,EAAEd;wBAC3CmB,KAAK,CAAC,WAAW,EAAET,OAAON,IAAI,CAAC,CAAC;oBAClC;oBAEA,MAAMkB,OAAQjC,gBAAgBkC,OAAO,IACnClC;oBAEF,MAAMmC,cAAcF,QAAQ;oBAE5B,qBACE,MAACE;wBACCC,WAAW,CAAC,EAAEjC,UAAU,MAAM,CAAC;wBAC/B0B,MAAMA;wBACNC,IAAIA;wBAEJO,UAAU,CAACzB,UAAU,CAAC,IAAI0B;;0CAE1B,KAACC;gCAAKH,WAAW,CAAC,EAAEjC,UAAU,WAAW,CAAC;0CACxC,cAAA,KAACZ;oCAAYiD,WAAU;;;0CAEzB,KAACD;gCAAKH,WAAW,CAAC,EAAEjC,UAAU,YAAY,CAAC;0CAAGyB;;;uBANzCD;gBASX;eArCaD;QAwCnB;;AAGN,EAAC"}

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

@@ -0,0 +1,6 @@
+import type { ServerProps } from 'payload';
+import React from 'react';
+import './index.scss';
+export type NavProps = ServerProps;
+export declare const DefaultNav: React.FC<NavProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAQrB,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAkEzC,CAAA"}

package/dist/elements/Nav/index.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Logout } from '@payloadcms/ui';
+import React from 'react';
+import { NavHamburger } from './NavHamburger/index.js';
+import { NavWrapper } from './NavWrapper/index.js';
+const baseClass = 'nav';
+import { WithServerSideProps } from '@payloadcms/ui/shared';
+import { DefaultNavClient } from './index.client.js';
+export const DefaultNav = (props)=>{
+    const { i18n, locale, params, payload, permissions, searchParams, user } = props;
+    if (!payload?.config) {
+        return null;
+    }
+    const { admin: { components: { afterNavLinks, beforeNavLinks } } } = payload.config;
+    const BeforeNavLinks = Array.isArray(beforeNavLinks) ? beforeNavLinks.map((Component, i)=>/*#__PURE__*/ _jsx(WithServerSideProps, {
+            Component: Component,
+            serverOnlyProps: {
+                i18n,
+                locale,
+                params,
+                payload,
+                permissions,
+                searchParams,
+                user
+            }
+        }, i)) : null;
+    const AfterNavLinks = Array.isArray(afterNavLinks) ? afterNavLinks.map((Component, i)=>/*#__PURE__*/ _jsx(WithServerSideProps, {
+            Component: Component,
+            serverOnlyProps: {
+                i18n,
+                locale,
+                params,
+                payload,
+                permissions,
+                searchParams,
+                user
+            }
+        }, i)) : null;
+    return /*#__PURE__*/ _jsxs(NavWrapper, {
+        baseClass: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxs("nav", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    Array.isArray(BeforeNavLinks) && BeforeNavLinks.map((Component)=>Component),
+                    /*#__PURE__*/ _jsx(DefaultNavClient, {}),
+                    Array.isArray(AfterNavLinks) && AfterNavLinks.map((Component)=>Component),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${baseClass}__controls`,
+                        children: /*#__PURE__*/ _jsx(Logout, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__header`,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: `${baseClass}__header-content`,
+                    children: /*#__PURE__*/ _jsx(NavHamburger, {
+                        baseClass: baseClass
+                    })
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Nav/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\n\nimport { Logout } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { NavWrapper } from './NavWrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'nav'\n\nimport { WithServerSideProps } from '@payloadcms/ui/shared'\n\nimport { DefaultNavClient } from './index.client.js'\n\nexport type NavProps = ServerProps\n\nexport const DefaultNav: React.FC<NavProps> = (props) => {\n  const { i18n, locale, params, payload, permissions, searchParams, user } = props\n\n  if (!payload?.config) {\n    return null\n  }\n\n  const {\n    admin: {\n      components: { afterNavLinks, beforeNavLinks },\n    },\n  } = payload.config\n\n  const BeforeNavLinks = Array.isArray(beforeNavLinks)\n    ? beforeNavLinks.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  const AfterNavLinks = Array.isArray(afterNavLinks)\n    ? afterNavLinks.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  return (\n    <NavWrapper baseClass={baseClass}>\n      <nav className={`${baseClass}__wrap`}>\n        {Array.isArray(BeforeNavLinks) && BeforeNavLinks.map((Component) => Component)}\n        <DefaultNavClient />\n        {Array.isArray(AfterNavLinks) && AfterNavLinks.map((Component) => Component)}\n        <div className={`${baseClass}__controls`}>\n          <Logout />\n        </div>\n      </nav>\n      <div className={`${baseClass}__header`}>\n        <div className={`${baseClass}__header-content`}>\n          <NavHamburger baseClass={baseClass} />\n        </div>\n      </div>\n    </NavWrapper>\n  )\n}\n"],"names":["Logout","React","NavHamburger","NavWrapper","baseClass","WithServerSideProps","DefaultNavClient","DefaultNav","props","i18n","locale","params","payload","permissions","searchParams","user","config","admin","components","afterNavLinks","beforeNavLinks","BeforeNavLinks","Array","isArray","map","Component","i","serverOnlyProps","AfterNavLinks","nav","className","div"],"mappings":";AAEA,SAASA,MAAM,QAAQ,iBAAgB;AACvC,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,MAAMC,YAAY;AAElB,SAASC,mBAAmB,QAAQ,wBAAuB;AAE3D,SAASC,gBAAgB,QAAQ,oBAAmB;AAIpD,OAAO,MAAMC,aAAiC,CAACC;IAC7C,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGP;IAE3E,IAAI,CAACI,SAASI,QAAQ;QACpB,OAAO;IACT;IAEA,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,aAAa,EAAEC,cAAc,EAAE,EAC9C,EACF,GAAGR,QAAQI,MAAM;IAElB,MAAMK,iBAAiBC,MAAMC,OAAO,CAACH,kBACjCA,eAAeI,GAAG,CAAC,CAACC,WAAWC,kBAC7B,KAACrB;YACCoB,WAAWA;YAEXE,iBAAiB;gBACflB;gBACAC;gBACAC;gBACAC;gBACAC;gBACAC;gBACAC;YACF;WATKW,MAYT;IAEJ,MAAME,gBAAgBN,MAAMC,OAAO,CAACJ,iBAChCA,cAAcK,GAAG,CAAC,CAACC,WAAWC,kBAC5B,KAACrB;YACCoB,WAAWA;YAEXE,iBAAiB;gBACflB;gBACAC;gBACAC;gBACAC;gBACAC;gBACAC;gBACAC;YACF;WATKW,MAYT;IAEJ,qBACE,MAACvB;QAAWC,WAAWA;;0BACrB,MAACyB;gBAAIC,WAAW,CAAC,EAAE1B,UAAU,MAAM,CAAC;;oBACjCkB,MAAMC,OAAO,CAACF,mBAAmBA,eAAeG,GAAG,CAAC,CAACC,YAAcA;kCACpE,KAACnB;oBACAgB,MAAMC,OAAO,CAACK,kBAAkBA,cAAcJ,GAAG,CAAC,CAACC,YAAcA;kCAClE,KAACM;wBAAID,WAAW,CAAC,EAAE1B,UAAU,UAAU,CAAC;kCACtC,cAAA,KAACJ;;;;0BAGL,KAAC+B;gBAAID,WAAW,CAAC,EAAE1B,UAAU,QAAQ,CAAC;0BACpC,cAAA,KAAC2B;oBAAID,WAAW,CAAC,EAAE1B,UAAU,gBAAgB,CAAC;8BAC5C,cAAA,KAACF;wBAAaE,WAAWA;;;;;;AAKnC,EAAC"}

package/dist/exports/layouts.d.ts

@@ -0,0 +1,2 @@
+export { RootLayout, metadata } from '../layouts/Root/index.js';
+//# sourceMappingURL=layouts.d.ts.map

package/dist/exports/layouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../../src/exports/layouts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/exports/layouts.js

@@ -0,0 +1,3 @@
+export { RootLayout, metadata } from '../layouts/Root/index.js';
+
+//# sourceMappingURL=layouts.js.map

package/dist/exports/layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/layouts.ts"],"sourcesContent":["export { RootLayout, metadata } from '../layouts/Root/index.js'\n"],"names":["RootLayout","metadata"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,2BAA0B"}

package/dist/exports/routes.d.ts

@@ -0,0 +1,3 @@
+export { GRAPHQL_PLAYGROUND_GET, GRAPHQL_POST } from '../routes/graphql/index.js';
+export { DELETE as REST_DELETE, GET as REST_GET, OPTIONS as REST_OPTIONS, PATCH as REST_PATCH, POST as REST_POST, } from '../routes/rest/index.js';
+//# sourceMappingURL=routes.d.ts.map

package/dist/exports/routes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../src/exports/routes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEjF,OAAO,EACL,MAAM,IAAI,WAAW,EACrB,GAAG,IAAI,QAAQ,EACf,OAAO,IAAI,YAAY,EACvB,KAAK,IAAI,UAAU,EACnB,IAAI,IAAI,SAAS,GAClB,MAAM,yBAAyB,CAAA"}

package/dist/exports/routes.js

@@ -0,0 +1,4 @@
+export { GRAPHQL_PLAYGROUND_GET, GRAPHQL_POST } from '../routes/graphql/index.js';
+export { DELETE as REST_DELETE, GET as REST_GET, OPTIONS as REST_OPTIONS, PATCH as REST_PATCH, POST as REST_POST } from '../routes/rest/index.js';
+
+//# sourceMappingURL=routes.js.map

package/dist/exports/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/routes.ts"],"sourcesContent":["export { GRAPHQL_PLAYGROUND_GET, GRAPHQL_POST } from '../routes/graphql/index.js'\n\nexport {\n  DELETE as REST_DELETE,\n  GET as REST_GET,\n  OPTIONS as REST_OPTIONS,\n  PATCH as REST_PATCH,\n  POST as REST_POST,\n} from '../routes/rest/index.js'\n"],"names":["GRAPHQL_PLAYGROUND_GET","GRAPHQL_POST","DELETE","REST_DELETE","GET","REST_GET","OPTIONS","REST_OPTIONS","PATCH","REST_PATCH","POST","REST_POST"],"mappings":"AAAA,SAASA,sBAAsB,EAAEC,YAAY,QAAQ,6BAA4B;AAEjF,SACEC,UAAUC,WAAW,EACrBC,OAAOC,QAAQ,EACfC,WAAWC,YAAY,EACvBC,SAASC,UAAU,EACnBC,QAAQC,SAAS,QACZ,0BAAyB"}

package/dist/exports/templates.d.ts

@@ -0,0 +1,3 @@
+export { DefaultTemplate, type DefaultTemplateProps } from '../templates/Default/index.js';
+export { MinimalTemplate, type MinimalTemplateProps } from '../templates/Minimal/index.js';
+//# sourceMappingURL=templates.d.ts.map

package/dist/exports/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/exports/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAC1F,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/exports/templates.js

@@ -0,0 +1,4 @@
+export { DefaultTemplate } from '../templates/Default/index.js';
+export { MinimalTemplate } from '../templates/Minimal/index.js';
+
+//# sourceMappingURL=templates.js.map

package/dist/exports/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/exports/templates.ts"],"sourcesContent":["export { DefaultTemplate, type DefaultTemplateProps } from '../templates/Default/index.js'\nexport { MinimalTemplate, type MinimalTemplateProps } from '../templates/Minimal/index.js'\n"],"names":["DefaultTemplate","MinimalTemplate"],"mappings":"AAAA,SAASA,eAAe,QAAmC,gCAA+B;AAC1F,SAASC,eAAe,QAAmC,gCAA+B"}

package/dist/exports/utilities.d.ts

@@ -0,0 +1,7 @@
+export { addDataAndFileToRequest } from '../utilities/addDataAndFileToRequest.js';
+export { addLocalesToRequestFromData, sanitizeLocales } from '../utilities/addLocalesToRequest.js';
+export { createPayloadRequest } from '../utilities/createPayloadRequest.js';
+export { getNextRequestI18n } from '../utilities/getNextRequestI18n.js';
+export { getPayloadHMR, reload } from '../utilities/getPayloadHMR.js';
+export { headersWithCors } from '../utilities/headersWithCors.js';
+//# sourceMappingURL=utilities.d.ts.map