@payloadcms/next 3.0.0-beta.9 → 3.0.0-beta.90

package/dist/elements/DocumentHeader/Tabs/index.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared';
+import React from 'react';
+import { ShouldRenderTabs } from './ShouldRenderTabs.js';
+import { DocumentTab } from './Tab/index.js';
+import { getCustomViews } from './getCustomViews.js';
+import { getViewConfig } from './getViewConfig.js';
+import { tabs as defaultTabs } from './tabs/index.js';
+const baseClass = 'doc-tabs';
+export const DocumentTabs = (props)=>{
+    const { collectionConfig, globalConfig, i18n, payload, permissions } = props;
+    const { config } = payload;
+    const customViews = getCustomViews({
+        collectionConfig,
+        globalConfig
+    });
+    return /*#__PURE__*/ _jsx(ShouldRenderTabs, {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: baseClass,
+            children: /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__tabs-container`,
+                children: /*#__PURE__*/ _jsxs("ul", {
+                    className: `${baseClass}__tabs`,
+                    children: [
+                        Object.entries(defaultTabs)?.sort(([, a], [, b])=>{
+                            if (a.order === undefined && b.order === undefined) return 0;
+                            else if (a.order === undefined) return 1;
+                            else if (b.order === undefined) return -1;
+                            return a.order - b.order;
+                        })?.map(([name, tab], index)=>{
+                            const viewConfig = getViewConfig({
+                                name,
+                                collectionConfig,
+                                globalConfig
+                            });
+                            const tabFromConfig = viewConfig && 'tab' in viewConfig ? viewConfig.tab : undefined;
+                            const { condition } = tabFromConfig || {};
+                            const meetsCondition = !condition || condition && Boolean(condition({
+                                collectionConfig,
+                                config,
+                                globalConfig,
+                                permissions
+                            }));
+                            if (meetsCondition) {
+                                return /*#__PURE__*/ _jsx(DocumentTab, {
+                                    ...props,
+                                    ...tab || {},
+                                    ...tabFromConfig || {}
+                                }, `tab-${index}`);
+                            }
+                            return null;
+                        }),
+                        customViews?.map((CustomView, index)=>{
+                            if ('tab' in CustomView) {
+                                const { path, tab } = CustomView;
+                                if (tab.Component) {
+                                    const createMappedComponent = getCreateMappedComponent({
+                                        importMap: payload.importMap,
+                                        serverProps: {
+                                            i18n,
+                                            payload,
+                                            permissions,
+                                            ...props,
+                                            key: `tab-custom-${index}`,
+                                            path
+                                        }
+                                    });
+                                    const mappedTab = createMappedComponent(tab.Component, undefined, undefined, 'tab.Component');
+                                    return /*#__PURE__*/ _jsx(RenderComponent, {
+                                        clientProps: {
+                                            key: `tab-custom-${index}`,
+                                            path
+                                        },
+                                        mappedComponent: mappedTab
+                                    }, `tab-custom-${index}`);
+                                }
+                                return /*#__PURE__*/ _jsx(DocumentTab, {
+                                    ...props,
+                                    ...tab
+                                }, `tab-custom-${index}`);
+                            }
+                            return null;
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Payload,\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { RenderComponent, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport { ShouldRenderTabs } from './ShouldRenderTabs.js'\nimport { DocumentTab } from './Tab/index.js'\nimport { getCustomViews } from './getCustomViews.js'\nimport { getViewConfig } from './getViewConfig.js'\nimport './index.scss'\nimport { tabs as defaultTabs } from './tabs/index.js'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  i18n: I18n\n  payload: Payload\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, globalConfig, i18n, payload, permissions } = props\n  const { config } = payload\n\n  const customViews = getCustomViews({ collectionConfig, globalConfig })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {Object.entries(defaultTabs)\n              // sort `defaultViews` based on `order` property from smallest to largest\n              // if no `order`, append the view to the end\n              // TODO: open `order` to the config and merge `defaultViews` with `customViews`\n              ?.sort(([, a], [, b]) => {\n                if (a.order === undefined && b.order === undefined) return 0\n                else if (a.order === undefined) return 1\n                else if (b.order === undefined) return -1\n                return a.order - b.order\n              })\n              ?.map(([name, tab], index) => {\n                const viewConfig = getViewConfig({ name, collectionConfig, globalConfig })\n                const tabFromConfig = viewConfig && 'tab' in viewConfig ? viewConfig.tab : undefined\n\n                const { condition } = tabFromConfig || {}\n\n                const meetsCondition =\n                  !condition ||\n                  (condition &&\n                    Boolean(condition({ collectionConfig, config, globalConfig, permissions })))\n\n                if (meetsCondition) {\n                  return (\n                    <DocumentTab\n                      key={`tab-${index}`}\n                      {...{\n                        ...props,\n                        ...(tab || {}),\n                        ...(tabFromConfig || {}),\n                      }}\n                    />\n                  )\n                }\n\n                return null\n              })}\n            {customViews?.map((CustomView, index) => {\n              if ('tab' in CustomView) {\n                const { path, tab } = CustomView\n\n                if (tab.Component) {\n                  const createMappedComponent = getCreateMappedComponent({\n                    importMap: payload.importMap,\n                    serverProps: {\n                      i18n,\n                      payload,\n                      permissions,\n                      ...props,\n                      key: `tab-custom-${index}`,\n                      path,\n                    },\n                  })\n\n                  const mappedTab = createMappedComponent(\n                    tab.Component,\n                    undefined,\n                    undefined,\n                    'tab.Component',\n                  )\n\n                  return (\n                    <RenderComponent\n                      clientProps={{\n                        key: `tab-custom-${index}`,\n                        path,\n                      }}\n                      key={`tab-custom-${index}`}\n                      mappedComponent={mappedTab}\n                    />\n                  )\n                }\n\n                return (\n                  <DocumentTab\n                    key={`tab-custom-${index}`}\n                    {...{\n                      ...props,\n                      ...tab,\n                    }}\n                  />\n                )\n              }\n              return null\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"names":["RenderComponent","getCreateMappedComponent","React","ShouldRenderTabs","DocumentTab","getCustomViews","getViewConfig","tabs","defaultTabs","baseClass","DocumentTabs","props","collectionConfig","globalConfig","i18n","payload","permissions","config","customViews","div","className","ul","Object","entries","sort","a","b","order","undefined","map","name","tab","index","viewConfig","tabFromConfig","condition","meetsCondition","Boolean","CustomView","path","Component","createMappedComponent","importMap","serverProps","key","mappedTab","clientProps","mappedComponent"],"mappings":";AAQA,SAASA,eAAe,EAAEC,wBAAwB,QAAQ,wBAAuB;AACjF,OAAOC,WAAW,QAAO;AAEzB,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,WAAW,QAAQ,iBAAgB;AAC5C,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,aAAa,QAAQ,qBAAoB;AAElD,SAASC,QAAQC,WAAW,QAAQ,kBAAiB;AAErD,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAMR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,IAAI,EAAEC,OAAO,EAAEC,WAAW,EAAE,GAAGL;IACvE,MAAM,EAAEM,MAAM,EAAE,GAAGF;IAEnB,MAAMG,cAAcb,eAAe;QAAEO;QAAkBC;IAAa;IAEpE,qBACE,KAACV;kBACC,cAAA,KAACgB;YAAIC,WAAWX;sBACd,cAAA,KAACU;gBAAIC,WAAW,CAAC,EAAEX,UAAU,gBAAgB,CAAC;0BAC5C,cAAA,MAACY;oBAAGD,WAAW,CAAC,EAAEX,UAAU,MAAM,CAAC;;wBAChCa,OAAOC,OAAO,CAACf,cAIZgB,KAAK,CAAC,GAAGC,EAAE,EAAE,GAAGC,EAAE;4BAClB,IAAID,EAAEE,KAAK,KAAKC,aAAaF,EAAEC,KAAK,KAAKC,WAAW,OAAO;iCACtD,IAAIH,EAAEE,KAAK,KAAKC,WAAW,OAAO;iCAClC,IAAIF,EAAEC,KAAK,KAAKC,WAAW,OAAO,CAAC;4BACxC,OAAOH,EAAEE,KAAK,GAAGD,EAAEC,KAAK;wBAC1B,IACEE,IAAI,CAAC,CAACC,MAAMC,IAAI,EAAEC;4BAClB,MAAMC,aAAa3B,cAAc;gCAAEwB;gCAAMlB;gCAAkBC;4BAAa;4BACxE,MAAMqB,gBAAgBD,cAAc,SAASA,aAAaA,WAAWF,GAAG,GAAGH;4BAE3E,MAAM,EAAEO,SAAS,EAAE,GAAGD,iBAAiB,CAAC;4BAExC,MAAME,iBACJ,CAACD,aACAA,aACCE,QAAQF,UAAU;gCAAEvB;gCAAkBK;gCAAQJ;gCAAcG;4BAAY;4BAE5E,IAAIoB,gBAAgB;gCAClB,qBACE,KAAChC;oCAGG,GAAGO,KAAK;oCACR,GAAIoB,OAAO,CAAC,CAAC;oCACb,GAAIG,iBAAiB,CAAC,CAAC;mCAJpB,CAAC,IAAI,EAAEF,MAAM,CAAC;4BAQzB;4BAEA,OAAO;wBACT;wBACDd,aAAaW,IAAI,CAACS,YAAYN;4BAC7B,IAAI,SAASM,YAAY;gCACvB,MAAM,EAAEC,IAAI,EAAER,GAAG,EAAE,GAAGO;gCAEtB,IAAIP,IAAIS,SAAS,EAAE;oCACjB,MAAMC,wBAAwBxC,yBAAyB;wCACrDyC,WAAW3B,QAAQ2B,SAAS;wCAC5BC,aAAa;4CACX7B;4CACAC;4CACAC;4CACA,GAAGL,KAAK;4CACRiC,KAAK,CAAC,WAAW,EAAEZ,MAAM,CAAC;4CAC1BO;wCACF;oCACF;oCAEA,MAAMM,YAAYJ,sBAChBV,IAAIS,SAAS,EACbZ,WACAA,WACA;oCAGF,qBACE,KAAC5B;wCACC8C,aAAa;4CACXF,KAAK,CAAC,WAAW,EAAEZ,MAAM,CAAC;4CAC1BO;wCACF;wCAEAQ,iBAAiBF;uCADZ,CAAC,WAAW,EAAEb,MAAM,CAAC;gCAIhC;gCAEA,qBACE,KAAC5B;oCAGG,GAAGO,KAAK;oCACR,GAAGoB,GAAG;mCAHH,CAAC,WAAW,EAAEC,MAAM,CAAC;4BAOhC;4BACA,OAAO;wBACT;;;;;;AAMZ,EAAC"}

package/dist/elements/DocumentHeader/Tabs/index.scss

@@ -0,0 +1,52 @@
+@import '../../../scss/styles.scss';
+
+.doc-tabs {
+  display: flex;
+
+  &__tabs {
+    display: flex;
+    gap: calc(var(--base) / 2);
+    list-style: none;
+    align-items: center;
+    margin: 0;
+    padding-left: 0;
+  }
+
+  @include mid-break {
+    width: 100%;
+    padding: 0;
+    overflow: auto;
+
+    // this container has a gradient overlay as visual indication of `overflow: scroll`
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      position: sticky;
+      right: 0;
+      width: calc(var(--base) * 2);
+      height: calc(var(--base) * 2);
+      background: linear-gradient(to right, transparent, var(--theme-bg));
+      flex-shrink: 0;
+      z-index: 1111;
+      pointer-events: none;
+    }
+
+    &__tabs {
+      padding: 0;
+    }
+  }
+
+  @include small-break {
+    &__tabs-container {
+      margin-right: var(--gutter-h);
+    }
+
+    &__tabs {
+      gap: var(--gutter-h);
+    }
+  }
+}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.d.ts

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

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAkBhC,CAAA"}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDocumentInfo } from '@payloadcms/ui';
+import React from 'react';
+import { baseClass } from '../../Tab/index.js';
+export const VersionsPill = ()=>{
+    const { versions } = useDocumentInfo();
+    // To prevent CLS (versions are currently loaded client-side), render non-breaking space if there are no versions
+    // The pill is already conditionally rendered to begin with based on whether the document is version-enabled
+    // documents that are version enabled _always_ have at least one version
+    const hasVersions = versions?.totalDocs > 0;
+    if (hasVersions) return /*#__PURE__*/ _jsx("span", {
+        className: [
+            `${baseClass}__count`,
+            hasVersions ? `${baseClass}__count--has-count` : ''
+        ].filter(Boolean).join(' '),
+        children: versions.totalDocs.toString()
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { baseClass } from '../../Tab/index.js'\n\nexport const VersionsPill: React.FC = () => {\n  const { versions } = useDocumentInfo()\n\n  // To prevent CLS (versions are currently loaded client-side), render non-breaking space if there are no versions\n  // The pill is already conditionally rendered to begin with based on whether the document is version-enabled\n  // documents that are version enabled _always_ have at least one version\n  const hasVersions = versions?.totalDocs > 0\n\n  if (hasVersions)\n    return (\n      <span\n        className={[`${baseClass}__count`, hasVersions ? `${baseClass}__count--has-count` : '']\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {versions.totalDocs.toString()}\n      </span>\n    )\n}\n"],"names":["useDocumentInfo","React","baseClass","VersionsPill","versions","hasVersions","totalDocs","span","className","filter","Boolean","join","toString"],"mappings":"AAAA;;AACA,SAASA,eAAe,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qBAAoB;AAE9C,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;IAErB,iHAAiH;IACjH,4GAA4G;IAC5G,wEAAwE;IACxE,MAAMK,cAAcD,UAAUE,YAAY;IAE1C,IAAID,aACF,qBACE,KAACE;QACCC,WAAW;YAAC,CAAC,EAAEN,UAAU,OAAO,CAAC;YAAEG,cAAc,CAAC,EAAEH,UAAU,kBAAkB,CAAC,GAAG;SAAG,CACpFO,MAAM,CAACC,SACPC,IAAI,CAAC;kBAEPP,SAASE,SAAS,CAACM,QAAQ;;AAGpC,EAAC"}

package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts

@@ -0,0 +1,9 @@
+import type { DocumentTabConfig } from 'payload';
+import type React from 'react';
+export declare const documentViewKeys: string[];
+export type DocumentViewKey = (typeof documentViewKeys)[number];
+export declare const tabs: Record<DocumentViewKey, {
+    Pill_Component?: React.FC;
+    order?: number;
+} & DocumentTabConfig>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,gBAAgB,UAQ5B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,IAAI,EAAE,MAAM,CACvB,eAAe,EACf;IACE,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,iBAAiB,CA6DtB,CAAA"}

package/dist/elements/DocumentHeader/Tabs/tabs/index.js

@@ -0,0 +1,57 @@
+import { VersionsPill } from './VersionsPill/index.js';
+export const documentViewKeys = [
+    'api',
+    'default',
+    'livePreview',
+    'references',
+    'relationships',
+    'version',
+    'versions'
+];
+export const tabs = {
+    api: {
+        condition: ({ collectionConfig, globalConfig })=>collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
+        href: '/api',
+        label: 'API',
+        order: 1000
+    },
+    default: {
+        href: '',
+        // isActive: ({ href, location }) =>
+        // location.pathname === href || location.pathname === `${href}/create`,
+        label: ({ t })=>t('general:edit'),
+        order: 0
+    },
+    livePreview: {
+        condition: ({ collectionConfig, config, globalConfig })=>{
+            if (collectionConfig) {
+                return Boolean(config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) || collectionConfig?.admin?.livePreview);
+            }
+            if (globalConfig) {
+                return Boolean(config?.admin?.livePreview?.globals?.includes(globalConfig.slug) || globalConfig?.admin?.livePreview);
+            }
+            return false;
+        },
+        href: '/preview',
+        label: ({ t })=>t('general:livePreview'),
+        order: 100
+    },
+    references: {
+        condition: ()=>false
+    },
+    relationships: {
+        condition: ()=>false
+    },
+    version: {
+        condition: ()=>false
+    },
+    versions: {
+        Pill_Component: VersionsPill,
+        condition: ({ collectionConfig, globalConfig, permissions })=>Boolean(collectionConfig?.versions && permissions?.collections?.[collectionConfig?.slug]?.readVersions?.permission || globalConfig?.versions && permissions?.globals?.[globalConfig?.slug]?.readVersions?.permission),
+        href: '/versions',
+        label: ({ t })=>t('version:versions'),
+        order: 200
+    }
+};
+
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig } from 'payload'\nimport type React from 'react'\n\nimport { VersionsPill } from './VersionsPill/index.js'\n\nexport const documentViewKeys = [\n  'api',\n  'default',\n  'livePreview',\n  'references',\n  'relationships',\n  'version',\n  'versions',\n]\n\nexport type DocumentViewKey = (typeof documentViewKeys)[number]\n\nexport const tabs: Record<\n  DocumentViewKey,\n  {\n    Pill_Component?: React.FC\n    order?: number // TODO: expose this to the globalConfig config\n  } & DocumentTabConfig\n> = {\n  api: {\n    condition: ({ collectionConfig, globalConfig }) =>\n      (collectionConfig && !collectionConfig?.admin?.hideAPIURL) ||\n      (globalConfig && !globalConfig?.admin?.hideAPIURL),\n    href: '/api',\n    label: 'API',\n    order: 1000,\n  },\n  default: {\n    href: '',\n    // isActive: ({ href, location }) =>\n    // location.pathname === href || location.pathname === `${href}/create`,\n    label: ({ t }) => t('general:edit'),\n    order: 0,\n  },\n  livePreview: {\n    condition: ({ collectionConfig, config, globalConfig }) => {\n      if (collectionConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) ||\n            collectionConfig?.admin?.livePreview,\n        )\n      }\n\n      if (globalConfig) {\n        return Boolean(\n          config?.admin?.livePreview?.globals?.includes(globalConfig.slug) ||\n            globalConfig?.admin?.livePreview,\n        )\n      }\n\n      return false\n    },\n    href: '/preview',\n    label: ({ t }) => t('general:livePreview'),\n    order: 100,\n  },\n  references: {\n    condition: () => false,\n  },\n  relationships: {\n    condition: () => false,\n  },\n  version: {\n    condition: () => false,\n  },\n  versions: {\n    Pill_Component: VersionsPill,\n    condition: ({ collectionConfig, globalConfig, permissions }) =>\n      Boolean(\n        (collectionConfig?.versions &&\n          permissions?.collections?.[collectionConfig?.slug]?.readVersions?.permission) ||\n          (globalConfig?.versions &&\n            permissions?.globals?.[globalConfig?.slug]?.readVersions?.permission),\n      ),\n    href: '/versions',\n    label: ({ t }) => t('version:versions'),\n    order: 200,\n  },\n}\n"],"names":["VersionsPill","documentViewKeys","tabs","api","condition","collectionConfig","globalConfig","admin","hideAPIURL","href","label","order","default","t","livePreview","config","Boolean","collections","includes","slug","globals","references","relationships","version","versions","Pill_Component","permissions","readVersions","permission"],"mappings":"AAGA,SAASA,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,mBAAmB;IAC9B;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAA;AAID,OAAO,MAAMC,OAMT;IACFC,KAAK;QACHC,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAC5C,AAACD,oBAAoB,CAACA,kBAAkBE,OAAOC,cAC9CF,gBAAgB,CAACA,cAAcC,OAAOC;QACzCC,MAAM;QACNC,OAAO;QACPC,OAAO;IACT;IACAC,SAAS;QACPH,MAAM;QACN,oCAAoC;QACpC,wEAAwE;QACxEC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAG,aAAa;QACXV,WAAW,CAAC,EAAEC,gBAAgB,EAAEU,MAAM,EAAET,YAAY,EAAE;YACpD,IAAID,kBAAkB;gBACpB,OAAOW,QACLD,QAAQR,OAAOO,aAAaG,aAAaC,SAASb,iBAAiBc,IAAI,KACrEd,kBAAkBE,OAAOO;YAE/B;YAEA,IAAIR,cAAc;gBAChB,OAAOU,QACLD,QAAQR,OAAOO,aAAaM,SAASF,SAASZ,aAAaa,IAAI,KAC7Db,cAAcC,OAAOO;YAE3B;YAEA,OAAO;QACT;QACAL,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAU,YAAY;QACVjB,WAAW,IAAM;IACnB;IACAkB,eAAe;QACblB,WAAW,IAAM;IACnB;IACAmB,SAAS;QACPnB,WAAW,IAAM;IACnB;IACAoB,UAAU;QACRC,gBAAgBzB;QAChBI,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAEoB,WAAW,EAAE,GACzDV,QACE,AAACX,kBAAkBmB,YACjBE,aAAaT,aAAa,CAACZ,kBAAkBc,KAAK,EAAEQ,cAAcC,cACjEtB,cAAckB,YACbE,aAAaN,SAAS,CAACd,cAAca,KAAK,EAAEQ,cAAcC;QAElEnB,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;AACF,EAAC"}

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

@@ -0,0 +1,14 @@
+import type { I18n } from '@payloadcms/translations';
+import type { Payload, Permissions, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const DocumentHeader: React.FC<{
+    collectionConfig?: SanitizedCollectionConfig;
+    customHeader?: React.ReactNode;
+    globalConfig?: SanitizedGlobalConfig;
+    hideTabs?: boolean;
+    i18n: I18n;
+    payload: Payload;
+    permissions: Permissions;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,WAAW,CAAA;CACzB,CAuBA,CAAA"}

package/dist/elements/DocumentHeader/index.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Gutter, RenderTitle } from '@payloadcms/ui';
+import React, { Fragment } from 'react';
+import { DocumentTabs } from './Tabs/index.js';
+const baseClass = `doc-header`;
+export const DocumentHeader = (props)=>{
+    const { collectionConfig, customHeader, globalConfig, hideTabs, i18n, payload, permissions } = props;
+    return /*#__PURE__*/ _jsxs(Gutter, {
+        className: baseClass,
+        children: [
+            customHeader && customHeader,
+            !customHeader && /*#__PURE__*/ _jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(RenderTitle, {
+                        className: `${baseClass}__title`
+                    }),
+                    !hideTabs && /*#__PURE__*/ _jsx(DocumentTabs, {
+                        collectionConfig: collectionConfig,
+                        globalConfig: globalConfig,
+                        i18n: i18n,
+                        payload: payload,
+                        permissions: permissions
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Payload,\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport { DocumentTabs } from './Tabs/index.js'\nimport './index.scss'\n\nconst baseClass = `doc-header`\n\nexport const DocumentHeader: React.FC<{\n  collectionConfig?: SanitizedCollectionConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n  payload: Payload\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, customHeader, globalConfig, hideTabs, i18n, payload, permissions } =\n    props\n\n  return (\n    <Gutter className={baseClass}>\n      {customHeader && customHeader}\n      {!customHeader && (\n        <Fragment>\n          <RenderTitle className={`${baseClass}__title`} />\n          {!hideTabs && (\n            <DocumentTabs\n              collectionConfig={collectionConfig}\n              globalConfig={globalConfig}\n              i18n={i18n}\n              payload={payload}\n              permissions={permissions}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"names":["Gutter","RenderTitle","React","Fragment","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","customHeader","globalConfig","hideTabs","i18n","payload","permissions","className"],"mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ,iBAAgB;AACpD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,YAAY,QAAQ,kBAAiB;AAG9C,MAAMC,YAAY,CAAC,UAAU,CAAC;AAE9B,OAAO,MAAMC,iBAQR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAEC,WAAW,EAAE,GAC1FP;IAEF,qBACE,MAACP;QAAOe,WAAWV;;YAChBI,gBAAgBA;YAChB,CAACA,8BACA,MAACN;;kCACC,KAACF;wBAAYc,WAAW,CAAC,EAAEV,UAAU,OAAO,CAAC;;oBAC5C,CAACM,0BACA,KAACP;wBACCI,kBAAkBA;wBAClBE,cAAcA;wBACdE,MAAMA;wBACNC,SAASA;wBACTC,aAAaA;;;;;;AAO3B,EAAC"}

package/dist/elements/DocumentHeader/index.scss

@@ -0,0 +1,52 @@
+@import '../../scss/styles.scss';
+
+.doc-header {
+  width: 100%;
+  margin-top: base(0.4);
+  padding-bottom: calc(var(--base) * 1.2);
+  display: flex;
+  align-items: center;
+  position: relative;
+  display: flex;
+  gap: calc(var(--base) / 2);
+
+  &::after {
+    content: '';
+    display: block;
+    position: absolute;
+    height: 1px;
+    background: var(--theme-elevation-100);
+    width: 100%;
+    left: 0;
+    top: calc(100% - 1px);
+  }
+
+  &__title {
+    flex-grow: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin: 0;
+    padding-bottom: base(0.4);
+    line-height: 1;
+    vertical-align: top;
+  }
+
+  @include mid-break {
+    padding-left: 0;
+    padding-right: 0;
+    margin-top: base(0.25);
+    padding-bottom: calc(var(--base) / 1.5);
+    flex-direction: column;
+    gap: calc(var(--base) / 2);
+    padding-bottom: calc(var(--base) / 2);
+
+    &__title {
+      width: 100%;
+    }
+  }
+
+  @include small-break {
+    margin-top: 0;
+  }
+}

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

@@ -0,0 +1,14 @@
+import type { FieldPermissions, LoginWithUsernameOptions } from 'payload';
+import React from 'react';
+type RenderEmailAndUsernameFieldsProps = {
+    className?: string;
+    loginWithUsername?: LoginWithUsernameOptions | false;
+    operation?: 'create' | 'update';
+    permissions?: {
+        [fieldName: string]: FieldPermissions;
+    };
+    readOnly: boolean;
+};
+export declare function RenderEmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/EmailAndUsername/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAqDzB,KAAK,iCAAiC,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAA;IACpD,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,WAAW,CAAC,EAAE;QACZ,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,iCAAiC,qBA6CpF"}

package/dist/elements/EmailAndUsername/index.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmailField, RenderFields, TextField, useTranslation } from '@payloadcms/ui';
+import { email, username } from 'payload/shared';
+import React from 'react';
+function EmailFieldComponent(props) {
+    const { loginWithUsername } = props;
+    const { t } = useTranslation();
+    const requireEmail = !loginWithUsername || loginWithUsername && loginWithUsername.requireEmail;
+    const showEmailField = !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin;
+    if (showEmailField) {
+        return /*#__PURE__*/ _jsx(EmailField, {
+            autoComplete: "off",
+            field: {
+                name: 'email',
+                label: t('general:email'),
+                required: requireEmail
+            },
+            validate: email
+        });
+    }
+    return null;
+}
+function UsernameFieldComponent(props) {
+    const { loginWithUsername } = props;
+    const { t } = useTranslation();
+    const requireUsername = loginWithUsername && loginWithUsername.requireUsername;
+    const showUsernameField = Boolean(loginWithUsername);
+    if (showUsernameField) {
+        return /*#__PURE__*/ _jsx(TextField, {
+            field: {
+                name: 'username',
+                label: t('authentication:username'),
+                required: requireUsername
+            },
+            validate: username
+        });
+    }
+    return null;
+}
+export function RenderEmailAndUsernameFields(props) {
+    const { className, loginWithUsername, operation, permissions, readOnly } = props;
+    return /*#__PURE__*/ _jsx(RenderFields, {
+        className: className,
+        fields: [
+            {
+                name: 'email',
+                type: 'text',
+                admin: {
+                    autoComplete: 'off',
+                    components: {
+                        Field: {
+                            type: 'client',
+                            Component: null,
+                            RenderedComponent: /*#__PURE__*/ _jsx(EmailFieldComponent, {
+                                loginWithUsername: loginWithUsername
+                            })
+                        }
+                    }
+                },
+                localized: false
+            },
+            {
+                name: 'username',
+                type: 'text',
+                admin: {
+                    components: {
+                        Field: {
+                            type: 'client',
+                            Component: null,
+                            RenderedComponent: /*#__PURE__*/ _jsx(UsernameFieldComponent, {
+                                loginWithUsername: loginWithUsername
+                            })
+                        }
+                    }
+                },
+                localized: false
+            }
+        ],
+        forceRender: true,
+        operation: operation,
+        path: "",
+        permissions: permissions,
+        readOnly: readOnly,
+        schemaPath: ""
+    });
+}
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/EmailAndUsername/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldPermissions, LoginWithUsernameOptions } from 'payload'\n\nimport { EmailField, RenderFields, TextField, useTranslation } from '@payloadcms/ui'\nimport { email, username } from 'payload/shared'\nimport React from 'react'\n\ntype Props = {\n  readonly loginWithUsername?: LoginWithUsernameOptions | false\n}\nfunction EmailFieldComponent(props: Props) {\n  const { loginWithUsername } = props\n  const { t } = useTranslation()\n\n  const requireEmail = !loginWithUsername || (loginWithUsername && loginWithUsername.requireEmail)\n  const showEmailField =\n    !loginWithUsername || loginWithUsername?.requireEmail || loginWithUsername?.allowEmailLogin\n\n  if (showEmailField) {\n    return (\n      <EmailField\n        autoComplete=\"off\"\n        field={{\n          name: 'email',\n          label: t('general:email'),\n          required: requireEmail,\n        }}\n        validate={email}\n      />\n    )\n  }\n\n  return null\n}\n\nfunction UsernameFieldComponent(props: Props) {\n  const { loginWithUsername } = props\n  const { t } = useTranslation()\n\n  const requireUsername = loginWithUsername && loginWithUsername.requireUsername\n  const showUsernameField = Boolean(loginWithUsername)\n\n  if (showUsernameField) {\n    return (\n      <TextField\n        field={{\n          name: 'username',\n          label: t('authentication:username'),\n          required: requireUsername,\n        }}\n        validate={username}\n      />\n    )\n  }\n\n  return null\n}\n\ntype RenderEmailAndUsernameFieldsProps = {\n  className?: string\n  loginWithUsername?: LoginWithUsernameOptions | false\n  operation?: 'create' | 'update'\n  permissions?: {\n    [fieldName: string]: FieldPermissions\n  }\n  readOnly: boolean\n}\nexport function RenderEmailAndUsernameFields(props: RenderEmailAndUsernameFieldsProps) {\n  const { className, loginWithUsername, operation, permissions, readOnly } = props\n\n  return (\n    <RenderFields\n      className={className}\n      fields={[\n        {\n          name: 'email',\n          type: 'text',\n          admin: {\n            autoComplete: 'off',\n            components: {\n              Field: {\n                type: 'client',\n                Component: null,\n                RenderedComponent: <EmailFieldComponent loginWithUsername={loginWithUsername} />,\n              },\n            },\n          },\n          localized: false,\n        },\n        {\n          name: 'username',\n          type: 'text',\n          admin: {\n            components: {\n              Field: {\n                type: 'client',\n                Component: null,\n                RenderedComponent: <UsernameFieldComponent loginWithUsername={loginWithUsername} />,\n              },\n            },\n          },\n          localized: false,\n        },\n      ]}\n      forceRender\n      operation={operation}\n      path=\"\"\n      permissions={permissions}\n      readOnly={readOnly}\n      schemaPath=\"\"\n    />\n  )\n}\n"],"names":["EmailField","RenderFields","TextField","useTranslation","email","username","React","EmailFieldComponent","props","loginWithUsername","t","requireEmail","showEmailField","allowEmailLogin","autoComplete","field","name","label","required","validate","UsernameFieldComponent","requireUsername","showUsernameField","Boolean","RenderEmailAndUsernameFields","className","operation","permissions","readOnly","fields","type","admin","components","Field","Component","RenderedComponent","localized","forceRender","path","schemaPath"],"mappings":"AAAA;;AAIA,SAASA,UAAU,EAAEC,YAAY,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AACpF,SAASC,KAAK,EAAEC,QAAQ,QAAQ,iBAAgB;AAChD,OAAOC,WAAW,QAAO;AAKzB,SAASC,oBAAoBC,KAAY;IACvC,MAAM,EAAEC,iBAAiB,EAAE,GAAGD;IAC9B,MAAM,EAAEE,CAAC,EAAE,GAAGP;IAEd,MAAMQ,eAAe,CAACF,qBAAsBA,qBAAqBA,kBAAkBE,YAAY;IAC/F,MAAMC,iBACJ,CAACH,qBAAqBA,mBAAmBE,gBAAgBF,mBAAmBI;IAE9E,IAAID,gBAAgB;QAClB,qBACE,KAACZ;YACCc,cAAa;YACbC,OAAO;gBACLC,MAAM;gBACNC,OAAOP,EAAE;gBACTQ,UAAUP;YACZ;YACAQ,UAAUf;;IAGhB;IAEA,OAAO;AACT;AAEA,SAASgB,uBAAuBZ,KAAY;IAC1C,MAAM,EAAEC,iBAAiB,EAAE,GAAGD;IAC9B,MAAM,EAAEE,CAAC,EAAE,GAAGP;IAEd,MAAMkB,kBAAkBZ,qBAAqBA,kBAAkBY,eAAe;IAC9E,MAAMC,oBAAoBC,QAAQd;IAElC,IAAIa,mBAAmB;QACrB,qBACE,KAACpB;YACCa,OAAO;gBACLC,MAAM;gBACNC,OAAOP,EAAE;gBACTQ,UAAUG;YACZ;YACAF,UAAUd;;IAGhB;IAEA,OAAO;AACT;AAWA,OAAO,SAASmB,6BAA6BhB,KAAwC;IACnF,MAAM,EAAEiB,SAAS,EAAEhB,iBAAiB,EAAEiB,SAAS,EAAEC,WAAW,EAAEC,QAAQ,EAAE,GAAGpB;IAE3E,qBACE,KAACP;QACCwB,WAAWA;QACXI,QAAQ;YACN;gBACEb,MAAM;gBACNc,MAAM;gBACNC,OAAO;oBACLjB,cAAc;oBACdkB,YAAY;wBACVC,OAAO;4BACLH,MAAM;4BACNI,WAAW;4BACXC,iCAAmB,KAAC5B;gCAAoBE,mBAAmBA;;wBAC7D;oBACF;gBACF;gBACA2B,WAAW;YACb;YACA;gBACEpB,MAAM;gBACNc,MAAM;gBACNC,OAAO;oBACLC,YAAY;wBACVC,OAAO;4BACLH,MAAM;4BACNI,WAAW;4BACXC,iCAAmB,KAACf;gCAAuBX,mBAAmBA;;wBAChE;oBACF;gBACF;gBACA2B,WAAW;YACb;SACD;QACDC,WAAW;QACXX,WAAWA;QACXY,MAAK;QACLX,aAAaA;QACbC,UAAUA;QACVW,YAAW;;AAGjB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,cAAc,CAAA;AA6CrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAyBtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,cAAc,CAAA;AA+CrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EA8BtC,CAAA"}

package/dist/elements/LeaveWithoutSaving/index.js

@@ -1,9 +1,6 @@
 'use client';
-import { Button } from '@payloadcms/ui/elements/Button';
-import { Modal, useModal } from '@payloadcms/ui/elements/Modal';
-import { useFormModified } from '@payloadcms/ui/forms/Form';
-import { useAuth } from '@payloadcms/ui/providers/Auth';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
+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';
@@ -25,24 +22,46 @@ const Component = ({ isActive, onCancel, onConfirm })=>{
         openModal,
         closeModal
     ]);
-    return /*#__PURE__*/ React.createElement(Modal, {
+    return /*#__PURE__*/ _jsx(Modal, {
         className: baseClass,
         onClose: onCancel,
-        slug: modalSlug
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrapper`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__content`
-    }, /*#__PURE__*/ React.createElement("h1", null, t('general:leaveWithoutSaving')), /*#__PURE__*/ React.createElement("p", null, t('general:changesNotSaved'))), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls`
-    }, /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        onClick: onCancel
-    }, t('general:stayOnThisPage')), /*#__PURE__*/ React.createElement(Button, {
-        onClick: onConfirm
-    }, t('general:leaveAnyway')))));
+        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,
+                            size: "large",
+                            children: t('general:stayOnThisPage')
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            onClick: onConfirm,
+                            size: "large",
+                            children: t('general:leaveAnyway')
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 };
 export const LeaveWithoutSaving = ()=>{
+    const { closeModal } = useModal();
     const modified = useFormModified();
     const { user } = useAuth();
     const [show, setShow] = React.useState(false);
@@ -51,12 +70,18 @@ export const LeaveWithoutSaving = ()=>{
     const onPrevent = useCallback(()=>{
         setShow(true);
     }, []);
+    const handleAccept = useCallback(()=>{
+        closeModal(modalSlug);
+    }, [
+        closeModal
+    ]);
     usePreventLeave({
         hasAccepted,
+        onAccept: handleAccept,
         onPrevent,
         prevent
     });
-    return /*#__PURE__*/ React.createElement(Component, {
+    return /*#__PURE__*/ _jsx(Component, {
         isActive: show,
         onCancel: ()=>{
             setShow(false);