@payloadcms/ui 3.0.0-alpha.49 → 3.0.0-alpha.50

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

@@ -1,9 +1,9 @@
-import type { EditViewProps, SanitizedConfig } from 'payload/types';
+import type { AdminViewProps, EditViewProps, SanitizedConfig } from 'payload/types';
 import React from 'react';
 import type { ComponentMap } from './types.js';
 export declare const buildComponentMap: (args: {
     DefaultEditView: React.FC<EditViewProps>;
-    DefaultListView: React.FC<EditViewProps>;
+    DefaultListView: React.FC<AdminViewProps>;
     children: React.ReactNode;
     config: SanitizedConfig;
     readOnly?: boolean;

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,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAA0B,YAAY,EAAsB,MAAM,YAAY,CAAA;AAK1F,eAAO,MAAM,iBAAiB,SAAU;IACtC,eAAe,EAAE,MAAM,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,eAAe,EAAE,MAAM,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,QAAQ,EAAE,MAAM,SAAS,CAAA;IACzB,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG;IACF,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,MAAM,SAAS,CAAA;CA6KjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"names":[],"mappings":"AAAA,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,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAG;IACF,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,MAAM,SAAS,CAAA;CAuDjC,CAAA"}

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

@@ -1,88 +1,21 @@
 import React from 'react';
-import { mapActions } from './mapActions.js';
-import { mapFields } from './mapFields.js';
+import { mapCollections } from './collections.js';
+import { mapGlobals } from './globals.js';
 export const buildComponentMap = (args)=>{
-    const { DefaultEditView, DefaultListView, children, config, readOnly: readOnlyOverride } = args;
-    // Collections
-    const collections = config.collections.reduce((acc, collectionConfig)=>{
-        const { slug, fields } = collectionConfig;
-        const internalCollections = [
-            'payload-preferences',
-            'payload-migrations'
-        ];
-        if (internalCollections.includes(slug)) {
-            return acc;
-        }
-        const editViewFromConfig = collectionConfig?.admin?.components?.views?.Edit;
-        const listViewFromConfig = collectionConfig?.admin?.components?.views?.List;
-        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 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 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;
-        let AdminThumbnail = null;
-        if (typeof collectionConfig?.upload?.adminThumbnail === 'function') {
-            AdminThumbnail = collectionConfig?.upload?.adminThumbnail;
-        } else if (typeof collectionConfig?.upload?.adminThumbnail === 'string') {
-            AdminThumbnail = ()=>collectionConfig?.upload?.adminThumbnail;
-        }
-        const componentMap = {
-            AdminThumbnail,
-            AfterList,
-            AfterListTable,
-            BeforeList,
-            BeforeListTable,
-            Edit: /*#__PURE__*/ React.createElement(Edit, {
-                collectionSlug: collectionConfig.slug
-            }),
-            List: /*#__PURE__*/ React.createElement(List, {
-                collectionSlug: collectionConfig.slug
-            }),
-            actionsMap: mapActions({
-                collectionConfig
-            }),
-            fieldMap: mapFields({
-                config,
-                fieldSchema: fields,
-                readOnly: readOnlyOverride
-            })
-        };
-        return {
-            ...acc,
-            [slug]: componentMap
-        };
-    }, {});
-    // Globals
-    const globals = config.globals.reduce((acc, globalConfig)=>{
-        const { slug, fields } = globalConfig;
-        const editViewFromConfig = globalConfig?.admin?.components?.views?.Edit;
-        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 componentMap = {
-            Edit: /*#__PURE__*/ React.createElement(Edit, {
-                globalSlug: globalConfig.slug
-            }),
-            actionsMap: mapActions({
-                globalConfig
-            }),
-            fieldMap: mapFields({
-                config,
-                fieldSchema: fields,
-                readOnly: readOnlyOverride
-            })
-        };
-        return {
-            ...acc,
-            [slug]: componentMap
-        };
-    }, {});
+    const { DefaultEditView, DefaultListView, children, config, readOnly } = args;
+    const collections = mapCollections({
+        DefaultEditView,
+        DefaultListView,
+        collections: config.collections,
+        config,
+        readOnly
+    });
+    const globals = mapGlobals({
+        DefaultEditView,
+        config,
+        globals: config.globals,
+        readOnly
+    });
     const NestProviders = ({ children, providers })=>{
         const Component = providers[0];
         if (providers.length > 1) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"sourcesContent":["import type { EditViewProps, SanitizedConfig } from 'payload/types'\n\nimport React from 'react'\n\nimport type { CollectionComponentMap, ComponentMap, GlobalComponentMap } from './types.js'\n\nimport { mapActions } from './mapActions.js'\nimport { mapFields } from './mapFields.js'\n\nexport const buildComponentMap = (args: {\n  DefaultEditView: React.FC<EditViewProps>\n  DefaultListView: React.FC<EditViewProps>\n  children: React.ReactNode\n  config: SanitizedConfig\n  readOnly?: boolean\n}): {\n  componentMap: ComponentMap\n  wrappedChildren: React.ReactNode\n} => {\n  const { DefaultEditView, DefaultListView, children, config, readOnly: readOnlyOverride } = args\n\n  // Collections\n  const collections = config.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 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    let AdminThumbnail = null\n    if (typeof collectionConfig?.upload?.adminThumbnail === 'function') {\n      AdminThumbnail = collectionConfig?.upload?.adminThumbnail\n    } else if (typeof collectionConfig?.upload?.adminThumbnail === 'string') {\n      AdminThumbnail = () => collectionConfig?.upload?.adminThumbnail\n    }\n\n    const componentMap: CollectionComponentMap = {\n      AdminThumbnail,\n      AfterList,\n      AfterListTable,\n      BeforeList,\n      BeforeListTable,\n      Edit: <Edit collectionSlug={collectionConfig.slug} />,\n      List: <List collectionSlug={collectionConfig.slug} />,\n      actionsMap: mapActions({\n        collectionConfig,\n      }),\n      fieldMap: mapFields({\n        config,\n        fieldSchema: fields,\n        readOnly: readOnlyOverride,\n      }),\n    }\n\n    return {\n      ...acc,\n      [slug]: componentMap,\n    }\n  }, {})\n\n  // Globals\n  const globals = config.globals.reduce((acc, globalConfig) => {\n    const { slug, fields } = globalConfig\n\n    const editViewFromConfig = globalConfig?.admin?.components?.views?.Edit\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 componentMap: GlobalComponentMap = {\n      Edit: <Edit globalSlug={globalConfig.slug} />,\n      actionsMap: mapActions({\n        globalConfig,\n      }),\n      fieldMap: mapFields({\n        config,\n        fieldSchema: fields,\n        readOnly: readOnlyOverride,\n      }),\n    }\n\n    return {\n      ...acc,\n      [slug]: componentMap,\n    }\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","mapActions","mapFields","buildComponentMap","args","DefaultEditView","DefaultListView","children","config","readOnly","readOnlyOverride","collections","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","Array","isArray","map","AdminThumbnail","upload","adminThumbnail","componentMap","collectionSlug","actionsMap","fieldMap","fieldSchema","globals","globalConfig","globalSlug","NestProviders","providers","length","slice","LogoutButtonComponent","logout","Button","LogoutButton","IconComponent","graphics","Icon","actions","wrappedChildren"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AAIzB,SAASC,UAAU,QAAQ,kBAAiB;AAC5C,SAASC,SAAS,QAAQ,iBAAgB;AAE1C,OAAO,MAAMC,oBAAoB,CAACC;IAUhC,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAUC,gBAAgB,EAAE,GAAGN;IAE3F,cAAc;IACd,MAAMO,cAAcH,OAAOG,WAAW,CAACC,MAAM,CAAC,CAACC,KAAKC;QAClD,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAE,GAAGF;QAEzB,MAAMG,sBAAsB;YAAC;YAAuB;SAAqB;QAEzE,IAAIA,oBAAoBC,QAAQ,CAACH,OAAO;YACtC,OAAOF;QACT;QAEA,MAAMM,qBAAqBL,kBAAkBM,OAAOC,YAAYC,OAAOC;QAEvE,MAAMC,qBAAqBV,kBAAkBM,OAAOC,YAAYC,OAAOG;QAEvE,MAAMC,iBACJ,OAAOP,uBAAuB,aAC1BA,qBACA,OAAOA,uBAAuB,YAAY,OAAOA,mBAAmBQ,OAAO,KAAK,aAC9ER,mBAAmBQ,OAAO,GAC1B,OAAOR,oBAAoBQ,YAAY,YACrC,eAAeR,mBAAmBQ,OAAO,IACzC,OAAOR,mBAAmBQ,OAAO,CAACC,SAAS,KAAK,aAC/CT,mBAAmBQ,OAAO,CAACC,SAAS,GACrCC;QAEV,MAAMC,iBACJ,OAAON,uBAAuB,aAC1BA,qBACA,OAAOA,uBAAuB,YAC5B,OAAOA,mBAAmBI,SAAS,KAAK,aACxCJ,mBAAmBI,SAAS,GAC5BC;QAER,MAAMN,OAAO,AAACG,kBAA8CrB;QAE5D,MAAMoB,OAAOK,kBAAkBxB;QAE/B,MAAMyB,aAAajB,kBAAkBM,OAAOC,YAAYW;QAExD,MAAMC,kBAAkBnB,kBAAkBM,OAAOC,YAAYa;QAE7D,MAAMC,YAAYrB,kBAAkBM,OAAOC,YAAYe;QAEvD,MAAMC,iBAAiBvB,kBAAkBM,OAAOC,YAAYiB;QAE5D,MAAMN,aACJ,AAACD,cAAcQ,MAAMC,OAAO,CAACT,eAAeA,YAAYU,IAAI,CAACb,0BAAc,oBAACA,qBAC5E;QAEF,MAAMM,kBACJ,AAACD,mBACCM,MAAMC,OAAO,CAACP,oBACdA,iBAAiBQ,IAAI,CAACb,0BAAc,oBAACA,qBACvC;QAEF,MAAMQ,YACJ,AAACD,aAAaI,MAAMC,OAAO,CAACL,cAAcA,WAAWM,IAAI,CAACb,0BAAc,oBAACA,qBACzE;QAEF,MAAMU,iBACJ,AAACD,kBACCE,MAAMC,OAAO,CAACH,mBACdA,gBAAgBI,IAAI,CAACb,0BAAc,oBAACA,qBACtC;QAEF,IAAIc,iBAAiB;QACrB,IAAI,OAAO5B,kBAAkB6B,QAAQC,mBAAmB,YAAY;YAClEF,iBAAiB5B,kBAAkB6B,QAAQC;QAC7C,OAAO,IAAI,OAAO9B,kBAAkB6B,QAAQC,mBAAmB,UAAU;YACvEF,iBAAiB,IAAM5B,kBAAkB6B,QAAQC;QACnD;QAEA,MAAMC,eAAuC;YAC3CH;YACAN;YACAE;YACAN;YACAE;YACAX,oBAAM,oBAACA;gBAAKuB,gBAAgBhC,iBAAiBC,IAAI;;YACjDU,oBAAM,oBAACA;gBAAKqB,gBAAgBhC,iBAAiBC,IAAI;;YACjDgC,YAAY9C,WAAW;gBACrBa;YACF;YACAkC,UAAU9C,UAAU;gBAClBM;gBACAyC,aAAajC;gBACbP,UAAUC;YACZ;QACF;QAEA,OAAO;YACL,GAAGG,GAAG;YACN,CAACE,KAAK,EAAE8B;QACV;IACF,GAAG,CAAC;IAEJ,UAAU;IACV,MAAMK,UAAU1C,OAAO0C,OAAO,CAACtC,MAAM,CAAC,CAACC,KAAKsC;QAC1C,MAAM,EAAEpC,IAAI,EAAEC,MAAM,EAAE,GAAGmC;QAEzB,MAAMhC,qBAAqBgC,cAAc/B,OAAOC,YAAYC,OAAOC;QAEnE,MAAMG,iBACJ,OAAOP,uBAAuB,aAC1BA,qBACA,OAAOA,uBAAuB,YAAY,OAAOA,mBAAmBQ,OAAO,KAAK,aAC9ER,mBAAmBQ,OAAO,GAC1B,OAAOR,oBAAoBQ,YAAY,YACrC,eAAeR,mBAAmBQ,OAAO,IACzC,OAAOR,mBAAmBQ,OAAO,CAACC,SAAS,KAAK,aAChDT,mBAAmBQ,OAAO,CAACC,SAAS,GACpCC;QAEV,MAAMN,OAAO,AAACG,kBAA8CrB;QAE5D,MAAMwC,eAAmC;YACvCtB,oBAAM,oBAACA;gBAAK6B,YAAYD,aAAapC,IAAI;;YACzCgC,YAAY9C,WAAW;gBACrBkD;YACF;YACAH,UAAU9C,UAAU;gBAClBM;gBACAyC,aAAajC;gBACbP,UAAUC;YACZ;QACF;QAEA,OAAO;YACL,GAAGG,GAAG;YACN,CAACE,KAAK,EAAE8B;QACV;IACF,GAAG,CAAC;IAEJ,MAAMQ,gBAAgB,CAAC,EAAE9C,QAAQ,EAAE+C,SAAS,EAAE;QAC5C,MAAM1B,YAAY0B,SAAS,CAAC,EAAE;QAC9B,IAAIA,UAAUC,MAAM,GAAG,GAAG;YACxB,qBACE,oBAAC3B,+BACC,oBAACyB;gBAAcC,WAAWA,UAAUE,KAAK,CAAC;eAAKjD;QAGrD;QACA,qBAAO,oBAACqB,iBAAWrB;IACrB;IAEA,MAAMkD,wBAAwBjD,OAAOY,KAAK,EAAEC,YAAYqC,QAAQC;IAEhE,MAAMC,eAAeH,sCAAwB,oBAACA,+BAA2B;IAEzE,MAAMI,gBAAgBrD,OAAOY,KAAK,EAAEC,YAAYyC,UAAUC;IAE1D,MAAMA,OAAOF,8BAAgB,oBAACA,uBAAmB;IAEjD,OAAO;QACLhB,cAAc;YACZkB;YACAH;YACAI,SAASxD,OAAOY,KAAK,EAAEC,YAAY2C,SAASvB,IAAI,CAACb,0BAAc,oBAACA;YAChEjB;YACAuC;QACF;QACAe,iBACE1B,MAAMC,OAAO,CAAChC,OAAOY,KAAK,EAAEC,YAAYiC,cACxC9C,OAAOY,KAAK,EAAEC,YAAYiC,UAAUC,SAAS,kBAC3C,oBAACF;YAAcC,WAAW9C,OAAOY,KAAK,EAAEC,YAAYiC;WAAY/C,YAEhEA;IAEN;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/index.tsx"],"sourcesContent":["import 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  readOnly?: boolean\n}): {\n  componentMap: ComponentMap\n  wrappedChildren: React.ReactNode\n} => {\n  const { DefaultEditView, DefaultListView, children, config, readOnly } = args\n\n  const collections = mapCollections({\n    DefaultEditView,\n    DefaultListView,\n    collections: config.collections,\n    config,\n    readOnly,\n  })\n\n  const globals = mapGlobals({\n    DefaultEditView,\n    config,\n    globals: config.globals,\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","readOnly","collections","globals","NestProviders","providers","Component","length","slice","LogoutButtonComponent","admin","components","logout","Button","LogoutButton","IconComponent","graphics","Icon","componentMap","actions","map","wrappedChildren","Array","isArray"],"mappings":"AAEA,OAAOA,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,mBAAkB;AACjD,SAASC,UAAU,QAAQ,eAAc;AAEzC,OAAO,MAAMC,oBAAoB,CAACC;IAUhC,MAAM,EAAEC,eAAe,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IAEzE,MAAMM,cAAcT,eAAe;QACjCI;QACAC;QACAI,aAAaF,OAAOE,WAAW;QAC/BF;QACAC;IACF;IAEA,MAAME,UAAUT,WAAW;QACzBG;QACAG;QACAG,SAASH,OAAOG,OAAO;QACvBF;IACF;IAEA,MAAMG,gBAAgB,CAAC,EAAEL,QAAQ,EAAEM,SAAS,EAAE;QAC5C,MAAMC,YAAYD,SAAS,CAAC,EAAE;QAC9B,IAAIA,UAAUE,MAAM,GAAG,GAAG;YACxB,qBACE,oBAACD,+BACC,oBAACF;gBAAcC,WAAWA,UAAUG,KAAK,CAAC;eAAKT;QAGrD;QACA,qBAAO,oBAACO,iBAAWP;IACrB;IAEA,MAAMU,wBAAwBT,OAAOU,KAAK,EAAEC,YAAYC,QAAQC;IAEhE,MAAMC,eAAeL,sCAAwB,oBAACA,+BAA2B;IAEzE,MAAMM,gBAAgBf,OAAOU,KAAK,EAAEC,YAAYK,UAAUC;IAE1D,MAAMA,OAAOF,8BAAgB,oBAACA,uBAAmB;IAEjD,OAAO;QACLG,cAAc;YACZD;YACAH;YACAK,SAASnB,OAAOU,KAAK,EAAEC,YAAYQ,SAASC,IAAI,CAACd,0BAAc,oBAACA;YAChEJ;YACAC;QACF;QACAkB,iBACEC,MAAMC,OAAO,CAACvB,OAAOU,KAAK,EAAEC,YAAYN,cACxCL,OAAOU,KAAK,EAAEC,YAAYN,UAAUE,SAAS,kBAC3C,oBAACH;YAAcC,WAAWL,OAAOU,KAAK,EAAEC,YAAYN;WAAYN,YAEhEA;IAEN;AACF,EAAC"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" resolution-mode="require"/>
 import type { HiddenInputFieldProps } from '@payloadcms/ui/fields/HiddenInput';
 import type { FieldTypes } from 'payload/config';
-import type { BlockField, CellProps, SanitizedCollectionConfig, SanitizedGlobalConfig, TabsField } from 'payload/types';
+import type { BlockField, CellComponentProps, SanitizedCollectionConfig, SanitizedGlobalConfig, TabsField } from 'payload/types';
 import type { ArrayFieldProps } from '../../../fields/Array/index.js';
 import type { BlocksFieldProps } from '../../../fields/Blocks/index.js';
 import type { CheckboxFieldProps } from '../../../fields/Checkbox/types.js';
@@ -37,7 +37,7 @@ export type FieldComponentProps = ArrayFieldProps | BlocksFieldProps | CheckboxF
 export type MappedField = {
     CustomCell?: React.ReactNode;
     CustomField?: React.ReactNode;
-    cellComponentProps: CellProps;
+    cellComponentProps: CellComponentProps;
     disableBulkEdit?: boolean;
     disabled?: boolean;
     fieldComponentProps: FieldComponentProps;
@@ -58,7 +58,6 @@ export type ActionMap = {
     List: React.ReactNode[];
 };
 export type CollectionComponentMap = ConfigComponentMapBase & {
-    AdminThumbnail: React.ReactNode;
     AfterList: React.ReactNode;
     AfterListTable: React.ReactNode;
     BeforeList: React.ReactNode;
@@ -67,9 +66,15 @@ export type CollectionComponentMap = ConfigComponentMapBase & {
 };
 export type GlobalComponentMap = ConfigComponentMapBase;
 export type ConfigComponentMapBase = {
+    Description: React.ReactNode;
     Edit: React.ReactNode;
+    PreviewButton: React.ReactNode;
+    PublishButton: React.ReactNode;
+    SaveButton: React.ReactNode;
+    SaveDraftButton: React.ReactNode;
     actionsMap: ActionMap;
     fieldMap: FieldMap;
+    isPreviewEnabled: boolean;
 };
 export type ComponentMap = {
     Icon: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/providers/ComponentMap/buildComponentMap/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,yBAAyB,EACzB,qBAAqB,EACrB,SAAS,EACV,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAEvE,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,mBAAmB,GAC3B,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,cAAc,GACd,qBAAqB,GACrB,cAAc,GACd,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,sBAAsB,GACtB,kBAAkB,GAClB,aAAa,GACb,gBAAgB,GAChB,cAAc,GACd,cAAc,GACd,kBAAkB,GAClB,gBAAgB,CAAA;AAEpB,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,kBAAkB,EAAE,kBAAkB,CAAA;IACtC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB,EAAE,mBAAmB,CAAA;IACxC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,UAAU,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;AAEpC,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE;QACJ,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;KAClC,CAAA;IACD,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,GAAG;IAC5D,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,eAAe,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAA;AAEvD,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,eAAe,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,UAAU,EAAE,SAAS,CAAA;IACrB,QAAQ,EAAE,QAAQ,CAAA;IAClB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1B,WAAW,EAAE;QACX,CAAC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAAG,sBAAsB,CAAA;KAClE,CAAA;IACD,OAAO,EAAE;QACP,CAAC,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAA;KAC1D,CAAA;CACF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/types.ts"],"sourcesContent":["import type { HiddenInputFieldProps } from '@payloadcms/ui/fields/HiddenInput'\nimport type { FieldTypes } from 'payload/config'\nimport type {\n  BlockField,\n  CellProps,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  TabsField,\n} from 'payload/types'\n\nimport type { ArrayFieldProps } from '../../../fields/Array/index.js'\nimport type { BlocksFieldProps } from '../../../fields/Blocks/index.js'\nimport type { CheckboxFieldProps } from '../../../fields/Checkbox/types.js'\nimport type { CodeFieldProps } from '../../../fields/Code/index.js'\nimport type { CollapsibleFieldProps } from '../../../fields/Collapsible/index.js'\nimport type { DateFieldProps } from '../../../fields/DateTime/index.js'\nimport type { EmailFieldProps } from '../../../fields/Email/index.js'\nimport type { GroupFieldProps } from '../../../fields/Group/index.js'\nimport type { JSONFieldProps } from '../../../fields/JSON/index.js'\nimport type { NumberFieldProps } from '../../../fields/Number/index.js'\nimport type { PointFieldProps } from '../../../fields/Point/index.js'\nimport type { RelationshipFieldProps } from '../../../fields/Relationship/index.js'\nimport type { RichTextFieldProps } from '../../../fields/RichText/index.js'\nimport type { RowFieldProps } from '../../../fields/Row/types.js'\nimport type { SelectFieldProps } from '../../../fields/Select/index.js'\nimport type { TabsFieldProps } from '../../../fields/Tabs/index.js'\nimport type { TextFieldProps } from '../../../fields/Text/types.js'\nimport type { TextareaFieldProps } from '../../../fields/Textarea/types.js'\nimport type { UploadFieldProps } from '../../../fields/Upload/types.js'\n\nexport type MappedTab = {\n  fieldMap?: FieldMap\n  label: TabsField['tabs'][0]['label']\n  name?: string\n}\n\nexport type ReducedBlock = {\n  fieldMap: FieldMap\n  imageAltText?: string\n  imageURL?: string\n  labels: BlockField['labels']\n  slug: string\n}\n\nexport type FieldComponentProps =\n  | ArrayFieldProps\n  | BlocksFieldProps\n  | CheckboxFieldProps\n  | CodeFieldProps\n  | CollapsibleFieldProps\n  | DateFieldProps\n  | EmailFieldProps\n  | GroupFieldProps\n  | HiddenInputFieldProps\n  | JSONFieldProps\n  | NumberFieldProps\n  | PointFieldProps\n  | RelationshipFieldProps\n  | RichTextFieldProps\n  | RowFieldProps\n  | SelectFieldProps\n  | TabsFieldProps\n  | TextFieldProps\n  | TextareaFieldProps\n  | UploadFieldProps\n\nexport type MappedField = {\n  CustomCell?: React.ReactNode\n  CustomField?: React.ReactNode\n  cellComponentProps: CellProps\n  disableBulkEdit?: boolean\n  disabled?: boolean\n  fieldComponentProps: FieldComponentProps\n  fieldIsPresentational: boolean\n  isFieldAffectingData: boolean\n  isHidden?: boolean\n  isSidebar?: boolean\n  localized: boolean\n  name?: string\n  type: keyof FieldTypes\n  unique?: boolean\n}\n\nexport type FieldMap = MappedField[]\n\nexport type ActionMap = {\n  Edit: {\n    [view: string]: React.ReactNode[]\n  }\n  List: React.ReactNode[]\n}\n\nexport type CollectionComponentMap = ConfigComponentMapBase & {\n  AdminThumbnail: React.ReactNode\n  AfterList: React.ReactNode\n  AfterListTable: React.ReactNode\n  BeforeList: React.ReactNode\n  BeforeListTable: React.ReactNode\n  List: React.ReactNode\n}\n\nexport type GlobalComponentMap = ConfigComponentMapBase\n\nexport type ConfigComponentMapBase = {\n  Edit: React.ReactNode\n  actionsMap: ActionMap\n  fieldMap: FieldMap\n}\n\nexport type ComponentMap = {\n  Icon: React.ReactNode\n  LogoutButton: React.ReactNode\n  actions: React.ReactNode[]\n  collections: {\n    [slug: SanitizedCollectionConfig['slug']]: CollectionComponentMap\n  }\n  globals: {\n    [slug: SanitizedGlobalConfig['slug']]: GlobalComponentMap\n  }\n}\n"],"names":[],"mappings":"AA6GA,WAUC"}
+{"version":3,"sources":["../../../../src/providers/ComponentMap/buildComponentMap/types.ts"],"sourcesContent":["import type { HiddenInputFieldProps } from '@payloadcms/ui/fields/HiddenInput'\nimport type { FieldTypes } from 'payload/config'\nimport type {\n  BlockField,\n  CellComponentProps,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  TabsField,\n} from 'payload/types'\n\nimport type { ArrayFieldProps } from '../../../fields/Array/index.js'\nimport type { BlocksFieldProps } from '../../../fields/Blocks/index.js'\nimport type { CheckboxFieldProps } from '../../../fields/Checkbox/types.js'\nimport type { CodeFieldProps } from '../../../fields/Code/index.js'\nimport type { CollapsibleFieldProps } from '../../../fields/Collapsible/index.js'\nimport type { DateFieldProps } from '../../../fields/DateTime/index.js'\nimport type { EmailFieldProps } from '../../../fields/Email/index.js'\nimport type { GroupFieldProps } from '../../../fields/Group/index.js'\nimport type { JSONFieldProps } from '../../../fields/JSON/index.js'\nimport type { NumberFieldProps } from '../../../fields/Number/index.js'\nimport type { PointFieldProps } from '../../../fields/Point/index.js'\nimport type { RelationshipFieldProps } from '../../../fields/Relationship/index.js'\nimport type { RichTextFieldProps } from '../../../fields/RichText/index.js'\nimport type { RowFieldProps } from '../../../fields/Row/types.js'\nimport type { SelectFieldProps } from '../../../fields/Select/index.js'\nimport type { TabsFieldProps } from '../../../fields/Tabs/index.js'\nimport type { TextFieldProps } from '../../../fields/Text/types.js'\nimport type { TextareaFieldProps } from '../../../fields/Textarea/types.js'\nimport type { UploadFieldProps } from '../../../fields/Upload/types.js'\n\nexport type MappedTab = {\n  fieldMap?: FieldMap\n  label: TabsField['tabs'][0]['label']\n  name?: string\n}\n\nexport type ReducedBlock = {\n  fieldMap: FieldMap\n  imageAltText?: string\n  imageURL?: string\n  labels: BlockField['labels']\n  slug: string\n}\n\nexport type FieldComponentProps =\n  | ArrayFieldProps\n  | BlocksFieldProps\n  | CheckboxFieldProps\n  | CodeFieldProps\n  | CollapsibleFieldProps\n  | DateFieldProps\n  | EmailFieldProps\n  | GroupFieldProps\n  | HiddenInputFieldProps\n  | JSONFieldProps\n  | NumberFieldProps\n  | PointFieldProps\n  | RelationshipFieldProps\n  | RichTextFieldProps\n  | RowFieldProps\n  | SelectFieldProps\n  | TabsFieldProps\n  | TextFieldProps\n  | TextareaFieldProps\n  | UploadFieldProps\n\nexport type MappedField = {\n  CustomCell?: React.ReactNode\n  CustomField?: React.ReactNode\n  cellComponentProps: CellComponentProps\n  disableBulkEdit?: boolean\n  disabled?: boolean\n  fieldComponentProps: FieldComponentProps\n  fieldIsPresentational: boolean\n  isFieldAffectingData: boolean\n  isHidden?: boolean\n  isSidebar?: boolean\n  localized: boolean\n  name?: string\n  type: keyof FieldTypes\n  unique?: boolean\n}\n\nexport type FieldMap = MappedField[]\n\nexport type ActionMap = {\n  Edit: {\n    [view: string]: React.ReactNode[]\n  }\n  List: React.ReactNode[]\n}\n\nexport type CollectionComponentMap = ConfigComponentMapBase & {\n  AfterList: React.ReactNode\n  AfterListTable: React.ReactNode\n  BeforeList: React.ReactNode\n  BeforeListTable: React.ReactNode\n  List: React.ReactNode\n}\n\nexport type GlobalComponentMap = ConfigComponentMapBase\n\nexport type ConfigComponentMapBase = {\n  Description: React.ReactNode\n  Edit: React.ReactNode\n  PreviewButton: React.ReactNode\n  PublishButton: React.ReactNode\n  SaveButton: React.ReactNode\n  SaveDraftButton: React.ReactNode\n  actionsMap: ActionMap\n  fieldMap: FieldMap\n  isPreviewEnabled: boolean\n}\n\nexport type ComponentMap = {\n  Icon: React.ReactNode\n  LogoutButton: React.ReactNode\n  actions: React.ReactNode[]\n  collections: {\n    [slug: SanitizedCollectionConfig['slug']]: CollectionComponentMap\n  }\n  globals: {\n    [slug: SanitizedGlobalConfig['slug']]: GlobalComponentMap\n  }\n}\n"],"names":[],"mappings":"AAkHA,WAUC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentInfo/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA8E,MAAM,OAAO,CAAA;AAElG,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAUxE,mBAAmB,YAAY,CAAA;AAE/B,eAAO,MAAM,eAAe,QAAO,mBAA0C,CAAA;AAE7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,iBAAiB,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAoXF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentInfo/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAsE,MAAM,OAAO,CAAA;AAE1F,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAUxE,mBAAmB,YAAY,CAAA;AAE/B,eAAO,MAAM,eAAe,QAAO,mBAA0C,CAAA;AAE7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,iBAAiB,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAmZF,CAAA"}

package/dist/providers/DocumentInfo/index.js

@@ -1,10 +1,11 @@
 'use client';
 import { LoadingOverlay } from '@payloadcms/ui/elements/Loading';
-import usePayloadAPI from '@payloadcms/ui/hooks/usePayloadAPI';
 import { formatDocTitle } from '@payloadcms/ui/utilities/formatDocTitle';
 import { getFormState } from '@payloadcms/ui/utilities/getFormState';
+import { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues';
+import { notFound } from 'next/navigation.js';
 import qs from 'qs';
-import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
+import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
 import { useAuth } from '../Auth/index.js';
 import { useConfig } from '../Config/index.js';
 import { useLocale } from '../Locale/index.js';
@@ -12,24 +13,27 @@ import { usePreferences } from '../Preferences/index.js';
 import { useTranslation } from '../Translation/index.js';
 const Context = /*#__PURE__*/ createContext({});
 export const useDocumentInfo = ()=>useContext(Context);
-export const DocumentInfoProvider = ({ children, initialState: initialStateFromProps, title: titleFromProps, ...props })=>{
-    const [documentTitle, setDocumentTitle] = useState(titleFromProps);
-    const [initialState, setInitialState] = useState(initialStateFromProps);
-    const { id, collectionSlug, globalSlug } = props;
-    const { admin: { dateFormat }, collections, globals, routes: { api }, serverURL } = useConfig();
-    const collectionConfig = collections.find((c)=>c.slug === collectionSlug);
-    const globalConfig = globals.find((g)=>g.slug === globalSlug);
-    const docConfig = collectionConfig || globalConfig;
-    const versionsConfig = docConfig?.versions;
-    const { getPreference, setPreference } = usePreferences();
-    const { i18n } = useTranslation();
-    const { permissions } = useAuth();
-    const { code } = useLocale();
+export const DocumentInfoProvider = ({ children, ...props })=>{
+    const { id, collectionSlug, globalSlug, onLoadError, onSave: onSaveFromProps } = props;
+    const [isLoading, setIsLoading] = useState(false);
+    const [isError, setIsError] = useState(false);
+    const [documentTitle, setDocumentTitle] = useState('');
+    const [initialData, setInitialData] = useState();
+    const [initialState, setInitialState] = useState();
     const [publishedDoc, setPublishedDoc] = useState(null);
     const [versions, setVersions] = useState(null);
     const [docPermissions, setDocPermissions] = useState(null);
     const [hasSavePermission, setHasSavePermission] = useState(null);
     const [unpublishedVersions, setUnpublishedVersions] = useState(null);
+    const { getPreference, setPreference } = usePreferences();
+    const { i18n } = useTranslation();
+    const { permissions } = useAuth();
+    const { code: locale } = useLocale();
+    const { admin: { dateFormat }, collections, globals, routes: { api }, serverURL } = useConfig();
+    const collectionConfig = collections.find((c)=>c.slug === collectionSlug);
+    const globalConfig = globals.find((g)=>g.slug === globalSlug);
+    const docConfig = collectionConfig || globalConfig;
+    const versionsConfig = docConfig?.versions;
     const baseURL = `${serverURL}${api}`;
     let slug;
     let pluralType;
@@ -46,67 +50,8 @@ export const DocumentInfoProvider = ({ children, initialState: initialStateFromP
             preferencesKey = `collection-${slug}-${id}`;
         }
     }
-    /**
-   *
-   *
-   * Fetching state from Server on the Client. Should be moved back to Document/index.tsx once next allows us to disable the router cache
-   *
-   *
-   */ const hasInitializedState = useRef(!!initialStateFromProps);
-    // no need to an additional requests when creating new documents
     const isEditing = Boolean(id);
-    const shouldLoadData = !hasInitializedState.current && !!(globalSlug || id);
-    const [{ data, isError, isLoading: isLoadingDocument }] = usePayloadAPI(shouldLoadData ? `${baseURL}/${globalSlug ? 'globals/' : ''}${slug}${collectionSlug ? `/${id}` : ''}` : null, {
-        initialParams: {
-            depth: 0,
-            draft: 'true',
-            'fallback-locale': 'null'
-        }
-    });
-    useEffect(()=>{
-        if (!hasInitializedState.current && (data || !shouldLoadData)) {
-            const getInitialState = async ()=>{
-                let docPreferences = {
-                    fields: {}
-                };
-                if (id) {
-                    docPreferences = await getPreference(`${id ? 'collection' : 'global'}-${collectionSlug}-${id}`);
-                }
-                const result = await getFormState({
-                    apiRoute: api,
-                    body: {
-                        id,
-                        collectionSlug,
-                        data: data || {},
-                        docPreferences,
-                        globalSlug,
-                        operation: isEditing ? 'update' : 'create',
-                        schemaPath: collectionSlug || globalSlug
-                    },
-                    serverURL
-                });
-                setInitialState(result);
-                hasInitializedState.current = true;
-            };
-            void getInitialState();
-        }
-    }, [
-        api,
-        data,
-        isEditing,
-        collectionSlug,
-        serverURL,
-        id,
-        getPreference,
-        globalSlug
-    ]);
-    /**
-   *
-   *
-   * Fetching state from Server on the Client DONE
-   *
-   *
-   */ const getVersions = useCallback(async ()=>{
+    const getVersions = useCallback(async ()=>{
         let versionFetchURL;
         let publishedFetchURL;
         const shouldFetchVersions = Boolean(versionsConfig);
@@ -121,7 +66,7 @@ export const DocumentInfoProvider = ({ children, initialState: initialStateFromP
         };
         const publishedVersionParams = {
             depth: 0,
-            locale: code || undefined,
+            locale: locale || undefined,
             where: {
                 and: [
                     {
@@ -219,13 +164,13 @@ export const DocumentInfoProvider = ({ children, initialState: initialStateFromP
         collectionSlug,
         id,
         baseURL,
-        code,
+        locale,
         versionsConfig
     ]);
     const getDocPermissions = React.useCallback(async ()=>{
         let docAccessURL;
         const params = {
-            locale: code || undefined
+            locale: locale || undefined
         };
         if (pluralType === 'globals') {
             docAccessURL = `/globals/${slug}/access`;
@@ -256,7 +201,7 @@ export const DocumentInfoProvider = ({ children, initialState: initialStateFromP
         id,
         permissions,
         i18n.language,
-        code
+        locale
     ]);
     const getDocPreferences = useCallback(()=>{
         return getPreference(preferencesKey);
@@ -288,30 +233,108 @@ export const DocumentInfoProvider = ({ children, initialState: initialStateFromP
         preferencesKey,
         getDocPreferences
     ]);
+    const onSave = React.useCallback(async (json)=>{
+        if (typeof onSaveFromProps === 'function') {
+            void onSaveFromProps(json);
+        }
+        const docPreferences = await getDocPreferences();
+        const newState = await getFormState({
+            apiRoute: api,
+            body: {
+                id,
+                collectionSlug,
+                data: json.doc,
+                docPreferences,
+                globalSlug,
+                locale,
+                operation: isEditing ? 'update' : 'create',
+                schemaPath: collectionSlug || globalSlug
+            },
+            serverURL
+        });
+        setInitialState(newState);
+        setInitialData(json.doc);
+    }, [
+        api,
+        collectionSlug,
+        getDocPreferences,
+        globalSlug,
+        id,
+        isEditing,
+        locale,
+        onSaveFromProps,
+        serverURL
+    ]);
+    useEffect(()=>{
+        const abortController = new AbortController();
+        const getInitialState = async ()=>{
+            setIsError(false);
+            setIsLoading(true);
+            try {
+                const result = await getFormState({
+                    apiRoute: api,
+                    body: {
+                        id,
+                        collectionSlug,
+                        globalSlug,
+                        locale,
+                        operation: isEditing ? 'update' : 'create',
+                        schemaPath: collectionSlug || globalSlug
+                    },
+                    onError: onLoadError,
+                    serverURL,
+                    signal: abortController.signal
+                });
+                setInitialData(reduceFieldsToValues(result, true));
+                setInitialState(result);
+            } catch (err) {
+                if (!abortController.signal.aborted) {
+                    if (typeof onLoadError === 'function') {
+                        void onLoadError();
+                    }
+                    setIsError(true);
+                    setIsLoading(false);
+                }
+            }
+            setIsLoading(false);
+        };
+        void getInitialState();
+        return ()=>{
+            abortController.abort();
+        };
+    }, [
+        api,
+        isEditing,
+        collectionSlug,
+        serverURL,
+        id,
+        getPreference,
+        globalSlug,
+        locale,
+        onLoadError
+    ]);
     useEffect(()=>{
         void getVersions();
     }, [
         getVersions
     ]);
     useEffect(()=>{
-        if (titleFromProps) {
-            setDocumentTitle(titleFromProps);
-        } else {
-            setDocumentTitle(formatDocTitle({
-                collectionConfig,
-                data,
-                dateFormat,
-                fallback: id?.toString(),
-                globalConfig,
-                i18n
-            }));
-        }
+        setDocumentTitle(formatDocTitle({
+            collectionConfig,
+            data: {
+                ...initialData,
+                id
+            },
+            dateFormat,
+            fallback: id?.toString(),
+            globalConfig,
+            i18n
+        }));
     }, [
         collectionConfig,
-        data,
+        initialData,
         dateFormat,
         i18n,
-        titleFromProps,
         id,
         globalConfig
     ]);
@@ -337,10 +360,10 @@ export const DocumentInfoProvider = ({ children, initialState: initialStateFromP
         collectionSlug,
         globalSlug
     ]);
-    if (!initialState || isLoadingDocument) {
+    if (isError) notFound();
+    if (!initialState || isLoading) {
         return /*#__PURE__*/ React.createElement(LoadingOverlay, null);
     }
-    if (isError) return null;
     const value = {
         ...props,
         docConfig,
@@ -349,8 +372,9 @@ export const DocumentInfoProvider = ({ children, initialState: initialStateFromP
         getDocPreferences,
         getVersions,
         hasSavePermission,
+        initialData,
         initialState,
-        onSave: props.onSave,
+        onSave,
         publishedDoc,
         setDocFieldPreferences,
         setDocumentTitle,