@payloadcms/ui 3.0.0-beta.0 → 3.0.0-beta.10

package/dist/fields/Tabs/index.js

@@ -27,12 +27,14 @@ const TabsField = (props)=>{
     const [activeTabIndex, setActiveTabIndex] = useState(0);
     const tabsPrefKey = `tabs-${indexPath}`;
     useEffect(()=>{
-        const getInitialPref = async ()=>{
-            const existingPreferences = await getPreference(preferencesKey);
-            const initialIndex = path ? existingPreferences?.fields?.[path]?.tabIndex : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex;
-            setActiveTabIndex(initialIndex || 0);
-        };
-        void getInitialPref();
+        if (preferencesKey) {
+            const getInitialPref = async ()=>{
+                const existingPreferences = await getPreference(preferencesKey);
+                const initialIndex = path ? existingPreferences?.fields?.[path]?.tabIndex : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex;
+                setActiveTabIndex(initialIndex || 0);
+            };
+            void getInitialPref();
+        }
     }, [
         path,
         getPreference,
@@ -42,26 +44,28 @@ const TabsField = (props)=>{
     const handleTabChange = useCallback(async (incomingTabIndex)=>{
         setActiveTabIndex(incomingTabIndex);
         const existingPreferences = await getPreference(preferencesKey);
-        void setPreference(preferencesKey, {
-            ...existingPreferences,
-            ...path ? {
-                fields: {
-                    ...existingPreferences?.fields || {},
-                    [path]: {
-                        ...existingPreferences?.fields?.[path],
-                        tabIndex: incomingTabIndex
+        if (preferencesKey) {
+            void setPreference(preferencesKey, {
+                ...existingPreferences,
+                ...path ? {
+                    fields: {
+                        ...existingPreferences?.fields || {},
+                        [path]: {
+                            ...existingPreferences?.fields?.[path],
+                            tabIndex: incomingTabIndex
+                        }
                     }
-                }
-            } : {
-                fields: {
-                    ...existingPreferences?.fields,
-                    [tabsPrefKey]: {
-                        ...existingPreferences?.fields?.[tabsPrefKey],
-                        tabIndex: incomingTabIndex
+                } : {
+                    fields: {
+                        ...existingPreferences?.fields,
+                        [tabsPrefKey]: {
+                            ...existingPreferences?.fields?.[tabsPrefKey],
+                            tabIndex: incomingTabIndex
+                        }
                     }
                 }
-            }
-        });
+            });
+        }
     }, [
         preferencesKey,
         getPreference,

package/dist/fields/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { DocumentPreferences } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { toKebabCase } from 'payload/utilities'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { MappedTab } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { TabComponent } from './Tab/index.js'\nimport './index.scss'\nimport { TabsProvider } from './provider.js'\n\nconst baseClass = 'tabs-field'\n\nexport { TabsProvider }\n\nexport type TabsFieldProps = FormFieldBase & {\n  forceRender?: boolean\n  name?: string\n  path?: string\n  permissions: FieldPermissions\n  tabs?: MappedTab[]\n  width?: string\n}\n\nconst TabsField: React.FC<TabsFieldProps> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    className,\n    descriptionProps,\n    forceRender = false,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    tabs = [],\n  } = props\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    permissions,\n    readOnly: readOnlyFromContext,\n    schemaPath,\n  } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n  const path = pathFromContext || pathFromProps || name\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(0)\n  const tabsPrefKey = `tabs-${indexPath}`\n\n  useEffect(() => {\n    const getInitialPref = async () => {\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n      const initialIndex = path\n        ? existingPreferences?.fields?.[path]?.tabIndex\n        : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex\n      setActiveTabIndex(initialIndex || 0)\n    }\n    void getInitialPref()\n  }, [path, getPreference, preferencesKey, tabsPrefKey])\n\n  const handleTabChange = useCallback(\n    async (incomingTabIndex: number) => {\n      setActiveTabIndex(incomingTabIndex)\n\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      void setPreference(preferencesKey, {\n        ...existingPreferences,\n        ...(path\n          ? {\n              fields: {\n                ...(existingPreferences?.fields || {}),\n                [path]: {\n                  ...existingPreferences?.fields?.[path],\n                  tabIndex: incomingTabIndex,\n                },\n              },\n            }\n          : {\n              fields: {\n                ...existingPreferences?.fields,\n                [tabsPrefKey]: {\n                  ...existingPreferences?.fields?.[tabsPrefKey],\n                  tabIndex: incomingTabIndex,\n                },\n              },\n            }),\n      })\n    },\n    [preferencesKey, getPreference, setPreference, path, tabsPrefKey],\n  )\n\n  const activeTabConfig = tabs[activeTabIndex]\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        className,\n        baseClass,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <TabsProvider>\n        <div className={`${baseClass}__tabs-wrap`}>\n          <div className={`${baseClass}__tabs`}>\n            {tabs.map((tab, tabIndex) => {\n              return (\n                <TabComponent\n                  isActive={activeTabIndex === tabIndex}\n                  key={tabIndex}\n                  parentPath={path}\n                  setIsActive={() => handleTabChange(tabIndex)}\n                  tab={tab}\n                />\n              )\n            })}\n          </div>\n        </div>\n        <div className={`${baseClass}__content-wrap`}>\n          {activeTabConfig && (\n            <React.Fragment>\n              <div\n                className={[\n                  `${baseClass}__tab`,\n                  activeTabConfig.label &&\n                    `${baseClass}__tabConfigLabel-${toKebabCase(\n                      getTranslation(activeTabConfig.label, i18n),\n                    )}`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n              >\n                {CustomDescription ? (\n                  CustomDescription\n                ) : (\n                  <FieldDescription {...(descriptionProps || {})} />\n                )}\n                <RenderFields\n                  fieldMap={activeTabConfig.fieldMap}\n                  forceRender={forceRender}\n                  key={\n                    activeTabConfig.label\n                      ? getTranslation(activeTabConfig.label, i18n)\n                      : activeTabConfig['name']\n                  }\n                  margins=\"small\"\n                  path={`${path ? `${path}.` : ''}${activeTabConfig.name ? `${activeTabConfig.name}` : ''}`}\n                  permissions={\n                    'name' in activeTabConfig && permissions?.fields?.[activeTabConfig.name]?.fields\n                      ? permissions?.fields?.[activeTabConfig.name]?.fields\n                      : permissions?.fields\n                  }\n                  readOnly={readOnly}\n                  schemaPath={`${schemaPath ? `${schemaPath}` : ''}${activeTabConfig.name ? `.${activeTabConfig.name}` : ''}`}\n                />\n              </div>\n            </React.Fragment>\n          )}\n        </div>\n      </TabsProvider>\n    </div>\n  )\n}\n\nexport const Tabs = withCondition(TabsField)\n"],"names":["getTranslation","FieldDescription","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","useFieldProps","RenderFields","withCondition","useDocumentInfo","usePreferences","useTranslation","fieldBaseClass","TabComponent","TabsProvider","baseClass","TabsField","props","name","CustomDescription","className","descriptionProps","forceRender","path","pathFromProps","readOnly","readOnlyFromProps","tabs","indexPath","pathFromContext","permissions","readOnlyFromContext","schemaPath","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","activeTabIndex","setActiveTabIndex","tabsPrefKey","getInitialPref","existingPreferences","initialIndex","fields","tabIndex","handleTabChange","incomingTabIndex","activeTabConfig","div","filter","Boolean","join","map","tab","isActive","key","parentPath","setIsActive","Fragment","label","fieldMap","margins","Tabs"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Tabs/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\nimport type { DocumentPreferences } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { toKebabCase } from 'payload/utilities'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { MappedTab } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { TabComponent } from './Tab/index.js'\nimport './index.scss'\nimport { TabsProvider } from './provider.js'\n\nconst baseClass = 'tabs-field'\n\nexport { TabsProvider }\n\nexport type TabsFieldProps = FormFieldBase & {\n  forceRender?: boolean\n  name?: string\n  path?: string\n  permissions: FieldPermissions\n  tabs?: MappedTab[]\n  width?: string\n}\n\nconst TabsField: React.FC<TabsFieldProps> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    className,\n    descriptionProps,\n    forceRender = false,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    tabs = [],\n  } = props\n\n  const {\n    indexPath,\n    path: pathFromContext,\n    permissions,\n    readOnly: readOnlyFromContext,\n    schemaPath,\n  } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n  const path = pathFromContext || pathFromProps || name\n  const { getPreference, setPreference } = usePreferences()\n  const { preferencesKey } = useDocumentInfo()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(0)\n  const tabsPrefKey = `tabs-${indexPath}`\n\n  useEffect(() => {\n    if (preferencesKey) {\n      const getInitialPref = async () => {\n        const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n        const initialIndex = path\n          ? existingPreferences?.fields?.[path]?.tabIndex\n          : existingPreferences?.fields?.[tabsPrefKey]?.tabIndex\n        setActiveTabIndex(initialIndex || 0)\n      }\n      void getInitialPref()\n    }\n  }, [path, getPreference, preferencesKey, tabsPrefKey])\n\n  const handleTabChange = useCallback(\n    async (incomingTabIndex: number) => {\n      setActiveTabIndex(incomingTabIndex)\n\n      const existingPreferences: DocumentPreferences = await getPreference(preferencesKey)\n\n      if (preferencesKey) {\n        void setPreference(preferencesKey, {\n          ...existingPreferences,\n          ...(path\n            ? {\n                fields: {\n                  ...(existingPreferences?.fields || {}),\n                  [path]: {\n                    ...existingPreferences?.fields?.[path],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }\n            : {\n                fields: {\n                  ...existingPreferences?.fields,\n                  [tabsPrefKey]: {\n                    ...existingPreferences?.fields?.[tabsPrefKey],\n                    tabIndex: incomingTabIndex,\n                  },\n                },\n              }),\n        })\n      }\n    },\n    [preferencesKey, getPreference, setPreference, path, tabsPrefKey],\n  )\n\n  const activeTabConfig = tabs[activeTabIndex]\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        className,\n        baseClass,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <TabsProvider>\n        <div className={`${baseClass}__tabs-wrap`}>\n          <div className={`${baseClass}__tabs`}>\n            {tabs.map((tab, tabIndex) => {\n              return (\n                <TabComponent\n                  isActive={activeTabIndex === tabIndex}\n                  key={tabIndex}\n                  parentPath={path}\n                  setIsActive={() => handleTabChange(tabIndex)}\n                  tab={tab}\n                />\n              )\n            })}\n          </div>\n        </div>\n        <div className={`${baseClass}__content-wrap`}>\n          {activeTabConfig && (\n            <React.Fragment>\n              <div\n                className={[\n                  `${baseClass}__tab`,\n                  activeTabConfig.label &&\n                    `${baseClass}__tabConfigLabel-${toKebabCase(\n                      getTranslation(activeTabConfig.label, i18n),\n                    )}`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n              >\n                {CustomDescription ? (\n                  CustomDescription\n                ) : (\n                  <FieldDescription {...(descriptionProps || {})} />\n                )}\n                <RenderFields\n                  fieldMap={activeTabConfig.fieldMap}\n                  forceRender={forceRender}\n                  key={\n                    activeTabConfig.label\n                      ? getTranslation(activeTabConfig.label, i18n)\n                      : activeTabConfig['name']\n                  }\n                  margins=\"small\"\n                  path={`${path ? `${path}.` : ''}${activeTabConfig.name ? `${activeTabConfig.name}` : ''}`}\n                  permissions={\n                    'name' in activeTabConfig && permissions?.fields?.[activeTabConfig.name]?.fields\n                      ? permissions?.fields?.[activeTabConfig.name]?.fields\n                      : permissions?.fields\n                  }\n                  readOnly={readOnly}\n                  schemaPath={`${schemaPath ? `${schemaPath}` : ''}${activeTabConfig.name ? `.${activeTabConfig.name}` : ''}`}\n                />\n              </div>\n            </React.Fragment>\n          )}\n        </div>\n      </TabsProvider>\n    </div>\n  )\n}\n\nexport const Tabs = withCondition(TabsField)\n"],"names":["getTranslation","FieldDescription","toKebabCase","React","useCallback","useEffect","useState","useCollapsible","useFieldProps","RenderFields","withCondition","useDocumentInfo","usePreferences","useTranslation","fieldBaseClass","TabComponent","TabsProvider","baseClass","TabsField","props","name","CustomDescription","className","descriptionProps","forceRender","path","pathFromProps","readOnly","readOnlyFromProps","tabs","indexPath","pathFromContext","permissions","readOnlyFromContext","schemaPath","getPreference","setPreference","preferencesKey","i18n","isWithinCollapsible","activeTabIndex","setActiveTabIndex","tabsPrefKey","getInitialPref","existingPreferences","initialIndex","fields","tabIndex","handleTabChange","incomingTabIndex","activeTabConfig","div","filter","Boolean","join","map","tab","isActive","key","parentPath","setIsActive","Fragment","label","fieldMap","margins","Tabs"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,3 @@
+import type { WithServerSideProps as WithServerSidePropsType } from 'payload/types';
+export declare const WithServerSideProps: WithServerSidePropsType;
+//# sourceMappingURL=WithServerSideProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WithServerSideProps.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/WithServerSideProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAKnF,eAAO,MAAM,mBAAmB,EAAE,uBAejC,CAAA"}

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

@@ -0,0 +1,19 @@
+import { isReactServerComponent } from 'payload/utilities';
+import React from 'react';
+export const WithServerSideProps = ({ Component, payload, ...rest })=>{
+    if (Component) {
+        const WithServerSideProps = (passedProps)=>{
+            const propsWithPayload = {
+                ...passedProps,
+                ...isReactServerComponent(Component) ? {
+                    payload
+                } : {}
+            };
+            return /*#__PURE__*/ React.createElement(Component, propsWithPayload);
+        };
+        return /*#__PURE__*/ React.createElement(WithServerSideProps, rest);
+    }
+    return null;
+};
+
+//# sourceMappingURL=WithServerSideProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/WithServerSideProps.tsx"],"sourcesContent":["import type { WithServerSideProps as WithServerSidePropsType } from 'payload/types'\n\nimport { isReactServerComponent } from 'payload/utilities'\nimport React from 'react'\n\nexport const WithServerSideProps: WithServerSidePropsType = ({ Component, payload, ...rest }) => {\n  if (Component) {\n    const WithServerSideProps: React.FC<any> = (passedProps) => {\n      const propsWithPayload = {\n        ...passedProps,\n        ...(isReactServerComponent(Component) ? { payload } : {}),\n      }\n\n      return <Component {...propsWithPayload} />\n    }\n\n    return <WithServerSideProps {...rest} />\n  }\n\n  return null\n}\n"],"names":["isReactServerComponent","React","WithServerSideProps","Component","payload","rest","passedProps","propsWithPayload"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,sBAAsB,QAAQ,oBAAmB;AAC1D,OAAOC,WAAW,QAAO;AAEzB,OAAO,MAAMC,sBAA+C,CAAC,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC,MAAM;IAC1F,IAAIF,WAAW;QACb,MAAMD,sBAAqC,CAACI;YAC1C,MAAMC,mBAAmB;gBACvB,GAAGD,WAAW;gBACd,GAAIN,uBAAuBG,aAAa;oBAAEC;gBAAQ,IAAI,CAAC,CAAC;YAC1D;YAEA,qBAAO,oBAACD,WAAcI;QACxB;QAEA,qBAAO,oBAACL,qBAAwBG;IAClC;IAEA,OAAO;AACT,EAAC"}

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

@@ -1,6 +1,7 @@
-import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types';
+import type { SanitizedCollectionConfig, SanitizedGlobalConfig, WithServerSideProps as WithServerSidePropsType } from 'payload/types';
 import type { ActionMap } from './types.js';
 export declare const mapActions: (args: {
+    WithServerSideProps: WithServerSidePropsType;
     collectionConfig?: SanitizedCollectionConfig;
     globalConfig?: SanitizedGlobalConfig;
 }) => ActionMap;

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

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAIrF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,eAAO,MAAM,UAAU,SAAU;IAC/B,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC,KAAG,SAuCH,CAAA"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,yBAAyB,EACzB,qBAAqB,EACrB,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,eAAO,MAAM,UAAU,SAAU;IAC/B,mBAAmB,EAAE,uBAAuB,CAAA;IAC5C,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC,KAAG,SAuCH,CAAA"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export const mapActions = (args)=>{
-    const { collectionConfig, globalConfig } = args;
+    const { WithServerSideProps, collectionConfig, globalConfig } = args;
     const editViews = (collectionConfig || globalConfig)?.admin?.components?.views?.Edit;
     const listActions = typeof collectionConfig?.admin?.components?.views?.List === 'object' ? collectionConfig?.admin?.components?.views?.List?.actions : undefined;
     const result = {
@@ -15,7 +15,9 @@ export const mapActions = (args)=>{
                     if (typeof Action === 'function') {
                         result.Edit[key] = [
                             ...result[key] || [],
-                            /*#__PURE__*/ React.createElement(Action, null)
+                            /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                                Component: Action
+                            })
                         ];
                     }
                 });
@@ -29,7 +31,9 @@ export const mapActions = (args)=>{
                 // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 result.List = [
                     ...result.List,
-                    /*#__PURE__*/ React.createElement(Action, null)
+                    /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                        Component: Action
+                    })
                 ];
             }
         });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/actions.tsx"],"sourcesContent":["import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nimport React from 'react'\n\nimport type { ActionMap } from './types.js'\n\nexport const mapActions = (args: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n}): ActionMap => {\n  const { collectionConfig, globalConfig } = args\n\n  const editViews = (collectionConfig || globalConfig)?.admin?.components?.views?.Edit\n\n  const listActions =\n    typeof collectionConfig?.admin?.components?.views?.List === 'object'\n      ? collectionConfig?.admin?.components?.views?.List?.actions\n      : undefined\n\n  const result: ActionMap = {\n    Edit: {},\n    List: [],\n  }\n\n  if (editViews) {\n    Object.entries(editViews).forEach(([key, view]) => {\n      if (typeof view === 'object' && 'actions' in view) {\n        view.actions.forEach((action) => {\n          const Action = action\n          if (typeof Action === 'function') {\n            result.Edit[key] = [...(result[key] || []), <Action />]\n          }\n        })\n      }\n    })\n  }\n\n  if (listActions) {\n    listActions.forEach((action) => {\n      const Action = action\n      if (typeof Action === 'function') {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        result.List = [...result.List, <Action />]\n      }\n    })\n  }\n\n  return result\n}\n"],"names":["React","mapActions","args","collectionConfig","globalConfig","editViews","admin","components","views","Edit","listActions","List","actions","undefined","result","Object","entries","forEach","key","view","action","Action"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,aAAa,CAACC;IAIzB,MAAM,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAAGF;IAE3C,MAAMG,YAAaF,CAAAA,oBAAoBC,YAAW,GAAIE,OAAOC,YAAYC,OAAOC;IAEhF,MAAMC,cACJ,OAAOP,kBAAkBG,OAAOC,YAAYC,OAAOG,SAAS,WACxDR,kBAAkBG,OAAOC,YAAYC,OAAOG,MAAMC,UAClDC;IAEN,MAAMC,SAAoB;QACxBL,MAAM,CAAC;QACPE,MAAM,EAAE;IACV;IAEA,IAAIN,WAAW;QACbU,OAAOC,OAAO,CAACX,WAAWY,OAAO,CAAC,CAAC,CAACC,KAAKC,KAAK;YAC5C,IAAI,OAAOA,SAAS,YAAY,aAAaA,MAAM;gBACjDA,KAAKP,OAAO,CAACK,OAAO,CAAC,CAACG;oBACpB,MAAMC,SAASD;oBACf,IAAI,OAAOC,WAAW,YAAY;wBAChCP,OAAOL,IAAI,CAACS,IAAI,GAAG;+BAAKJ,MAAM,CAACI,IAAI,IAAI,EAAE;0CAAG,oBAACG;yBAAU;oBACzD;gBACF;YACF;QACF;IACF;IAEA,IAAIX,aAAa;QACfA,YAAYO,OAAO,CAAC,CAACG;YACnB,MAAMC,SAASD;YACf,IAAI,OAAOC,WAAW,YAAY;gBAChC,mEAAmE;gBACnEP,OAAOH,IAAI,GAAG;uBAAIG,OAAOH,IAAI;kCAAE,oBAACU;iBAAU;YAC5C;QACF;IACF;IAEA,OAAOP;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/actions.tsx"],"sourcesContent":["import type {\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  WithServerSideProps as WithServerSidePropsType,\n} from 'payload/types'\n\nimport React from 'react'\n\nimport type { ActionMap } from './types.js'\n\nexport const mapActions = (args: {\n  WithServerSideProps: WithServerSidePropsType\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n}): ActionMap => {\n  const { WithServerSideProps, collectionConfig, globalConfig } = args\n\n  const editViews = (collectionConfig || globalConfig)?.admin?.components?.views?.Edit\n\n  const listActions =\n    typeof collectionConfig?.admin?.components?.views?.List === 'object'\n      ? collectionConfig?.admin?.components?.views?.List?.actions\n      : undefined\n\n  const result: ActionMap = {\n    Edit: {},\n    List: [],\n  }\n\n  if (editViews) {\n    Object.entries(editViews).forEach(([key, view]) => {\n      if (typeof view === 'object' && 'actions' in view) {\n        view.actions.forEach((action) => {\n          const Action = action\n          if (typeof Action === 'function') {\n            result.Edit[key] = [...(result[key] || []), <WithServerSideProps Component={Action} />]\n          }\n        })\n      }\n    })\n  }\n\n  if (listActions) {\n    listActions.forEach((action) => {\n      const Action = action\n      if (typeof Action === 'function') {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        result.List = [...result.List, <WithServerSideProps Component={Action} />]\n      }\n    })\n  }\n\n  return result\n}\n"],"names":["React","mapActions","args","WithServerSideProps","collectionConfig","globalConfig","editViews","admin","components","views","Edit","listActions","List","actions","undefined","result","Object","entries","forEach","key","view","action","Action","Component"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAMA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,aAAa,CAACC;IAKzB,MAAM,EAAEC,mBAAmB,EAAEC,gBAAgB,EAAEC,YAAY,EAAE,GAAGH;IAEhE,MAAMI,YAAaF,CAAAA,oBAAoBC,YAAW,GAAIE,OAAOC,YAAYC,OAAOC;IAEhF,MAAMC,cACJ,OAAOP,kBAAkBG,OAAOC,YAAYC,OAAOG,SAAS,WACxDR,kBAAkBG,OAAOC,YAAYC,OAAOG,MAAMC,UAClDC;IAEN,MAAMC,SAAoB;QACxBL,MAAM,CAAC;QACPE,MAAM,EAAE;IACV;IAEA,IAAIN,WAAW;QACbU,OAAOC,OAAO,CAACX,WAAWY,OAAO,CAAC,CAAC,CAACC,KAAKC,KAAK;YAC5C,IAAI,OAAOA,SAAS,YAAY,aAAaA,MAAM;gBACjDA,KAAKP,OAAO,CAACK,OAAO,CAAC,CAACG;oBACpB,MAAMC,SAASD;oBACf,IAAI,OAAOC,WAAW,YAAY;wBAChCP,OAAOL,IAAI,CAACS,IAAI,GAAG;+BAAKJ,MAAM,CAACI,IAAI,IAAI,EAAE;0CAAG,oBAAChB;gCAAoBoB,WAAWD;;yBAAW;oBACzF;gBACF;YACF;QACF;IACF;IAEA,IAAIX,aAAa;QACfA,YAAYO,OAAO,CAAC,CAACG;YACnB,MAAMC,SAASD;YACf,IAAI,OAAOC,WAAW,YAAY;gBAChC,mEAAmE;gBACnEP,OAAOH,IAAI,GAAG;uBAAIG,OAAOH,IAAI;kCAAE,oBAACT;wBAAoBoB,WAAWD;;iBAAW;YAC5E;QACF;IACF;IAEA,OAAOP;AACT,EAAC"}

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

@@ -1,10 +1,11 @@
 import type { I18n } from '@payloadcms/translations';
-import type { AdminViewProps, EditViewProps, SanitizedCollectionConfig, SanitizedConfig } from 'payload/types';
+import type { AdminViewProps, EditViewProps, SanitizedCollectionConfig, SanitizedConfig, WithServerSideProps as WithServerSidePropsType } from 'payload/types';
 import React from 'react';
 import type { CollectionComponentMap } from './types.js';
-export declare const mapCollections: ({ DefaultEditView, DefaultListView, collections, config, i18n, readOnly: readOnlyOverride, }: {
+export declare const mapCollections: ({ DefaultEditView, DefaultListView, WithServerSideProps, collections, config, i18n, readOnly: readOnlyOverride, }: {
     DefaultEditView: React.FC<EditViewProps>;
     DefaultListView: React.FC<AdminViewProps>;
+    WithServerSideProps: WithServerSidePropsType;
     collections: SanitizedCollectionConfig[];
     config: SanitizedConfig;
     i18n: I18n;

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

@@ -1 +1 @@
-{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/collections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAGb,yBAAyB,EACzB,eAAe,EAChB,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAKxD,eAAO,MAAM,cAAc,iGAOxB;IACD,eAAe,EAAE,MAAM,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,MAAM,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,WAAW,EAAE,yBAAyB,EAAE,CAAA;IACxC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG;IACF,CAAC,GAAG,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAAG,sBAAsB,CAAA;CAoI1D,CAAA"}
+{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/collections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAGb,yBAAyB,EACzB,eAAe,EACf,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,eAAe,CAAA;AAItB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAKxD,eAAO,MAAM,cAAc,sHAQxB;IACD,eAAe,EAAE,MAAM,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,MAAM,EAAE,CAAC,cAAc,CAAC,CAAA;IACzC,mBAAmB,EAAE,uBAAuB,CAAA;IAC5C,WAAW,EAAE,yBAAyB,EAAE,CAAA;IACxC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG;IACF,CAAC,GAAG,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAAG,sBAAsB,CAAA;CAsJ1D,CAAA"}

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

@@ -3,7 +3,7 @@ import { isPlainFunction, isReactComponent } from 'payload/utilities';
 import React from 'react';
 import { mapActions } from './actions.js';
 import { mapFields } from './fields.js';
-export const mapCollections = ({ DefaultEditView, DefaultListView, collections, config, i18n, readOnly: readOnlyOverride })=>collections.reduce((acc, collectionConfig)=>{
+export const mapCollections = ({ DefaultEditView, DefaultListView, WithServerSideProps, collections, config, i18n, readOnly: readOnlyOverride })=>collections.reduce((acc, collectionConfig)=>{
         const { slug, fields } = collectionConfig;
         const internalCollections = [
             'payload-preferences',
@@ -18,27 +18,46 @@ export const mapCollections = ({ DefaultEditView, DefaultListView, collections,
         const CustomListView = typeof listViewFromConfig === 'function' ? listViewFromConfig : typeof listViewFromConfig === 'object' && typeof listViewFromConfig.Component === 'function' ? listViewFromConfig.Component : undefined;
         const Edit = CustomEditView || DefaultEditView;
         const List = CustomListView || DefaultListView;
-        const beforeList = collectionConfig?.admin?.components?.BeforeList;
-        const beforeListTable = collectionConfig?.admin?.components?.BeforeListTable;
-        const afterList = collectionConfig?.admin?.components?.AfterList;
-        const afterListTable = collectionConfig?.admin?.components?.AfterListTable;
         const SaveButtonComponent = collectionConfig?.admin?.components?.edit?.SaveButton;
-        const SaveButton = SaveButtonComponent ? /*#__PURE__*/ React.createElement(SaveButtonComponent, null) : undefined;
+        const SaveButton = SaveButtonComponent ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: SaveButtonComponent
+        }) : undefined;
         const SaveDraftButtonComponent = collectionConfig?.admin?.components?.edit?.SaveDraftButton;
-        const SaveDraftButton = SaveDraftButtonComponent ? /*#__PURE__*/ React.createElement(SaveDraftButtonComponent, null) : undefined;
+        const SaveDraftButton = SaveDraftButtonComponent ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: SaveDraftButtonComponent
+        }) : undefined;
         const PreviewButtonComponent = collectionConfig?.admin?.components?.edit?.PreviewButton;
-        const PreviewButton = PreviewButtonComponent ? /*#__PURE__*/ React.createElement(PreviewButtonComponent, null) : undefined;
+        const PreviewButton = PreviewButtonComponent ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: PreviewButtonComponent
+        }) : undefined;
         const PublishButtonComponent = collectionConfig?.admin?.components?.edit?.PublishButton;
-        const PublishButton = PublishButtonComponent ? /*#__PURE__*/ React.createElement(PublishButtonComponent, null) : undefined;
-        const BeforeList = beforeList && Array.isArray(beforeList) && beforeList?.map((Component)=>/*#__PURE__*/ React.createElement(Component, null)) || null;
-        const BeforeListTable = beforeListTable && Array.isArray(beforeListTable) && beforeListTable?.map((Component)=>/*#__PURE__*/ React.createElement(Component, null)) || null;
-        const AfterList = afterList && Array.isArray(afterList) && afterList?.map((Component)=>/*#__PURE__*/ React.createElement(Component, null)) || null;
-        const AfterListTable = afterListTable && Array.isArray(afterListTable) && afterListTable?.map((Component)=>/*#__PURE__*/ React.createElement(Component, null)) || null;
+        const PublishButton = PublishButtonComponent ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+            Component: PublishButtonComponent
+        }) : undefined;
+        const beforeList = collectionConfig?.admin?.components?.BeforeList;
+        const BeforeList = beforeList && Array.isArray(beforeList) && beforeList?.map((Component)=>/*#__PURE__*/ React.createElement(WithServerSideProps, {
+                Component: Component
+            })) || null;
+        const beforeListTable = collectionConfig?.admin?.components?.BeforeListTable;
+        const BeforeListTable = beforeListTable && Array.isArray(beforeListTable) && beforeListTable?.map((Component)=>/*#__PURE__*/ React.createElement(WithServerSideProps, {
+                Component: Component
+            })) || null;
+        const afterList = collectionConfig?.admin?.components?.AfterList;
+        const AfterList = afterList && Array.isArray(afterList) && afterList?.map((Component)=>/*#__PURE__*/ React.createElement(WithServerSideProps, {
+                Component: Component
+            })) || null;
+        const afterListTable = collectionConfig?.admin?.components?.AfterListTable;
+        const AfterListTable = afterListTable && Array.isArray(afterListTable) && afterListTable?.map((Component)=>/*#__PURE__*/ React.createElement(WithServerSideProps, {
+                Component: Component
+            })) || null;
         const descriptionProps = {
             description: collectionConfig.admin && 'description' in collectionConfig.admin && ((typeof collectionConfig.admin?.description === 'string' || typeof collectionConfig.admin?.description === 'object') && collectionConfig.admin.description || typeof collectionConfig.admin?.description === 'function' && isPlainFunction(collectionConfig.admin?.description) && collectionConfig.admin?.description()) || undefined
         };
         const DescriptionComponent = collectionConfig.admin && 'description' in collectionConfig.admin && (isReactComponent(collectionConfig.admin.description) && collectionConfig.admin.description || collectionConfig.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 = {
             AfterList,
             AfterListTable,
@@ -56,9 +75,11 @@ export const mapCollections = ({ DefaultEditView, DefaultListView, collections,
             SaveButton,
             SaveDraftButton,
             actionsMap: mapActions({
+                WithServerSideProps,
                 collectionConfig
             }),
             fieldMap: mapFields({
+                WithServerSideProps,
                 config,
                 fieldSchema: fields,
                 i18n,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/collections.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { ViewDescriptionProps } from '@payloadcms/ui/elements/ViewDescription'\nimport type {\n  AdminViewProps,\n  EditViewProps,\n  EntityDescriptionComponent,\n  EntityDescriptionFunction,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n} from 'payload/types'\n\nimport { ViewDescription } from '@payloadcms/ui/elements/ViewDescription'\nimport { isPlainFunction, isReactComponent } from 'payload/utilities'\nimport React from 'react'\n\nimport type { CollectionComponentMap } from './types.js'\n\nimport { mapActions } from './actions.js'\nimport { mapFields } from './fields.js'\n\nexport const mapCollections = ({\n  DefaultEditView,\n  DefaultListView,\n  collections,\n  config,\n  i18n,\n  readOnly: readOnlyOverride,\n}: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  collections: SanitizedCollectionConfig[]\n  config: SanitizedConfig\n  i18n: I18n\n  readOnly?: boolean\n}): {\n  [key: SanitizedCollectionConfig['slug']]: CollectionComponentMap\n} =>\n  collections.reduce((acc, collectionConfig) => {\n    const { slug, fields } = collectionConfig\n\n    const internalCollections = ['payload-preferences', 'payload-migrations']\n\n    if (internalCollections.includes(slug)) {\n      return acc\n    }\n\n    const editViewFromConfig = collectionConfig?.admin?.components?.views?.Edit\n\n    const listViewFromConfig = collectionConfig?.admin?.components?.views?.List\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 as React.FC<EditViewProps>)\n            : undefined\n\n    const CustomListView =\n      typeof listViewFromConfig === 'function'\n        ? listViewFromConfig\n        : typeof listViewFromConfig === 'object' &&\n            typeof listViewFromConfig.Component === 'function'\n          ? listViewFromConfig.Component\n          : undefined\n\n    const Edit = (CustomEditView as React.FC<EditViewProps>) || DefaultEditView\n\n    const List = CustomListView || DefaultListView\n\n    const beforeList = collectionConfig?.admin?.components?.BeforeList\n\n    const beforeListTable = collectionConfig?.admin?.components?.BeforeListTable\n\n    const afterList = collectionConfig?.admin?.components?.AfterList\n\n    const afterListTable = collectionConfig?.admin?.components?.AfterListTable\n\n    const SaveButtonComponent = collectionConfig?.admin?.components?.edit?.SaveButton\n    const SaveButton = SaveButtonComponent ? <SaveButtonComponent /> : undefined\n\n    const SaveDraftButtonComponent = collectionConfig?.admin?.components?.edit?.SaveDraftButton\n    const SaveDraftButton = SaveDraftButtonComponent ? <SaveDraftButtonComponent /> : undefined\n\n    const PreviewButtonComponent = collectionConfig?.admin?.components?.edit?.PreviewButton\n    const PreviewButton = PreviewButtonComponent ? <PreviewButtonComponent /> : undefined\n\n    const PublishButtonComponent = collectionConfig?.admin?.components?.edit?.PublishButton\n    const PublishButton = PublishButtonComponent ? <PublishButtonComponent /> : undefined\n\n    const BeforeList =\n      (beforeList && Array.isArray(beforeList) && beforeList?.map((Component) => <Component />)) ||\n      null\n\n    const BeforeListTable =\n      (beforeListTable &&\n        Array.isArray(beforeListTable) &&\n        beforeListTable?.map((Component) => <Component />)) ||\n      null\n\n    const AfterList =\n      (afterList && Array.isArray(afterList) && afterList?.map((Component) => <Component />)) ||\n      null\n\n    const AfterListTable =\n      (afterListTable &&\n        Array.isArray(afterListTable) &&\n        afterListTable?.map((Component) => <Component />)) ||\n      null\n\n    const descriptionProps: ViewDescriptionProps = {\n      description:\n        (collectionConfig.admin &&\n          'description' in collectionConfig.admin &&\n          (((typeof collectionConfig.admin?.description === 'string' ||\n            typeof collectionConfig.admin?.description === 'object') &&\n            collectionConfig.admin.description) ||\n            (typeof collectionConfig.admin?.description === 'function' &&\n              isPlainFunction<EntityDescriptionFunction>(collectionConfig.admin?.description) &&\n              collectionConfig.admin?.description()))) ||\n        undefined,\n    }\n\n    const DescriptionComponent =\n      (collectionConfig.admin &&\n        'description' in collectionConfig.admin &&\n        ((isReactComponent<EntityDescriptionComponent>(collectionConfig.admin.description) &&\n          collectionConfig.admin.description) ||\n          (collectionConfig.admin.description && ViewDescription))) ||\n      undefined\n\n    const Description =\n      DescriptionComponent !== undefined ? (\n        <DescriptionComponent {...(descriptionProps || {})} />\n      ) : undefined\n\n    const componentMap: CollectionComponentMap = {\n      AfterList,\n      AfterListTable,\n      BeforeList,\n      BeforeListTable,\n      Description,\n      Edit: <Edit collectionSlug={collectionConfig.slug} />,\n      List: <List collectionSlug={collectionConfig.slug} />,\n      PreviewButton,\n      PublishButton,\n      SaveButton,\n      SaveDraftButton,\n      actionsMap: mapActions({\n        collectionConfig,\n      }),\n      fieldMap: mapFields({\n        config,\n        fieldSchema: fields,\n        i18n,\n        readOnly: readOnlyOverride,\n      }),\n      isPreviewEnabled: !!collectionConfig?.admin?.preview,\n    }\n\n    return {\n      ...acc,\n      [slug]: componentMap,\n    }\n  }, {})\n"],"names":["ViewDescription","isPlainFunction","isReactComponent","React","mapActions","mapFields","mapCollections","DefaultEditView","DefaultListView","collections","config","i18n","readOnly","readOnlyOverride","reduce","acc","collectionConfig","slug","fields","internalCollections","includes","editViewFromConfig","admin","components","views","Edit","listViewFromConfig","List","CustomEditView","Default","Component","undefined","CustomListView","beforeList","BeforeList","beforeListTable","BeforeListTable","afterList","AfterList","afterListTable","AfterListTable","SaveButtonComponent","edit","SaveButton","SaveDraftButtonComponent","SaveDraftButton","PreviewButtonComponent","PreviewButton","PublishButtonComponent","PublishButton","Array","isArray","map","descriptionProps","description","DescriptionComponent","Description","componentMap","collectionSlug","actionsMap","fieldMap","fieldSchema","isPreviewEnabled","preview"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/collections.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { ViewDescriptionProps } from '@payloadcms/ui/elements/ViewDescription'\nimport type {\n  AdminViewProps,\n  EditViewProps,\n  EntityDescriptionComponent,\n  EntityDescriptionFunction,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  WithServerSideProps as WithServerSidePropsType,\n} from 'payload/types'\n\nimport { ViewDescription } from '@payloadcms/ui/elements/ViewDescription'\nimport { isPlainFunction, isReactComponent } from 'payload/utilities'\nimport React from 'react'\n\nimport type { CollectionComponentMap } from './types.js'\n\nimport { mapActions } from './actions.js'\nimport { mapFields } from './fields.js'\n\nexport const mapCollections = ({\n  DefaultEditView,\n  DefaultListView,\n  WithServerSideProps,\n  collections,\n  config,\n  i18n,\n  readOnly: readOnlyOverride,\n}: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<AdminViewProps>\n  WithServerSideProps: WithServerSidePropsType\n  collections: SanitizedCollectionConfig[]\n  config: SanitizedConfig\n  i18n: I18n\n  readOnly?: boolean\n}): {\n  [key: SanitizedCollectionConfig['slug']]: CollectionComponentMap\n} =>\n  collections.reduce((acc, collectionConfig) => {\n    const { slug, fields } = collectionConfig\n\n    const internalCollections = ['payload-preferences', 'payload-migrations']\n\n    if (internalCollections.includes(slug)) {\n      return acc\n    }\n\n    const editViewFromConfig = collectionConfig?.admin?.components?.views?.Edit\n\n    const listViewFromConfig = collectionConfig?.admin?.components?.views?.List\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 as React.FC<EditViewProps>)\n            : undefined\n\n    const CustomListView =\n      typeof listViewFromConfig === 'function'\n        ? listViewFromConfig\n        : typeof listViewFromConfig === 'object' &&\n            typeof listViewFromConfig.Component === 'function'\n          ? listViewFromConfig.Component\n          : undefined\n\n    const Edit = (CustomEditView as React.FC<EditViewProps>) || DefaultEditView\n\n    const List = CustomListView || DefaultListView\n\n    const SaveButtonComponent = collectionConfig?.admin?.components?.edit?.SaveButton\n\n    const SaveButton = SaveButtonComponent ? (\n      <WithServerSideProps Component={SaveButtonComponent} />\n    ) : undefined\n\n    const SaveDraftButtonComponent = collectionConfig?.admin?.components?.edit?.SaveDraftButton\n\n    const SaveDraftButton = SaveDraftButtonComponent ? (\n      <WithServerSideProps Component={SaveDraftButtonComponent} />\n    ) : undefined\n\n    const PreviewButtonComponent = collectionConfig?.admin?.components?.edit?.PreviewButton\n\n    const PreviewButton = PreviewButtonComponent ? (\n      <WithServerSideProps Component={PreviewButtonComponent} />\n    ) : undefined\n\n    const PublishButtonComponent = collectionConfig?.admin?.components?.edit?.PublishButton\n\n    const PublishButton = PublishButtonComponent ? (\n      <WithServerSideProps Component={PublishButtonComponent} />\n    ) : undefined\n\n    const beforeList = collectionConfig?.admin?.components?.BeforeList\n\n    const BeforeList =\n      (beforeList &&\n        Array.isArray(beforeList) &&\n        beforeList?.map((Component) => <WithServerSideProps Component={Component} />)) ||\n      null\n\n    const beforeListTable = collectionConfig?.admin?.components?.BeforeListTable\n\n    const BeforeListTable =\n      (beforeListTable &&\n        Array.isArray(beforeListTable) &&\n        beforeListTable?.map((Component) => <WithServerSideProps Component={Component} />)) ||\n      null\n\n    const afterList = collectionConfig?.admin?.components?.AfterList\n\n    const AfterList =\n      (afterList &&\n        Array.isArray(afterList) &&\n        afterList?.map((Component) => <WithServerSideProps Component={Component} />)) ||\n      null\n\n    const afterListTable = collectionConfig?.admin?.components?.AfterListTable\n\n    const AfterListTable =\n      (afterListTable &&\n        Array.isArray(afterListTable) &&\n        afterListTable?.map((Component) => <WithServerSideProps Component={Component} />)) ||\n      null\n\n    const descriptionProps: ViewDescriptionProps = {\n      description:\n        (collectionConfig.admin &&\n          'description' in collectionConfig.admin &&\n          (((typeof collectionConfig.admin?.description === 'string' ||\n            typeof collectionConfig.admin?.description === 'object') &&\n            collectionConfig.admin.description) ||\n            (typeof collectionConfig.admin?.description === 'function' &&\n              isPlainFunction<EntityDescriptionFunction>(collectionConfig.admin?.description) &&\n              collectionConfig.admin?.description()))) ||\n        undefined,\n    }\n\n    const DescriptionComponent =\n      (collectionConfig.admin &&\n        'description' in collectionConfig.admin &&\n        ((isReactComponent<EntityDescriptionComponent>(collectionConfig.admin.description) &&\n          collectionConfig.admin.description) ||\n          (collectionConfig.admin.description && ViewDescription))) ||\n      undefined\n\n    const Description =\n      DescriptionComponent !== undefined ? (\n        <WithServerSideProps Component={DescriptionComponent} {...(descriptionProps || {})} />\n      ) : undefined\n\n    const componentMap: CollectionComponentMap = {\n      AfterList,\n      AfterListTable,\n      BeforeList,\n      BeforeListTable,\n      Description,\n      Edit: <Edit collectionSlug={collectionConfig.slug} />,\n      List: <List collectionSlug={collectionConfig.slug} />,\n      PreviewButton,\n      PublishButton,\n      SaveButton,\n      SaveDraftButton,\n      actionsMap: mapActions({\n        WithServerSideProps,\n        collectionConfig,\n      }),\n      fieldMap: mapFields({\n        WithServerSideProps,\n        config,\n        fieldSchema: fields,\n        i18n,\n        readOnly: readOnlyOverride,\n      }),\n      isPreviewEnabled: !!collectionConfig?.admin?.preview,\n    }\n\n    return {\n      ...acc,\n      [slug]: componentMap,\n    }\n  }, {})\n"],"names":["ViewDescription","isPlainFunction","isReactComponent","React","mapActions","mapFields","mapCollections","DefaultEditView","DefaultListView","WithServerSideProps","collections","config","i18n","readOnly","readOnlyOverride","reduce","acc","collectionConfig","slug","fields","internalCollections","includes","editViewFromConfig","admin","components","views","Edit","listViewFromConfig","List","CustomEditView","Default","Component","undefined","CustomListView","SaveButtonComponent","edit","SaveButton","SaveDraftButtonComponent","SaveDraftButton","PreviewButtonComponent","PreviewButton","PublishButtonComponent","PublishButton","beforeList","BeforeList","Array","isArray","map","beforeListTable","BeforeListTable","afterList","AfterList","afterListTable","AfterListTable","descriptionProps","description","DescriptionComponent","Description","componentMap","collectionSlug","actionsMap","fieldMap","fieldSchema","isPreviewEnabled","preview"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,7 +1,8 @@
 import type { I18n } from '@payloadcms/translations';
-import type { Field, FieldWithPath, SanitizedConfig } from 'payload/types';
+import type { Field, FieldWithPath, SanitizedConfig, WithServerSideProps as WithServerSidePropsType } from 'payload/types';
 import type { FieldMap } from './types.js';
 export declare const mapFields: (args: {
+    WithServerSideProps: WithServerSidePropsType;
     config: SanitizedConfig;
     /**
      * If mapFields is used outside of collections, you might not want it to add an id field

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

@@ -1 +1 @@
-{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAIV,KAAK,EAGL,aAAa,EAIb,eAAe,EAChB,MAAM,eAAe,CAAA;AA4BtB,OAAO,KAAK,EAEV,QAAQ,EAIT,MAAM,YAAY,CAAA;AAInB,eAAO,MAAM,SAAS,SAAU;IAC9B,MAAM,EAAE,eAAe,CAAA;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,aAAa,EAAE,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,aA2sBA,CAAA"}
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/fields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAEpD,OAAO,KAAK,EAIV,KAAK,EAGL,aAAa,EAIb,eAAe,EACf,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,eAAe,CAAA;AAiCtB,OAAO,KAAK,EAEV,QAAQ,EAIT,MAAM,YAAY,CAAA;AAInB,eAAO,MAAM,SAAS,SAAU;IAC9B,mBAAmB,EAAE,uBAAuB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,aAAa,EAAE,CAAA;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,aA6tBA,CAAA"}

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

@@ -4,7 +4,7 @@ import { isPlainFunction, isReactComponent } from 'payload/utilities';
 import React, { Fragment } from 'react';
 import { HiddenInput } from '../../../fields/HiddenInput/index.js';
 export const mapFields = (args)=>{
-    const { config, disableAddingID, fieldSchema, filter, i18n, i18n: { t }, parentPath, readOnly: readOnlyOverride } = args;
+    const { WithServerSideProps, config, disableAddingID, fieldSchema, filter, i18n, i18n: { t }, parentPath, readOnly: readOnlyOverride } = args;
     const result = fieldSchema.reduce((acc, field)=>{
         const fieldIsPresentational = fieldIsPresentationalOnly(field);
         let CustomFieldComponent = field.admin?.components?.Field;
@@ -19,30 +19,41 @@ export const mapFields = (args)=>{
                 }
                 const isFieldAffectingData = fieldAffectsData(field);
                 const path = `${parentPath ? `${parentPath}.` : ''}${field.path || (isFieldAffectingData && 'name' in field ? field.name : '')}`;
-                const AfterInput = 'admin' in field && 'components' in field.admin && 'afterInput' in field.admin.components && Array.isArray(field.admin?.components?.afterInput) && /*#__PURE__*/ React.createElement(Fragment, null, field.admin.components.afterInput.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
+                const AfterInput = 'admin' in field && 'components' in field.admin && 'afterInput' in field.admin.components && Array.isArray(field.admin?.components?.afterInput) && /*#__PURE__*/ React.createElement(Fragment, null, field.admin.components.afterInput.map((Component, i)=>/*#__PURE__*/ React.createElement(WithServerSideProps, {
+                        Component: Component,
                         key: i
                     }))) || null;
-                const BeforeInput = 'admin' in field && field.admin?.components && 'beforeInput' in field.admin.components && Array.isArray(field.admin.components.beforeInput) && /*#__PURE__*/ React.createElement(Fragment, null, field.admin.components.beforeInput.map((Component, i)=>/*#__PURE__*/ React.createElement(Component, {
+                const BeforeInput = 'admin' in field && field.admin?.components && 'beforeInput' in field.admin.components && Array.isArray(field.admin.components.beforeInput) && /*#__PURE__*/ React.createElement(Fragment, null, field.admin.components.beforeInput.map((Component, i)=>/*#__PURE__*/ React.createElement(WithServerSideProps, {
+                        Component: Component,
                         key: i
                     }))) || null;
                 const labelProps = {
                     label: 'label' in field && !isPlainFunction(field.label) && !isReactComponent(field.label) ? field.label : undefined,
                     required: 'required' in field ? field.required : undefined
                 };
-                const CustomLabelComponent = 'admin' in field && field.admin?.components && 'Label' in field.admin.components && field.admin?.components?.Label || undefined;
-                const CustomLabel = CustomLabelComponent !== undefined ? /*#__PURE__*/ React.createElement(CustomLabelComponent, labelProps || {}) : undefined;
+                const CustomLabelComponent = 'admin' in field && field.admin?.components && 'Label' in field.admin.components && field.admin.components?.Label || undefined;
+                const CustomLabel = CustomLabelComponent !== undefined ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                    Component: CustomLabelComponent,
+                    ...labelProps || {}
+                }) : undefined;
                 const descriptionProps = {
                     description: field.admin && 'description' in field.admin && ((typeof field.admin?.description === 'string' || typeof field.admin?.description === 'object') && field.admin.description || typeof field.admin?.description === 'function' && isPlainFunction(field.admin?.description) && field.admin?.description({
                         t
                     })) || undefined
                 };
                 const CustomDescriptionComponent = field.admin && 'description' in field.admin && (isReactComponent(field.admin.description) && field.admin.description || field.admin.description && FieldDescription) || undefined;
-                const CustomDescription = CustomDescriptionComponent !== undefined ? /*#__PURE__*/ React.createElement(CustomDescriptionComponent, descriptionProps || {}) : undefined;
+                const CustomDescription = CustomDescriptionComponent !== undefined ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                    Component: CustomDescriptionComponent,
+                    ...descriptionProps || {}
+                }) : undefined;
                 const errorProps = {
                     path
                 };
                 const CustomErrorComponent = 'admin' in field && field.admin?.components && 'Error' in field.admin.components && field.admin?.components?.Error || undefined;
-                const CustomError = CustomErrorComponent !== undefined ? /*#__PURE__*/ React.createElement(CustomErrorComponent, errorProps || {}) : undefined;
+                const CustomError = CustomErrorComponent !== undefined ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                    Component: CustomErrorComponent,
+                    ...errorProps || {}
+                }) : undefined;
                 const baseFieldProps = {
                     AfterInput,
                     BeforeInput,
@@ -86,7 +97,9 @@ export const mapFields = (args)=>{
                             let CustomRowLabel;
                             if ('admin' in field && field.admin.components && 'RowLabel' in field.admin.components && field.admin.components.RowLabel && isReactComponent(field.admin.components.RowLabel)) {
                                 const CustomRowLabelComponent = field.admin.components.RowLabel;
-                                CustomRowLabel = /*#__PURE__*/ React.createElement(CustomRowLabelComponent, null);
+                                CustomRowLabel = /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                                    Component: CustomRowLabelComponent
+                                });
                             }
                             const arrayFieldProps = {
                                 ...baseFieldProps,
@@ -95,6 +108,7 @@ export const mapFields = (args)=>{
                                 className: field.admin?.className,
                                 disabled: field.admin?.disabled,
                                 fieldMap: mapFields({
+                                    WithServerSideProps,
                                     config,
                                     fieldSchema: field.fields,
                                     filter,
@@ -118,6 +132,7 @@ export const mapFields = (args)=>{
                         {
                             const blocks = field.blocks.map((block)=>{
                                 const blockFieldMap = mapFields({
+                                    WithServerSideProps,
                                     config,
                                     fieldSchema: block.fields,
                                     filter,
@@ -195,7 +210,9 @@ export const mapFields = (args)=>{
                             let CustomCollapsibleLabel;
                             if (isReactComponent(field.label) || isPlainFunction(field.label)) {
                                 const CustomCollapsibleLabelComponent = field.label;
-                                CustomCollapsibleLabel = /*#__PURE__*/ React.createElement(CustomCollapsibleLabelComponent, null);
+                                CustomCollapsibleLabel = /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                                    Component: CustomCollapsibleLabelComponent
+                                });
                             }
                             const collapsibleField = {
                                 ...baseFieldProps,
@@ -203,6 +220,7 @@ export const mapFields = (args)=>{
                                 className: field.admin?.className,
                                 disabled: field.admin?.disabled,
                                 fieldMap: mapFields({
+                                    WithServerSideProps,
                                     config,
                                     disableAddingID: true,
                                     fieldSchema: field.fields,
@@ -266,6 +284,7 @@ export const mapFields = (args)=>{
                                 className: field.admin?.className,
                                 disabled: field.admin?.disabled,
                                 fieldMap: mapFields({
+                                    WithServerSideProps,
                                     config,
                                     disableAddingID: true,
                                     fieldSchema: field.fields,
@@ -392,6 +411,7 @@ export const mapFields = (args)=>{
                             const RichTextCellComponent = field.editor.CellComponent;
                             if (typeof field.editor.generateComponentMap === 'function') {
                                 const result = field.editor.generateComponentMap({
+                                    WithServerSideProps,
                                     config,
                                     i18n,
                                     schemaPath: path
@@ -403,7 +423,9 @@ export const mapFields = (args)=>{
                                 CustomFieldComponent = RichTextFieldComponent;
                             }
                             if (RichTextCellComponent) {
-                                cellComponentProps.CellComponentOverride = /*#__PURE__*/ React.createElement(RichTextCellComponent, null);
+                                cellComponentProps.CellComponentOverride = /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                                    Component: RichTextCellComponent
+                                });
                             }
                             fieldComponentProps = richTextField;
                             break;
@@ -415,6 +437,7 @@ export const mapFields = (args)=>{
                                 className: field.admin?.className,
                                 disabled: field.admin?.disabled,
                                 fieldMap: mapFields({
+                                    WithServerSideProps,
                                     config,
                                     disableAddingID: true,
                                     fieldSchema: field.fields,
@@ -436,6 +459,7 @@ export const mapFields = (args)=>{
                             // `tabs` fields require a field map of each of its tab's nested fields
                             const tabs = field.tabs.map((tab)=>{
                                 const tabFieldMap = mapFields({
+                                    WithServerSideProps,
                                     config,
                                     disableAddingID: true,
                                     fieldSchema: tab.fields,
@@ -557,8 +581,14 @@ export const mapFields = (args)=>{
                 const reducedField = {
                     name: 'name' in field ? field.name : undefined,
                     type: field.type,
-                    CustomCell: CustomCellComponent ? /*#__PURE__*/ React.createElement(CustomCellComponent, cellComponentProps) : undefined,
-                    CustomField: CustomFieldComponent ? /*#__PURE__*/ React.createElement(CustomFieldComponent, fieldComponentProps) : undefined,
+                    CustomCell: CustomCellComponent ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                        Component: CustomCellComponent,
+                        ...cellComponentProps
+                    }) : undefined,
+                    CustomField: CustomFieldComponent ? /*#__PURE__*/ React.createElement(WithServerSideProps, {
+                        Component: CustomFieldComponent,
+                        ...fieldComponentProps
+                    }) : undefined,
                     cellComponentProps,
                     disableBulkEdit: 'admin' in field && 'disableBulkEdit' in field.admin && field.admin.disableBulkEdit,
                     fieldComponentProps,