@payloadcms/next 3.0.0-canary.0ff7f07 → 3.0.0-canary.12a836c

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

@@ -1,28 +1,28 @@
 import { VersionsPill } from './VersionsPill/index.js';
 export const documentViewKeys = [
-    'API',
-    'Default',
-    'LivePreview',
-    'References',
-    'Relationships',
-    'Version',
-    'Versions'
+    'api',
+    'default',
+    'livePreview',
+    'references',
+    'relationships',
+    'version',
+    'versions'
 ];
 export const tabs = {
-    API: {
+    api: {
         condition: ({ collectionConfig, globalConfig })=>collectionConfig && !collectionConfig?.admin?.hideAPIURL || globalConfig && !globalConfig?.admin?.hideAPIURL,
         href: '/api',
         label: 'API',
         order: 1000
     },
-    Default: {
+    default: {
         href: '',
         // isActive: ({ href, location }) =>
         // location.pathname === href || location.pathname === `${href}/create`,
         label: ({ t })=>t('general:edit'),
         order: 0
     },
-    LivePreview: {
+    livePreview: {
         condition: ({ collectionConfig, config, globalConfig })=>{
             if (collectionConfig) {
                 return Boolean(config?.admin?.livePreview?.collections?.includes(collectionConfig.slug) || collectionConfig?.admin?.livePreview);
@@ -36,17 +36,17 @@ export const tabs = {
         label: ({ t })=>t('general:livePreview'),
         order: 100
     },
-    References: {
+    references: {
         condition: ()=>false
     },
-    Relationships: {
+    relationships: {
         condition: ()=>false
     },
-    Version: {
+    version: {
         condition: ()=>false
     },
-    Versions: {
-        Pill: VersionsPill,
+    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'),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"sourcesContent":["import type { DocumentTabConfig } from 'payload'\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  DocumentTabConfig & {\n    order?: number // TODO: expose this to the globalConfig config\n  }\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: 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","livePreview","collections","includes","slug","globals","References","Relationships","Version","Versions","Pill","permissions","versions","readVersions","permission"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,mBAAmB;IAC9B;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAA;AAID,OAAO,MAAMC,OAKT;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,OAAOU,aAAaC,aAAaC,SAASd,iBAAiBe,IAAI,KACrEf,kBAAkBE,OAAOU;YAE/B;YAEA,IAAIX,cAAc;gBAChB,OAAOU,QACLD,QAAQR,OAAOU,aAAaI,SAASF,SAASb,aAAac,IAAI,KAC7Dd,cAAcC,OAAOU;YAE3B;YAEA,OAAO;QACT;QACAR,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;IACAW,YAAY;QACVlB,WAAW,IAAM;IACnB;IACAmB,eAAe;QACbnB,WAAW,IAAM;IACnB;IACAoB,SAAS;QACPpB,WAAW,IAAM;IACnB;IACAqB,UAAU;QACRC,MAAM1B;QACNI,WAAW,CAAC,EAAEC,gBAAgB,EAAEC,YAAY,EAAEqB,WAAW,EAAE,GACzDX,QACE,AAACX,kBAAkBuB,YACjBD,aAAaT,aAAa,CAACb,kBAAkBe,KAAK,EAAES,cAAcC,cACjExB,cAAcsB,YACbD,aAAaN,SAAS,CAACf,cAAcc,KAAK,EAAES,cAAcC;QAElErB,MAAM;QACNC,OAAO,CAAC,EAAEG,CAAC,EAAE,GAAKA,EAAE;QACpBF,OAAO;IACT;AACF,EAAC"}
+{"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

@@ -1,14 +1,14 @@
 import type { I18n } from '@payloadcms/translations';
-import type { Permissions, SanitizedCollectionConfig, SanitizedConfig, SanitizedGlobalConfig } from 'payload';
+import type { Payload, Permissions, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
 import React from 'react';
 import './index.scss';
 export declare const DocumentHeader: React.FC<{
     collectionConfig?: SanitizedCollectionConfig;
-    config: SanitizedConfig;
     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

@@ -1 +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,WAAW,EACX,yBAAyB,EACzB,eAAe,EACf,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,MAAM,EAAE,eAAe,CAAA;IACvB,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,WAAW,EAAE,WAAW,CAAA;CACzB,CAuBA,CAAA"}
+{"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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gutter, RenderTitle } from '@payloadcms/ui/client';
+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, config, customHeader, globalConfig, hideTabs, i18n, permissions } = props;
+    const { collectionConfig, customHeader, globalConfig, hideTabs, i18n, payload, permissions } = props;
     return /*#__PURE__*/ _jsxs(Gutter, {
         className: baseClass,
         children: [
@@ -16,9 +16,9 @@ export const DocumentHeader = (props)=>{
                     }),
                     !hideTabs && /*#__PURE__*/ _jsx(DocumentTabs, {
                         collectionConfig: collectionConfig,
-                        config: config,
                         globalConfig: globalConfig,
                         i18n: i18n,
+                        payload: payload,
                         permissions: permissions
                     })
                 ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentHeader/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Permissions,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { Gutter, RenderTitle } from '@payloadcms/ui/client'\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  config: SanitizedConfig\n  customHeader?: React.ReactNode\n  globalConfig?: SanitizedGlobalConfig\n  hideTabs?: boolean\n  i18n: I18n\n  permissions: Permissions\n}> = (props) => {\n  const { collectionConfig, config, customHeader, globalConfig, hideTabs, i18n, 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              config={config}\n              globalConfig={globalConfig}\n              i18n={i18n}\n              permissions={permissions}\n            />\n          )}\n        </Fragment>\n      )}\n    </Gutter>\n  )\n}\n"],"names":["Gutter","RenderTitle","React","Fragment","DocumentTabs","baseClass","DocumentHeader","props","collectionConfig","config","customHeader","globalConfig","hideTabs","i18n","permissions","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAQA,SAASA,MAAM,EAAEC,WAAW,QAAQ,wBAAuB;AAC3D,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,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,WAAW,EAAE,GACzFP;IAEF,qBACE,MAACP;QAAOe,WAAWV;;YAChBK,gBAAgBA;YAChB,CAACA,8BACA,MAACP;;kCACC,KAACF;wBAAYc,WAAW,CAAC,EAAEV,UAAU,OAAO,CAAC;;oBAC5C,CAACO,0BACA,KAACR;wBACCI,kBAAkBA;wBAClBC,QAAQA;wBACRE,cAAcA;wBACdE,MAAMA;wBACNC,aAAaA;;;;;;AAO3B,EAAC"}
+{"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

@@ -40,8 +40,6 @@
 
     &__title {
       width: 100%;
-      padding-left: var(--gutter-h);
-      padding-right: var(--gutter-h);
     }
   }
 

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":"AASA,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,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Modal, useAuth, useFormModified, useModal, useTranslation } from '@payloadcms/ui/client';
+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';
@@ -46,10 +46,12 @@ const Component = ({ isActive, onCancel, onConfirm })=>{
                         /*#__PURE__*/ _jsx(Button, {
                             buttonStyle: "secondary",
                             onClick: onCancel,
+                            size: "large",
                             children: t('general:stayOnThisPage')
                         }),
                         /*#__PURE__*/ _jsx(Button, {
                             onClick: onConfirm,
+                            size: "large",
                             children: t('general:leaveAnyway')
                         })
                     ]
@@ -59,6 +61,7 @@ const Component = ({ isActive, onCancel, onConfirm })=>{
     });
 };
 export const LeaveWithoutSaving = ()=>{
+    const { closeModal } = useModal();
     const modified = useFormModified();
     const { user } = useAuth();
     const [show, setShow] = React.useState(false);
@@ -67,8 +70,14 @@ export const LeaveWithoutSaving = ()=>{
     const onPrevent = useCallback(()=>{
         setShow(true);
     }, []);
+    const handleAccept = useCallback(()=>{
+        closeModal(modalSlug);
+    }, [
+        closeModal
+    ]);
     usePreventLeave({
         hasAccepted,
+        onAccept: handleAccept,
         onPrevent,
         prevent
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/LeaveWithoutSaving/index.tsx"],"sourcesContent":["'use client'\nimport {\n  Button,\n  Modal,\n  useAuth,\n  useFormModified,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui/client'\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SACEA,MAAM,EACNC,KAAK,EACLC,OAAO,EACPC,eAAe,EACfC,QAAQ,EACRC,cAAc,QACT,wBAAuB;AAC9B,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"}
+{"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} size=\"large\">\n            {t('general:stayOnThisPage')}\n          </Button>\n          <Button onClick={onConfirm} size=\"large\">\n            {t('general:leaveAnyway')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n\nexport const LeaveWithoutSaving: React.FC = () => {\n  const { closeModal } = useModal()\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  const handleAccept = useCallback(() => {\n    closeModal(modalSlug)\n  }, [closeModal])\n\n  usePreventLeave({ hasAccepted, onAccept: handleAccept, 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","size","LeaveWithoutSaving","modified","user","show","setShow","useState","hasAccepted","setHasAccepted","prevent","Boolean","onPrevent","handleAccept","onAccept"],"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;4BAAUc,MAAK;sCACrDT,EAAE;;sCAEL,KAACnB;4BAAO2B,SAASZ;4BAAWa,MAAK;sCAC9BT,EAAE;;;;;;;AAMf;AAEA,OAAO,MAAMU,qBAA+B;IAC1C,MAAM,EAAEb,UAAU,EAAE,GAAGZ;IACvB,MAAM0B,WAAW3B;IACjB,MAAM,EAAE4B,IAAI,EAAE,GAAG7B;IACjB,MAAM,CAAC8B,MAAMC,QAAQ,GAAG3B,MAAM4B,QAAQ,CAAC;IACvC,MAAM,CAACC,aAAaC,eAAe,GAAG9B,MAAM4B,QAAQ,CAAC;IAErD,MAAMG,UAAUC,QAAQR,YAAYC;IAEpC,MAAMQ,YAAYhC,YAAY;QAC5B0B,QAAQ;IACV,GAAG,EAAE;IAEL,MAAMO,eAAejC,YAAY;QAC/BS,WAAWN;IACb,GAAG;QAACM;KAAW;IAEfP,gBAAgB;QAAE0B;QAAaM,UAAUD;QAAcD;QAAWF;IAAQ;IAE1E,qBACE,KAACzB;QACCC,UAAUmB;QACVlB,UAAU;YACRmB,QAAQ;QACV;QACAlB,WAAW;YACTqB,eAAe;QACjB;;AAGN,EAAC"}

package/dist/elements/LeaveWithoutSaving/index.scss

@@ -13,6 +13,7 @@
     display: flex;
     flex-direction: column;
     gap: var(--base);
+    padding: base(2);
   }
 
   &__content {

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

@@ -1,7 +1,8 @@
 export declare const useBeforeUnload: (enabled?: (() => boolean) | boolean, message?: string) => void;
-export declare const usePreventLeave: ({ hasAccepted, message, onPrevent, prevent, }: {
+export declare const usePreventLeave: ({ hasAccepted, message, onAccept, onPrevent, prevent, }: {
     hasAccepted: boolean;
     message?: string;
+    onAccept?: () => void;
     onPrevent?: () => void;
     prevent: boolean;
 }) => void;

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

@@ -1 +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"}
+{"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,4DAMzB;IACD,WAAW,EAAE,OAAO,CAAA;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,EAAE,OAAO,CAAA;CACjB,SAgFA,CAAA"}

package/dist/elements/LeaveWithoutSaving/usePreventLeave.js

@@ -40,7 +40,7 @@ export const useBeforeUnload = (enabled = true, message)=>{
         handler
     ]);
 };
-export const usePreventLeave = ({ hasAccepted = false, message = 'Are you sure want to leave this page?', onPrevent, prevent = true })=>{
+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 router = useRouter();
@@ -103,10 +103,12 @@ export const usePreventLeave = ({ hasAccepted = false, message = 'Are you sure w
     ]);
     useEffect(()=>{
         if (hasAccepted && cancelledURL.current) {
+            if (onAccept) onAccept();
             router.push(cancelledURL.current);
         }
     }, [
         hasAccepted,
+        onAccept,
         router
     ]);
 };

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

@@ -1 +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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"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  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\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      if (onAccept) onAccept()\n      router.push(cancelledURL.current)\n    }\n  }, [hasAccepted, onAccept, 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","onAccept","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":"AAAA,sBAAsB;AACtB,6FAA6F;AAC7F,kCAAkC;AAClC,+HAA+H;AAC/H,SAASA,SAAS,QAAQ,qBAAoB;AAC9C,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEtD,SAASC,GACPC,GAAa,EACb,GAAGC,IAA2E;IAE9E,IAAID,OAAOA,IAAIE,gBAAgB,EAAE;QAC/BF,IAAIE,gBAAgB,IAAKD;IAC3B;AACF;AAEA,SAASE,IACPH,GAAa,EACb,GAAGC,IAA8E;IAEjF,IAAID,OAAOA,IAAII,mBAAmB,EAAE;QAClCJ,IAAII,mBAAmB,IAAKH;IAC9B;AACF;AAEA,OAAO,MAAMI,kBAAkB,CAACC,UAAqC,IAAI,EAAEC;IACzE,MAAMC,UAAUZ,YACd,CAACa;QACC,MAAMC,eAAe,OAAOJ,YAAY,aAAaA,YAAY;QAEjE,IAAI,CAACI,cAAc;YACjB;QACF;QAEAD,MAAME,cAAc;QAEpB,IAAIJ,SAAS;YACXE,MAAMG,WAAW,GAAGL;QACtB;QAEA,OAAOA;IACT,GACA;QAACD;QAASC;KAAQ;IAGpBV,UAAU;QACR,IAAI,CAACS,SAAS;YACZ;QACF;QAEAP,GAAGc,QAAQ,gBAAgBL;QAE3B,OAAO,IAAML,IAAIU,QAAQ,gBAAgBL;IAC3C,GAAG;QAACF;QAASE;KAAQ;AACvB,EAAC;AAED,OAAO,MAAMM,kBAAkB,CAAC,EAC9BC,cAAc,KAAK,EACnBR,UAAU,uCAAuC,EACjDS,QAAQ,EACRC,SAAS,EACTC,UAAU,IAAI,EASf;IACC,0CAA0C;IAC1Cb,gBAAgBa,SAASX;IAEzB,MAAMY,SAASxB;IACf,MAAMyB,eAAetB,OAAe;IAEpC,yCAAyC;IACzCD,UAAU;QACR,SAASwB,qBAAqBC,UAAkB,EAAEC,MAAc;YAC9D,MAAMC,gBAAgB,IAAIC,IAAIH;YAC9B,MAAMI,YAAY,IAAID,IAAIF;YAC1B,oDAAoD;YACpD,IACEC,cAAcG,QAAQ,KAAKD,UAAUC,QAAQ,IAC7CH,cAAcI,QAAQ,KAAKF,UAAUE,QAAQ,IAC7CJ,cAAcK,MAAM,KAAKH,UAAUG,MAAM,EACzC;gBACA,iEAAiE;gBACjE,MAAMC,cAAcN,cAAcO,IAAI;gBACtC,MAAMC,UAAUN,UAAUK,IAAI;gBAC9B,OACED,gBAAgBE,WAChBR,cAAcS,IAAI,CAACC,OAAO,CAACJ,aAAa,QAAQJ,UAAUO,IAAI,CAACC,OAAO,CAACF,SAAS;YAEpF;YACA,OAAO;QACT;QAEA,SAASG,kBAAkBC,OAA2B;YACpD,MAAOA,WAAWA,QAAQC,OAAO,CAACC,WAAW,OAAO,IAAK;gBACvDF,UAAUA,QAAQG,aAAa;YACjC;YACA,OAAOH;QACT;QACA,SAASI,YAAY/B,KAAiB;YACpC,IAAI;gBACF,MAAMgC,SAAShC,MAAMgC,MAAM;gBAC3B,MAAMC,SAASP,kBAAkBM;gBACjC,IAAIC,QAAQ;oBACV,MAAMpB,aAAaT,OAAO8B,QAAQ,CAACV,IAAI;oBACvC,MAAMV,SAASmB,OAAOT,IAAI;oBAC1B,MAAMW,WAAWvB,qBAAqBC,YAAYC;oBAClD,MAAMsB,iBAAiBH,OAAOI,QAAQ,KAAK;oBAE3C,MAAMC,gBAAgB,CAAExB,CAAAA,WAAWD,cAAcsB,YAAYC,cAAa;oBAE1E,IAAIE,iBAAiB7B,WAAY,CAAA,CAACD,YAAY,CAACJ,OAAOmC,OAAO,CAACzC,WAAW,IAAG,GAAI;wBAC9E,+BAA+B;wBAC/Ba,aAAa6B,OAAO,GAAG1B;wBAEvB,0BAA0B;wBAC1Bd,MAAME,cAAc;wBACpBF,MAAMyC,eAAe;wBAErB,IAAI,OAAOjC,cAAc,YAAY;4BACnCA;wBACF;oBACF;gBACF;YACF,EAAE,OAAOkC,KAAK;gBACZC,MAAMD;YACR;QACF;QAEA,sCAAsC;QACtCE,SAASnD,gBAAgB,CAAC,SAASsC,aAAa;QAEhD,2EAA2E;QAC3E,OAAO;YACLa,SAASjD,mBAAmB,CAAC,SAASoC,aAAa;QACrD;IACF,GAAG;QAACvB;QAAWC;QAASX;KAAQ;IAEhCV,UAAU;QACR,IAAIkB,eAAeK,aAAa6B,OAAO,EAAE;YACvC,IAAIjC,UAAUA;YACdG,OAAOmC,IAAI,CAAClC,aAAa6B,OAAO;QAClC;IACF,GAAG;QAAClC;QAAaC;QAAUG;KAAO;AACpC,EAAC"}

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

@@ -1 +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"}
+{"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,CA6BtC,CAAA"}

package/dist/elements/Logo/index.js

@@ -1,15 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { PayloadLogo, RenderCustomComponent } from '@payloadcms/ui/shared';
+import { PayloadLogo, RenderComponent, getCreateMappedComponent } 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: {
+    const createMappedComponent = getCreateMappedComponent({
+        importMap: payload.importMap,
+        serverProps: {
             i18n,
             locale,
             params,
@@ -19,6 +18,10 @@ export const Logo = (props)=>{
             user
         }
     });
+    const mappedCustomLogo = createMappedComponent(CustomLogo, undefined, PayloadLogo, 'CustomLogo');
+    return /*#__PURE__*/ _jsx(RenderComponent, {
+        mappedComponent: mappedCustomLogo
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","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"}
+{"version":3,"sources":["../../../src/elements/Logo/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload'\n\nimport { PayloadLogo, RenderComponent, getCreateMappedComponent } 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  const createMappedComponent = getCreateMappedComponent({\n    importMap: payload.importMap,\n    serverProps: {\n      i18n,\n      locale,\n      params,\n      payload,\n      permissions,\n      searchParams,\n      user,\n    },\n  })\n\n  const mappedCustomLogo = createMappedComponent(CustomLogo, undefined, PayloadLogo, 'CustomLogo')\n\n  return <RenderComponent mappedComponent={mappedCustomLogo} />\n}\n"],"names":["PayloadLogo","RenderComponent","getCreateMappedComponent","React","Logo","props","i18n","locale","params","payload","permissions","searchParams","user","admin","components","graphics","CustomLogo","undefined","config","createMappedComponent","importMap","serverProps","mappedCustomLogo","mappedComponent"],"mappings":";AAEA,SAASA,WAAW,EAAEC,eAAe,EAAEC,wBAAwB,QAAQ,wBAAuB;AAC9F,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,MAAMC,wBAAwBjB,yBAAyB;QACrDkB,WAAWX,QAAQW,SAAS;QAC5BC,aAAa;YACXf;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;IACF;IAEA,MAAMU,mBAAmBH,sBAAsBH,YAAYC,WAAWjB,aAAa;IAEnF,qBAAO,KAACC;QAAgBsB,iBAAiBD;;AAC3C,EAAC"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Hamburger, useNav } from '@payloadcms/ui/client';
+import { Hamburger, useNav } from '@payloadcms/ui';
 import React from 'react';
 export const NavHamburger = ({ baseClass })=>{
     const { navOpen, setNavOpen } = useNav();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport { Hamburger, useNav } from '@payloadcms/ui/client'\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"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,wBAAuB;AACzD,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"}
+{"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.map

@@ -1 +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"}
+{"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,CAqBA,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui/client'\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,MAAM,QAAQ,wBAAuB;AAC9C,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"}
+{"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 { hydrated, navOpen, navRef, shouldAnimate } = useNav()\n\n  return (\n    <aside\n      className={[\n        baseClass,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"names":["useNav","React","NavWrapper","props","baseClass","children","hydrated","navOpen","navRef","shouldAnimate","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,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAEC,aAAa,EAAE,GAAGT;IAErD,qBACE,KAACU;QACCC,WAAW;YACTP;YACAG,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;YACnCK,iBAAiB,CAAC,EAAEL,UAAU,aAAa,CAAC;YAC5CE,YAAY,CAAC,EAAEF,UAAU,cAAc,CAAC;SACzC,CACEQ,MAAM,CAACC,SACPC,IAAI,CAAC;kBAER,cAAA,KAACC;YAAIJ,WAAW,CAAC,EAAEP,UAAU,QAAQ,CAAC;YAAEY,KAAKR;sBAC1CH;;;AAIT,EAAC"}

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

@@ -9,7 +9,10 @@
   width: var(--nav-width);
   border-right: 1px solid var(--theme-elevation-100);
   opacity: 0;
-  transition: opacity var(--nav-trans-time) ease-in-out;
+
+  &--nav-animate {
+    transition: opacity var(--nav-trans-time) ease-in-out;
+  }
 
   &--nav-open {
     opacity: 1;

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

@@ -1 +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"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/elements/Nav/index.client.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA2FpC,CAAA"}