@payloadcms/ui 3.0.0-beta.1 → 3.0.0-beta.11

package/dist/providers/ComponentMap/buildComponentMap/globals.js

@@ -3,24 +3,35 @@ import { isPlainFunction, isReactComponent } from 'payload/utilities';
 import React from 'react';
 import { mapActions } from './actions.js';
 import { mapFields } from './fields.js';
-export const mapGlobals = ({ DefaultEditView, config, globals, i18n, readOnly: readOnlyOverride })=>globals.reduce((acc, globalConfig)=>{
+export const mapGlobals = ({ DefaultEditView, WithServerSideProps, config, globals, i18n, readOnly: readOnlyOverride })=>globals.reduce((acc, globalConfig)=>{
         const { slug, fields } = globalConfig;
         const editViewFromConfig = globalConfig?.admin?.components?.views?.Edit;
         const SaveButton = globalConfig?.admin?.components?.elements?.SaveButton;
-        const SaveButtonComponent = SaveButton ? /*#__PURE__*/ React.createElement(SaveButton, null) : undefined;
+        const SaveButtonComponent = SaveButton ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: SaveButton
+        }) : undefined;
         const SaveDraftButton = globalConfig?.admin?.components?.elements?.SaveDraftButton;
-        const SaveDraftButtonComponent = SaveDraftButton ? /*#__PURE__*/ React.createElement(SaveDraftButton, null) : undefined;
+        const SaveDraftButtonComponent = SaveDraftButton ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: SaveDraftButton
+        }) : undefined;
         const PreviewButton = globalConfig?.admin?.components?.elements?.PreviewButton;
-        const PreviewButtonComponent = PreviewButton ? /*#__PURE__*/ React.createElement(PreviewButton, null) : undefined;
+        const PreviewButtonComponent = PreviewButton ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: PreviewButton
+        }) : undefined;
         const PublishButton = globalConfig?.admin?.components?.elements?.PublishButton;
-        const PublishButtonComponent = PublishButton ? /*#__PURE__*/ React.createElement(PublishButton, null) : undefined;
+        const PublishButtonComponent = PublishButton ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: PublishButton
+        }) : undefined;
         const CustomEditView = typeof editViewFromConfig === 'function' ? editViewFromConfig : typeof editViewFromConfig === 'object' && typeof editViewFromConfig.Default === 'function' ? editViewFromConfig.Default : typeof editViewFromConfig?.Default === 'object' && 'Component' in editViewFromConfig.Default && typeof editViewFromConfig.Default.Component === 'function' ? editViewFromConfig.Default.Component : undefined;
         const Edit = CustomEditView || DefaultEditView;
         const descriptionProps = {
             description: globalConfig.admin && 'description' in globalConfig.admin && ((typeof globalConfig.admin?.description === 'string' || typeof globalConfig.admin?.description === 'object') && globalConfig.admin.description || typeof globalConfig.admin?.description === 'function' && isPlainFunction(globalConfig.admin?.description) && globalConfig.admin?.description()) || undefined
         };
         const DescriptionComponent = globalConfig.admin && 'description' in globalConfig.admin && (isReactComponent(globalConfig.admin.description) && globalConfig.admin.description || globalConfig.admin.description && ViewDescription) || undefined;
-        const Description = DescriptionComponent !== undefined ? /*#__PURE__*/ React.createElement(DescriptionComponent, descriptionProps || {}) : undefined;
+        const Description = DescriptionComponent !== undefined ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: DescriptionComponent,
+            ...descriptionProps || {}
+        }) : undefined;
         const componentMap = {
             Description,
             Edit: /*#__PURE__*/ React.createElement(Edit, {
@@ -31,9 +42,11 @@ export const mapGlobals = ({ DefaultEditView, config, globals, i18n, readOnly: r
             SaveButton: SaveButtonComponent,
             SaveDraftButton: SaveDraftButtonComponent,
             actionsMap: mapActions({
+                WithServerSideProps,
                 globalConfig
             }),
             fieldMap: mapFields({
+                WithServerSideProps,
                 config,
                 fieldSchema: fields,
                 i18n,

package/dist/providers/ComponentMap/buildComponentMap/globals.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/globals.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  EditViewProps,\n  EntityDescriptionComponent,\n  EntityDescriptionFunction,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload/types'\n\nimport { ViewDescription, type ViewDescriptionProps } from '@payloadcms/ui/elements/ViewDescription'\nimport { isPlainFunction, isReactComponent } from 'payload/utilities'\nimport React from 'react'\n\nimport type { GlobalComponentMap } from './types.js'\n\nimport { mapActions } from './actions.js'\nimport { mapFields } from './fields.js'\n\nexport const mapGlobals = ({\n  DefaultEditView,\n  config,\n  globals,\n  i18n,\n  readOnly: readOnlyOverride,\n}: {\n  DefaultEditView: React.FC<EditViewProps>\n  config: SanitizedConfig\n  globals: SanitizedGlobalConfig[]\n  i18n: I18n\n  readOnly?: boolean\n}): {\n  [key: SanitizedGlobalConfig['slug']]: GlobalComponentMap\n} =>\n  globals.reduce((acc, globalConfig) => {\n    const { slug, fields } = globalConfig\n\n    const editViewFromConfig = globalConfig?.admin?.components?.views?.Edit\n\n    const SaveButton = globalConfig?.admin?.components?.elements?.SaveButton\n    const SaveButtonComponent = SaveButton ? <SaveButton /> : undefined\n\n    const SaveDraftButton = globalConfig?.admin?.components?.elements?.SaveDraftButton\n    const SaveDraftButtonComponent = SaveDraftButton ? <SaveDraftButton /> : undefined\n\n    const PreviewButton = globalConfig?.admin?.components?.elements?.PreviewButton\n    const PreviewButtonComponent = PreviewButton ? <PreviewButton /> : undefined\n\n    const PublishButton = globalConfig?.admin?.components?.elements?.PublishButton\n    const PublishButtonComponent = PublishButton ? <PublishButton /> : undefined\n\n    const CustomEditView =\n      typeof editViewFromConfig === 'function'\n        ? editViewFromConfig\n        : typeof editViewFromConfig === 'object' && typeof editViewFromConfig.Default === 'function'\n          ? editViewFromConfig.Default\n          : typeof editViewFromConfig?.Default === 'object' &&\n              'Component' in editViewFromConfig.Default &&\n              typeof editViewFromConfig.Default.Component === 'function'\n            ? editViewFromConfig.Default.Component\n            : undefined\n\n    const Edit = (CustomEditView as React.FC<EditViewProps>) || DefaultEditView\n\n    const descriptionProps: ViewDescriptionProps = {\n      description:\n        (globalConfig.admin &&\n          'description' in globalConfig.admin &&\n          (((typeof globalConfig.admin?.description === 'string' ||\n            typeof globalConfig.admin?.description === 'object') &&\n            globalConfig.admin.description) ||\n            (typeof globalConfig.admin?.description === 'function' &&\n              isPlainFunction<EntityDescriptionFunction>(globalConfig.admin?.description) &&\n              globalConfig.admin?.description()))) ||\n        undefined,\n    }\n\n    const DescriptionComponent =\n      (globalConfig.admin &&\n        'description' in globalConfig.admin &&\n        ((isReactComponent<EntityDescriptionComponent>(globalConfig.admin.description) &&\n          globalConfig.admin.description) ||\n          (globalConfig.admin.description && ViewDescription))) ||\n      undefined\n\n    const Description =\n      DescriptionComponent !== undefined ? (\n        <DescriptionComponent {...(descriptionProps || {})} />\n      ) : undefined\n\n    const componentMap: GlobalComponentMap = {\n      Description,\n      Edit: <Edit globalSlug={globalConfig.slug} />,\n      PreviewButton: PreviewButtonComponent,\n      PublishButton: PublishButtonComponent,\n      SaveButton: SaveButtonComponent,\n      SaveDraftButton: SaveDraftButtonComponent,\n      actionsMap: mapActions({\n        globalConfig,\n      }),\n      fieldMap: mapFields({\n        config,\n        fieldSchema: fields,\n        i18n,\n        readOnly: readOnlyOverride,\n      }),\n      isPreviewEnabled: !!globalConfig?.admin?.preview,\n    }\n\n    return {\n      ...acc,\n      [slug]: componentMap,\n    }\n  }, {})\n"],"names":["ViewDescription","isPlainFunction","isReactComponent","React","mapActions","mapFields","mapGlobals","DefaultEditView","config","globals","i18n","readOnly","readOnlyOverride","reduce","acc","globalConfig","slug","fields","editViewFromConfig","admin","components","views","Edit","SaveButton","elements","SaveButtonComponent","undefined","SaveDraftButton","SaveDraftButtonComponent","PreviewButton","PreviewButtonComponent","PublishButton","PublishButtonComponent","CustomEditView","Default","Component","descriptionProps","description","DescriptionComponent","Description","componentMap","globalSlug","actionsMap","fieldMap","fieldSchema","isPreviewEnabled","preview"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AASA,SAASA,eAAe,QAAmC,0CAAyC;AACpG,SAASC,eAAe,EAAEC,gBAAgB,QAAQ,oBAAmB;AACrE,OAAOC,WAAW,QAAO;AAIzB,SAASC,UAAU,QAAQ,eAAc;AACzC,SAASC,SAAS,QAAQ,cAAa;AAEvC,OAAO,MAAMC,aAAa,CAAC,EACzBC,eAAe,EACfC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,UAAUC,gBAAgB,EAO3B,GAGCH,QAAQI,MAAM,CAAC,CAACC,KAAKC;QACnB,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGF;QAEzB,MAAMG,qBAAqBH,cAAcI,OAAOC,YAAYC,OAAOC;QAEnE,MAAMC,aAAaR,cAAcI,OAAOC,YAAYI,UAAUD;QAC9D,MAAME,sBAAsBF,2BAAa,oBAACA,oBAAgBG;QAE1D,MAAMC,kBAAkBZ,cAAcI,OAAOC,YAAYI,UAAUG;QACnE,MAAMC,2BAA2BD,gCAAkB,oBAACA,yBAAqBD;QAEzE,MAAMG,gBAAgBd,cAAcI,OAAOC,YAAYI,UAAUK;QACjE,MAAMC,yBAAyBD,8BAAgB,oBAACA,uBAAmBH;QAEnE,MAAMK,gBAAgBhB,cAAcI,OAAOC,YAAYI,UAAUO;QACjE,MAAMC,yBAAyBD,8BAAgB,oBAACA,uBAAmBL;QAEnE,MAAMO,iBACJ,OAAOf,uBAAuB,aAC1BA,qBACA,OAAOA,uBAAuB,YAAY,OAAOA,mBAAmBgB,OAAO,KAAK,aAC9EhB,mBAAmBgB,OAAO,GAC1B,OAAOhB,oBAAoBgB,YAAY,YACrC,eAAehB,mBAAmBgB,OAAO,IACzC,OAAOhB,mBAAmBgB,OAAO,CAACC,SAAS,KAAK,aAChDjB,mBAAmBgB,OAAO,CAACC,SAAS,GACpCT;QAEV,MAAMJ,OAAO,AAACW,kBAA8C1B;QAE5D,MAAM6B,mBAAyC;YAC7CC,aACE,AAACtB,aAAaI,KAAK,IACjB,iBAAiBJ,aAAaI,KAAK,IAClC,CAAA,AAAE,CAAA,OAAOJ,aAAaI,KAAK,EAAEkB,gBAAgB,YAC5C,OAAOtB,aAAaI,KAAK,EAAEkB,gBAAgB,QAAO,KAClDtB,aAAaI,KAAK,CAACkB,WAAW,IAC7B,OAAOtB,aAAaI,KAAK,EAAEkB,gBAAgB,cAC1CpC,gBAA2Cc,aAAaI,KAAK,EAAEkB,gBAC/DtB,aAAaI,KAAK,EAAEkB,aAAa,KACvCX;QACJ;QAEA,MAAMY,uBACJ,AAACvB,aAAaI,KAAK,IACjB,iBAAiBJ,aAAaI,KAAK,IAClC,CAAA,AAACjB,iBAA6Ca,aAAaI,KAAK,CAACkB,WAAW,KAC3EtB,aAAaI,KAAK,CAACkB,WAAW,IAC7BtB,aAAaI,KAAK,CAACkB,WAAW,IAAIrC,eAAe,KACtD0B;QAEF,MAAMa,cACJD,yBAAyBZ,0BACvB,oBAACY,sBAA0BF,oBAAoB,CAAC,KAC9CV;QAEN,MAAMc,eAAmC;YACvCD;YACAjB,oBAAM,oBAACA;gBAAKmB,YAAY1B,aAAaC,IAAI;;YACzCa,eAAeC;YACfC,eAAeC;YACfT,YAAYE;YACZE,iBAAiBC;YACjBc,YAAYtC,WAAW;gBACrBW;YACF;YACA4B,UAAUtC,UAAU;gBAClBG;gBACAoC,aAAa3B;gBACbP;gBACAC,UAAUC;YACZ;YACAiC,kBAAkB,CAAC,CAAC9B,cAAcI,OAAO2B;QAC3C;QAEA,OAAO;YACL,GAAGhC,GAAG;YACN,CAACE,KAAK,EAAEwB;QACV;IACF,GAAG,CAAC,GAAE"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/globals.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  EditViewProps,\n  EntityDescriptionComponent,\n  EntityDescriptionFunction,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n  WithServerSideProps as WithServerSidePropsType,\n} from 'payload/types'\n\nimport { ViewDescription, type ViewDescriptionProps } from '@payloadcms/ui/elements/ViewDescription'\nimport { isPlainFunction, isReactComponent } from 'payload/utilities'\nimport React from 'react'\n\nimport type { GlobalComponentMap } from './types.js'\n\nimport { mapActions } from './actions.js'\nimport { mapFields } from './fields.js'\n\nexport const mapGlobals = ({\n  DefaultEditView,\n  WithServerSideProps,\n  config,\n  globals,\n  i18n,\n  readOnly: readOnlyOverride,\n}: {\n  DefaultEditView: React.FC<EditViewProps>\n  WithServerSideProps: WithServerSidePropsType\n  config: SanitizedConfig\n  globals: SanitizedGlobalConfig[]\n  i18n: I18n\n  readOnly?: boolean\n}): {\n  [key: SanitizedGlobalConfig['slug']]: GlobalComponentMap\n} =>\n  globals.reduce((acc, globalConfig) => {\n    const { slug, fields } = globalConfig\n\n    const editViewFromConfig = globalConfig?.admin?.components?.views?.Edit\n\n    const SaveButton = globalConfig?.admin?.components?.elements?.SaveButton\n\n    const SaveButtonComponent = SaveButton ? (\n      <WithServerSideProps Component={SaveButton} />\n    ) : undefined\n\n    const SaveDraftButton = globalConfig?.admin?.components?.elements?.SaveDraftButton\n\n    const SaveDraftButtonComponent = SaveDraftButton ? (\n      <WithServerSideProps Component={SaveDraftButton} />\n    ) : undefined\n\n    const PreviewButton = globalConfig?.admin?.components?.elements?.PreviewButton\n\n    const PreviewButtonComponent = PreviewButton ? (\n      <WithServerSideProps Component={PreviewButton} />\n    ) : undefined\n\n    const PublishButton = globalConfig?.admin?.components?.elements?.PublishButton\n\n    const PublishButtonComponent = PublishButton ? (\n      <WithServerSideProps Component={PublishButton} />\n    ) : undefined\n\n    const CustomEditView =\n      typeof editViewFromConfig === 'function'\n        ? editViewFromConfig\n        : typeof editViewFromConfig === 'object' && typeof editViewFromConfig.Default === 'function'\n          ? editViewFromConfig.Default\n          : typeof editViewFromConfig?.Default === 'object' &&\n              'Component' in editViewFromConfig.Default &&\n              typeof editViewFromConfig.Default.Component === 'function'\n            ? editViewFromConfig.Default.Component\n            : undefined\n\n    const Edit = (CustomEditView as React.FC<EditViewProps>) || DefaultEditView\n\n    const descriptionProps: ViewDescriptionProps = {\n      description:\n        (globalConfig.admin &&\n          'description' in globalConfig.admin &&\n          (((typeof globalConfig.admin?.description === 'string' ||\n            typeof globalConfig.admin?.description === 'object') &&\n            globalConfig.admin.description) ||\n            (typeof globalConfig.admin?.description === 'function' &&\n              isPlainFunction<EntityDescriptionFunction>(globalConfig.admin?.description) &&\n              globalConfig.admin?.description()))) ||\n        undefined,\n    }\n\n    const DescriptionComponent =\n      (globalConfig.admin &&\n        'description' in globalConfig.admin &&\n        ((isReactComponent<EntityDescriptionComponent>(globalConfig.admin.description) &&\n          globalConfig.admin.description) ||\n          (globalConfig.admin.description && ViewDescription))) ||\n      undefined\n\n    const Description =\n      DescriptionComponent !== undefined ? (\n        <WithServerSideProps Component={DescriptionComponent} {...(descriptionProps || {})} />\n      ) : undefined\n\n    const componentMap: GlobalComponentMap = {\n      Description,\n      Edit: <Edit globalSlug={globalConfig.slug} />,\n      PreviewButton: PreviewButtonComponent,\n      PublishButton: PublishButtonComponent,\n      SaveButton: SaveButtonComponent,\n      SaveDraftButton: SaveDraftButtonComponent,\n      actionsMap: mapActions({\n        WithServerSideProps,\n        globalConfig,\n      }),\n      fieldMap: mapFields({\n        WithServerSideProps,\n        config,\n        fieldSchema: fields,\n        i18n,\n        readOnly: readOnlyOverride,\n      }),\n      isPreviewEnabled: !!globalConfig?.admin?.preview,\n    }\n\n    return {\n      ...acc,\n      [slug]: componentMap,\n    }\n  }, {})\n"],"names":["ViewDescription","isPlainFunction","isReactComponent","React","mapActions","mapFields","mapGlobals","DefaultEditView","WithServerSideProps","config","globals","i18n","readOnly","readOnlyOverride","reduce","acc","globalConfig","slug","fields","editViewFromConfig","admin","components","views","Edit","SaveButton","elements","SaveButtonComponent","Component","undefined","SaveDraftButton","SaveDraftButtonComponent","PreviewButton","PreviewButtonComponent","PublishButton","PublishButtonComponent","CustomEditView","Default","descriptionProps","description","DescriptionComponent","Description","componentMap","globalSlug","actionsMap","fieldMap","fieldSchema","isPreviewEnabled","preview"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/providers/ComponentMap/buildComponentMap/index.d.ts

@@ -1,5 +1,5 @@
 import type { I18n } from '@payloadcms/translations';
-import type { AdminViewProps, EditViewProps, SanitizedConfig } from 'payload/types';
+import type { AdminViewProps, EditViewProps, Payload, SanitizedConfig } from 'payload/types';
 import React from 'react';
 import type { ComponentMap } from './types.js';
 export declare const buildComponentMap: (args: {
@@ -8,6 +8,7 @@ export declare const buildComponentMap: (args: {
     children: React.ReactNode;
     config: SanitizedConfig;
     i18n: I18n;
+    payload: Payload;
     readOnly?: boolean;
 }) => {
     componentMap: ComponentMap;

package/dist/providers/ComponentMap/buildComponentMap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEnF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAM,iBAAiB,SAAU;IACtC,eAAe,EAAE,MAAM,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,MAAM,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,QAAQ,EAAE,MAAM,SAAS,CAAA;IACzB,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG;IACF,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,MAAM,SAAS,CAAA;CAyDjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,OAAO,EACP,eAAe,EAEhB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAM9C,eAAO,MAAM,iBAAiB,SAAU;IACtC,eAAe,EAAE,MAAM,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,MAAM,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,QAAQ,EAAE,MAAM,SAAS,CAAA;IACzB,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG;IACF,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,MAAM,SAAS,CAAA;CAmEjC,CAAA"}

package/dist/providers/ComponentMap/buildComponentMap/index.js

@@ -1,11 +1,20 @@
 import React from 'react';
+import { WithServerSideProps as WithServerSidePropsGeneric } from './WithServerSideProps.js';
 import { mapCollections } from './collections.js';
 import { mapGlobals } from './globals.js';
 export const buildComponentMap = (args)=>{
-    const { DefaultEditView, DefaultListView, children, config, i18n, readOnly } = args;
+    const { DefaultEditView, DefaultListView, children, config, i18n, payload, readOnly } = args;
+    const WithServerSideProps = ({ Component, ...rest })=>{
+        return /*#__PURE__*/ React.createElement(WithServerSidePropsGeneric, {
+            Component: Component,
+            payload: payload,
+            ...rest
+        });
+    };
     const collections = mapCollections({
         DefaultEditView,
         DefaultListView,
+        WithServerSideProps,
         collections: config.collections,
         config,
         i18n,
@@ -13,6 +22,7 @@ export const buildComponentMap = (args)=>{
     });
     const globals = mapGlobals({
         DefaultEditView,
+        WithServerSideProps,
         config,
         globals: config.globals,
         i18n,
@@ -28,14 +38,20 @@ export const buildComponentMap = (args)=>{
         return /*#__PURE__*/ React.createElement(Component, null, children);
     };
     const LogoutButtonComponent = config.admin?.components?.logout?.Button;
-    const LogoutButton = LogoutButtonComponent ? /*#__PURE__*/ React.createElement(LogoutButtonComponent, null) : null;
+    const LogoutButton = LogoutButtonComponent ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+        Component: LogoutButtonComponent
+    }) : null;
     const IconComponent = config.admin?.components?.graphics?.Icon;
-    const Icon = IconComponent ? /*#__PURE__*/ React.createElement(IconComponent, null) : null;
+    const Icon = IconComponent ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+        Component: IconComponent
+    }) : null;
     return {
         componentMap: {
             Icon,
             LogoutButton,
-            actions: config.admin?.components?.actions?.map((Component)=>/*#__PURE__*/ React.createElement(Component, null)),
+            actions: config.admin?.components?.actions?.map((Component)=>/*#__PURE__*/ React.createElement(WithServerSideProps, {
+                    Component: Component
+                })),
             collections,
             globals
         },

package/dist/providers/ComponentMap/buildComponentMap/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { AdminViewProps, EditViewProps, SanitizedConfig } from 'payload/types'\n\nimport React from 'react'\n\nimport type { ComponentMap } from './types.js'\n\nimport { mapCollections } from './collections.js'\nimport { mapGlobals } from './globals.js'\n\nexport const buildComponentMap = (args: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  children: React.ReactNode\n  config: SanitizedConfig\n  i18n: I18n\n  readOnly?: boolean\n}): {\n  componentMap: ComponentMap\n  wrappedChildren: React.ReactNode\n} => {\n  const { DefaultEditView, DefaultListView, children, config, i18n, readOnly } = args\n\n  const collections = mapCollections({\n    DefaultEditView,\n    DefaultListView,\n    collections: config.collections,\n    config,\n    i18n,\n    readOnly,\n  })\n\n  const globals = mapGlobals({\n    DefaultEditView,\n    config,\n    globals: config.globals,\n    i18n,\n    readOnly,\n  })\n\n  const NestProviders = ({ children, providers }) => {\n    const Component = providers[0]\n    if (providers.length > 1) {\n      return (\n        <Component>\n          <NestProviders providers={providers.slice(1)}>{children}</NestProviders>\n        </Component>\n      )\n    }\n    return <Component>{children}</Component>\n  }\n\n  const LogoutButtonComponent = config.admin?.components?.logout?.Button\n\n  const LogoutButton = LogoutButtonComponent ? <LogoutButtonComponent /> : null\n\n  const IconComponent = config.admin?.components?.graphics?.Icon\n\n  const Icon = IconComponent ? <IconComponent /> : null\n\n  return {\n    componentMap: {\n      Icon,\n      LogoutButton,\n      actions: config.admin?.components?.actions?.map((Component) => <Component />),\n      collections,\n      globals,\n    },\n    wrappedChildren:\n      Array.isArray(config.admin?.components?.providers) &&\n      config.admin?.components?.providers.length > 0 ? (\n        <NestProviders providers={config.admin?.components?.providers}>{children}</NestProviders>\n      ) : (\n        children\n      ),\n  }\n}\n"],"names":["React","mapCollections","mapGlobals","buildComponentMap","args","DefaultEditView","DefaultListView","children","config","i18n","readOnly","collections","globals","NestProviders","providers","Component","length","slice","LogoutButtonComponent","admin","components","logout","Button","LogoutButton","IconComponent","graphics","Icon","componentMap","actions","map","wrappedChildren","Array","isArray"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,mBAAkB;AACjD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,oBAAoB,CAACC;IAWhC,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGN;IAE/E,MAAMO,cAAcV,eAAe;QACjCI;QACAC;QACAK,aAAaH,OAAOG,WAAW;QAC/BH;QACAC;QACAC;IACF;IAEA,MAAME,UAAUV,WAAW;QACzBG;QACAG;QACAI,SAASJ,OAAOI,OAAO;QACvBH;QACAC;IACF;IAEA,MAAMG,gBAAgB,CAAC,EAAEN,QAAQ,EAAEO,SAAS,EAAE;QAC5C,MAAMC,YAAYD,SAAS,CAAC,EAAE;QAC9B,IAAIA,UAAUE,MAAM,GAAG,GAAG;YACxB,qBACE,oBAACD,+BACC,oBAACF;gBAAcC,WAAWA,UAAUG,KAAK,CAAC;eAAKV;QAGrD;QACA,qBAAO,oBAACQ,iBAAWR;IACrB;IAEA,MAAMW,wBAAwBV,OAAOW,KAAK,EAAEC,YAAYC,QAAQC;IAEhE,MAAMC,eAAeL,sCAAwB,oBAACA,+BAA2B;IAEzE,MAAMM,gBAAgBhB,OAAOW,KAAK,EAAEC,YAAYK,UAAUC;IAE1D,MAAMA,OAAOF,8BAAgB,oBAACA,uBAAmB;IAEjD,OAAO;QACLG,cAAc;YACZD;YACAH;YACAK,SAASpB,OAAOW,KAAK,EAAEC,YAAYQ,SAASC,IAAI,CAACd,0BAAc,oBAACA;YAChEJ;YACAC;QACF;QACAkB,iBACEC,MAAMC,OAAO,CAACxB,OAAOW,KAAK,EAAEC,YAAYN,cACxCN,OAAOW,KAAK,EAAEC,YAAYN,UAAUE,SAAS,kBAC3C,oBAACH;YAAcC,WAAWN,OAAOW,KAAK,EAAEC,YAAYN;WAAYP,YAEhEA;IAEN;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  AdminViewProps,\n  EditViewProps,\n  Payload,\n  SanitizedConfig,\n  WithServerSideProps as WithServerSidePropsType,\n} from 'payload/types'\n\nimport React from 'react'\n\nimport type { ComponentMap } from './types.js'\n\nimport { WithServerSideProps as WithServerSidePropsGeneric } from './WithServerSideProps.js'\nimport { mapCollections } from './collections.js'\nimport { mapGlobals } from './globals.js'\n\nexport const buildComponentMap = (args: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  children: React.ReactNode\n  config: SanitizedConfig\n  i18n: I18n\n  payload: Payload\n  readOnly?: boolean\n}): {\n  componentMap: ComponentMap\n  wrappedChildren: React.ReactNode\n} => {\n  const { DefaultEditView, DefaultListView, children, config, i18n, payload, readOnly } = args\n\n  const WithServerSideProps: WithServerSidePropsType = ({ Component, ...rest }) => {\n    return <WithServerSidePropsGeneric Component={Component} payload={payload} {...rest} />\n  }\n\n  const collections = mapCollections({\n    DefaultEditView,\n    DefaultListView,\n    WithServerSideProps,\n    collections: config.collections,\n    config,\n    i18n,\n    readOnly,\n  })\n\n  const globals = mapGlobals({\n    DefaultEditView,\n    WithServerSideProps,\n    config,\n    globals: config.globals,\n    i18n,\n    readOnly,\n  })\n\n  const NestProviders = ({ children, providers }) => {\n    const Component = providers[0]\n    if (providers.length > 1) {\n      return (\n        <Component>\n          <NestProviders providers={providers.slice(1)}>{children}</NestProviders>\n        </Component>\n      )\n    }\n    return <Component>{children}</Component>\n  }\n\n  const LogoutButtonComponent = config.admin?.components?.logout?.Button\n\n  const LogoutButton = LogoutButtonComponent ? (\n    <WithServerSideProps Component={LogoutButtonComponent} />\n  ) : null\n\n  const IconComponent = config.admin?.components?.graphics?.Icon\n\n  const Icon = IconComponent ? <WithServerSideProps Component={IconComponent} /> : null\n\n  return {\n    componentMap: {\n      Icon,\n      LogoutButton,\n      actions: config.admin?.components?.actions?.map((Component) => (\n        <WithServerSideProps Component={Component} />\n      )),\n      collections,\n      globals,\n    },\n    wrappedChildren:\n      Array.isArray(config.admin?.components?.providers) &&\n      config.admin?.components?.providers.length > 0 ? (\n        <NestProviders providers={config.admin?.components?.providers}>{children}</NestProviders>\n      ) : (\n        children\n      ),\n  }\n}\n"],"names":["React","WithServerSideProps","WithServerSidePropsGeneric","mapCollections","mapGlobals","buildComponentMap","args","DefaultEditView","DefaultListView","children","config","i18n","payload","readOnly","Component","rest","collections","globals","NestProviders","providers","length","slice","LogoutButtonComponent","admin","components","logout","Button","LogoutButton","IconComponent","graphics","Icon","componentMap","actions","map","wrappedChildren","Array","isArray"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AASA,OAAOA,WAAW,QAAO;AAIzB,SAASC,uBAAuBC,0BAA0B,QAAQ,2BAA0B;AAC5F,SAASC,cAAc,QAAQ,mBAAkB;AACjD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,oBAAoB,CAACC;IAYhC,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGP;IAExF,MAAML,sBAA+C,CAAC,EAAEa,SAAS,EAAE,GAAGC,MAAM;QAC1E,qBAAO,oBAACb;YAA2BY,WAAWA;YAAWF,SAASA;YAAU,GAAGG,IAAI;;IACrF;IAEA,MAAMC,cAAcb,eAAe;QACjCI;QACAC;QACAP;QACAe,aAAaN,OAAOM,WAAW;QAC/BN;QACAC;QACAE;IACF;IAEA,MAAMI,UAAUb,WAAW;QACzBG;QACAN;QACAS;QACAO,SAASP,OAAOO,OAAO;QACvBN;QACAE;IACF;IAEA,MAAMK,gBAAgB,CAAC,EAAET,QAAQ,EAAEU,SAAS,EAAE;QAC5C,MAAML,YAAYK,SAAS,CAAC,EAAE;QAC9B,IAAIA,UAAUC,MAAM,GAAG,GAAG;YACxB,qBACE,oBAACN,+BACC,oBAACI;gBAAcC,WAAWA,UAAUE,KAAK,CAAC;eAAKZ;QAGrD;QACA,qBAAO,oBAACK,iBAAWL;IACrB;IAEA,MAAMa,wBAAwBZ,OAAOa,KAAK,EAAEC,YAAYC,QAAQC;IAEhE,MAAMC,eAAeL,sCACnB,oBAACrB;QAAoBa,WAAWQ;SAC9B;IAEJ,MAAMM,gBAAgBlB,OAAOa,KAAK,EAAEC,YAAYK,UAAUC;IAE1D,MAAMA,OAAOF,8BAAgB,oBAAC3B;QAAoBa,WAAWc;SAAoB;IAEjF,OAAO;QACLG,cAAc;YACZD;YACAH;YACAK,SAAStB,OAAOa,KAAK,EAAEC,YAAYQ,SAASC,IAAI,CAACnB,0BAC/C,oBAACb;oBAAoBa,WAAWA;;YAElCE;YACAC;QACF;QACAiB,iBACEC,MAAMC,OAAO,CAAC1B,OAAOa,KAAK,EAAEC,YAAYL,cACxCT,OAAOa,KAAK,EAAEC,YAAYL,UAAUC,SAAS,kBAC3C,oBAACF;YAAcC,WAAWT,OAAOa,KAAK,EAAEC,YAAYL;WAAYV,YAEhEA;IAEN;AACF,EAAC"}

package/dist/providers/ComponentMap/index.d.ts

@@ -16,6 +16,7 @@ export type IComponentMapContext = {
         path: string;
     }) => MappedField | undefined;
 };
+export { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js';
 export declare const ComponentMapProvider: React.FC<{
     children: React.ReactNode;
     componentMap: ComponentMap;

package/dist/providers/ComponentMap/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ComponentMap/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAEvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,KAAK,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,EAAE,GAAG,QAAQ,CAAA;IACtF,oBAAoB,EAAE,CAAC,IAAI,EAAE;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,MAAM,CAAA;KACb,KAAK,WAAW,GAAG,SAAS,CAAA;CAC9B,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAwDA,CAAA;AAED,eAAO,MAAM,eAAe,QAAO,oBAAuD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ComponentMap/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAEvF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,KAAK,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACjE,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,EAAE,GAAG,QAAQ,CAAA;IACtF,oBAAoB,EAAE,CAAC,IAAI,EAAE;QAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,IAAI,EAAE,MAAM,CAAA;KACb,KAAK,WAAW,GAAG,SAAS,CAAA;CAC9B,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AAIhF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAwDA,CAAA;AAED,eAAO,MAAM,eAAe,QAAO,oBAAuD,CAAA"}

package/dist/providers/ComponentMap/index.js

@@ -1,5 +1,6 @@
 'use client';
 import React, { createContext, useCallback, useContext } from 'react';
+export { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js';
 const ComponentMapContext = /*#__PURE__*/ createContext({});
 export const ComponentMapProvider = ({ children, componentMap })=>{
     const getMappedFieldByPath = useCallback(({ collectionSlug, globalSlug, path })=>{

package/dist/providers/ComponentMap/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/ComponentMap/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext } from 'react'\n\nimport type { ComponentMap, FieldMap, MappedField } from './buildComponentMap/types.js'\n\nexport type IComponentMapContext = {\n  componentMap: ComponentMap\n  getComponentMap: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ComponentMap['collections'][0] | ComponentMap['globals'][0]\n  getFieldMap: (args: { collectionSlug?: string; globalSlug?: string }) => [] | FieldMap\n  getMappedFieldByPath: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n    path: string\n  }) => MappedField | undefined\n}\n\nconst ComponentMapContext = createContext<IComponentMapContext>({} as IComponentMapContext)\n\nexport const ComponentMapProvider: React.FC<{\n  children: React.ReactNode\n  componentMap: ComponentMap\n}> = ({ children, componentMap }) => {\n  const getMappedFieldByPath: IComponentMapContext['getMappedFieldByPath'] = useCallback(\n    ({ collectionSlug, globalSlug, path }) => {\n      let fieldMap: FieldMap\n\n      if (collectionSlug) {\n        fieldMap = componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        fieldMap = componentMap.globals[globalSlug].fieldMap\n      }\n\n      // TODO: better lookup for nested fields, etc.\n      return fieldMap.find((field) => 'name' in field && field.name === path)\n    },\n    [componentMap],\n  )\n\n  const getFieldMap: IComponentMapContext['getFieldMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug].fieldMap\n      }\n\n      return []\n    },\n    [componentMap],\n  )\n\n  const getComponentMap: IComponentMapContext['getComponentMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug]\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug]\n      }\n\n      return {} as ComponentMap['collections'][0] | ComponentMap['globals'][0]\n    },\n    [componentMap],\n  )\n\n  return (\n    <ComponentMapContext.Provider\n      value={{ componentMap, getComponentMap, getFieldMap, getMappedFieldByPath }}\n    >\n      {children}\n    </ComponentMapContext.Provider>\n  )\n}\n\nexport const useComponentMap = (): IComponentMapContext => useContext(ComponentMapContext)\n"],"names":["React","createContext","useCallback","useContext","ComponentMapContext","ComponentMapProvider","children","componentMap","getMappedFieldByPath","collectionSlug","globalSlug","path","fieldMap","collections","globals","find","field","name","getFieldMap","getComponentMap","Provider","value","useComponentMap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAO;AAkBrE,MAAMC,oCAAsBH,cAAoC,CAAC;AAEjE,OAAO,MAAMI,uBAGR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE;IAC9B,MAAMC,uBAAqEN,YACzE,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAEC,IAAI,EAAE;QACnC,IAAIC;QAEJ,IAAIH,gBAAgB;YAClBG,WAAWL,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC9D;QAEA,IAAIF,YAAY;YACdE,WAAWL,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QACtD;QAEA,8CAA8C;QAC9C,OAAOA,SAASG,IAAI,CAAC,CAACC,QAAU,UAAUA,SAASA,MAAMC,IAAI,KAAKN;IACpE,GACA;QAACJ;KAAa;IAGhB,MAAMW,cAAmDhB,YACvD,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC1D;QAEA,IAAIF,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QAClD;QAEA,OAAO,EAAE;IACX,GACA;QAACL;KAAa;IAGhB,MAAMY,kBAA2DjB,YAC/D,CAAC,EAAEO,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe;QACjD;QAEA,IAAIC,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW;QACzC;QAEA,OAAO,CAAC;IACV,GACA;QAACH;KAAa;IAGhB,qBACE,oBAACH,oBAAoBgB,QAAQ;QAC3BC,OAAO;YAAEd;YAAcY;YAAiBD;YAAaV;QAAqB;OAEzEF;AAGP,EAAC;AAED,OAAO,MAAMgB,kBAAkB,IAA4BnB,WAAWC,qBAAoB"}
+{"version":3,"sources":["../../../src/providers/ComponentMap/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext } from 'react'\n\nimport type { ComponentMap, FieldMap, MappedField } from './buildComponentMap/types.js'\n\nexport type IComponentMapContext = {\n  componentMap: ComponentMap\n  getComponentMap: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ComponentMap['collections'][0] | ComponentMap['globals'][0]\n  getFieldMap: (args: { collectionSlug?: string; globalSlug?: string }) => [] | FieldMap\n  getMappedFieldByPath: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n    path: string\n  }) => MappedField | undefined\n}\n\nexport { WithServerSideProps } from './buildComponentMap/WithServerSideProps.js'\n\nconst ComponentMapContext = createContext<IComponentMapContext>({} as IComponentMapContext)\n\nexport const ComponentMapProvider: React.FC<{\n  children: React.ReactNode\n  componentMap: ComponentMap\n}> = ({ children, componentMap }) => {\n  const getMappedFieldByPath: IComponentMapContext['getMappedFieldByPath'] = useCallback(\n    ({ collectionSlug, globalSlug, path }) => {\n      let fieldMap: FieldMap\n\n      if (collectionSlug) {\n        fieldMap = componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        fieldMap = componentMap.globals[globalSlug].fieldMap\n      }\n\n      // TODO: better lookup for nested fields, etc.\n      return fieldMap.find((field) => 'name' in field && field.name === path)\n    },\n    [componentMap],\n  )\n\n  const getFieldMap: IComponentMapContext['getFieldMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug].fieldMap\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug].fieldMap\n      }\n\n      return []\n    },\n    [componentMap],\n  )\n\n  const getComponentMap: IComponentMapContext['getComponentMap'] = useCallback(\n    ({ collectionSlug, globalSlug }) => {\n      if (collectionSlug) {\n        return componentMap.collections[collectionSlug]\n      }\n\n      if (globalSlug) {\n        return componentMap.globals[globalSlug]\n      }\n\n      return {} as ComponentMap['collections'][0] | ComponentMap['globals'][0]\n    },\n    [componentMap],\n  )\n\n  return (\n    <ComponentMapContext.Provider\n      value={{ componentMap, getComponentMap, getFieldMap, getMappedFieldByPath }}\n    >\n      {children}\n    </ComponentMapContext.Provider>\n  )\n}\n\nexport const useComponentMap = (): IComponentMapContext => useContext(ComponentMapContext)\n"],"names":["React","createContext","useCallback","useContext","WithServerSideProps","ComponentMapContext","ComponentMapProvider","children","componentMap","getMappedFieldByPath","collectionSlug","globalSlug","path","fieldMap","collections","globals","find","field","name","getFieldMap","getComponentMap","Provider","value","useComponentMap"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAO;AAkBrE,SAASC,mBAAmB,QAAQ,6CAA4C;AAEhF,MAAMC,oCAAsBJ,cAAoC,CAAC;AAEjE,OAAO,MAAMK,uBAGR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE;IAC9B,MAAMC,uBAAqEP,YACzE,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAEC,IAAI,EAAE;QACnC,IAAIC;QAEJ,IAAIH,gBAAgB;YAClBG,WAAWL,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC9D;QAEA,IAAIF,YAAY;YACdE,WAAWL,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QACtD;QAEA,8CAA8C;QAC9C,OAAOA,SAASG,IAAI,CAAC,CAACC,QAAU,UAAUA,SAASA,MAAMC,IAAI,KAAKN;IACpE,GACA;QAACJ;KAAa;IAGhB,MAAMW,cAAmDjB,YACvD,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe,CAACG,QAAQ;QAC1D;QAEA,IAAIF,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW,CAACE,QAAQ;QAClD;QAEA,OAAO,EAAE;IACX,GACA;QAACL;KAAa;IAGhB,MAAMY,kBAA2DlB,YAC/D,CAAC,EAAEQ,cAAc,EAAEC,UAAU,EAAE;QAC7B,IAAID,gBAAgB;YAClB,OAAOF,aAAaM,WAAW,CAACJ,eAAe;QACjD;QAEA,IAAIC,YAAY;YACd,OAAOH,aAAaO,OAAO,CAACJ,WAAW;QACzC;QAEA,OAAO,CAAC;IACV,GACA;QAACH;KAAa;IAGhB,qBACE,oBAACH,oBAAoBgB,QAAQ;QAC3BC,OAAO;YAAEd;YAAcY;YAAiBD;YAAaV;QAAqB;OAEzEF;AAGP,EAAC;AAED,OAAO,MAAMgB,kBAAkB,IAA4BpB,WAAWE,qBAAoB"}

package/dist/scss/app.scss

@@ -1,4 +1,3 @@
-@import 'fonts';
 @import 'styles';
 @import './toastify.scss';
 @import './colors.scss';
@@ -20,9 +19,9 @@
   --theme-overlay: rgba(5, 5, 5, 0.5);
   --theme-baseline: #{$baseline-px};
   --theme-baseline-body-size: #{$baseline-body-size};
-  --font-body: 'Suisse Intl', system-ui;
+  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif;
   --font-mono: monospace;
-  --font-serif: 'Merriweather', serif;
 
   --style-radius-s: #{$style-radius-s};
   --style-radius-m: #{$style-radius-m};

package/dist/scss/vars.scss

@@ -21,13 +21,6 @@ $baseline: math.div($baseline-px, $baseline-body-size) + rem;
   @return (math.div($baseline-px, $baseline-body-size) * $multiplier) + rem;
 }
 
-//////////////////////////////
-// FONTS (DEPRECATED. DO NOT USE. PREFER CSS VARIABLES)
-//////////////////////////////
-
-$font-body: 'Suisse Intl' !default;
-$font-mono: monospace !default;
-
 //////////////////////////////
 // COLORS (DEPRECATED. DO NOT USE. PREFER CSS VARIABLES)
 //////////////////////////////

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.11",
   "type": "module",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -82,9 +82,9 @@
       "default": "./dist/prod/styles.css"
     },
     "./scss": {
-      "import": "./dist/scss.scss",
-      "require": "./dist/scss.scss",
-      "default": "./dist/scss.scss"
+      "import": "./dist/scss/styles.scss",
+      "require": "./dist/scss/styles.scss",
+      "default": "./dist/scss/styles.scss"
     },
     "./scss/app.scss": "./dist/scss/app.scss"
   },
@@ -106,7 +106,7 @@
     "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.78.0",
     "webpack-cli": "^5.1.4",
-    "payload": "3.0.0-beta.1",
+    "payload": "3.0.0-beta.11",
     "@payloadcms/eslint-config": "1.1.1"
   },
   "dependencies": {
@@ -131,15 +131,15 @@
     "react-toastify": "10.0.4",
     "use-context-selector": "1.4.1",
     "uuid": "9.0.1",
-    "@payloadcms/translations": "3.0.0-beta.1"
+    "@payloadcms/translations": "3.0.0-beta.11"
   },
   "peerDependencies": {
-    "next": "14.2.0-canary.23",
+    "next": "^14.2.0-canary.23",
     "react": "^18.0.0",
-    "payload": "3.0.0-beta.1"
+    "payload": "3.0.0-beta.11"
   },
   "engines": {
-    "node": ">=18.17.0"
+    "node": ">=18.20.2"
   },
   "files": [
     "dist"

package/dist/scss/fonts.scss

@@ -1,75 +0,0 @@
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl.woff') format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-Medium.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-Medium.woff') format('woff');
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-SemiBold.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-SemiBold.woff') format('woff');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-Bold.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-Bold.woff') format('woff');
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 400;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-regular.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-regular.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: italic;
-  font-weight: 400;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-italic.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-italic.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 900;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-900.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-900.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: italic;
-  font-weight: 900;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-900italic.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-900italic.woff') format('woff');
-}