@payloadcms/next 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

package/dist/views/List/index.js

@@ -1,152 +1,209 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HydrateAuthProvider, ListInfoProvider, ListQueryProvider, TableColumnsProvider } from '@payloadcms/ui';
-import { RenderComponent, formatAdminURL, getCreateMappedComponent } from '@payloadcms/ui/shared';
-import { createClientCollectionConfig } from '@payloadcms/ui/utilities/createClientConfig';
+import { DefaultListView, HydrateAuthProvider, ListQueryProvider } from '@payloadcms/ui';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+import { renderFilters, renderTable } from '@payloadcms/ui/rsc';
+import { formatAdminURL, mergeListSearchAndWhere } from '@payloadcms/ui/shared';
 import { notFound } from 'next/navigation.js';
-import { deepCopyObjectSimple, mergeListSearchAndWhere } from 'payload';
 import { isNumber } from 'payload/shared';
 import React, { Fragment } from 'react';
-import { DefaultEditView } from '../Edit/Default/index.js';
-import { DefaultListView } from './Default/index.js';
+import { renderListViewSlots } from './renderListViewSlots.js';
 export { generateListMetadata } from './meta.js';
-export const ListView = async ({ initPageResult, params, searchParams })=>{
-    const { collectionConfig, locale: fullLocale, permissions, req, req: { i18n, locale, payload, payload: { config }, query, user }, visibleEntities } = initPageResult;
-    const collectionSlug = collectionConfig?.slug;
-    if (!permissions?.collections?.[collectionSlug]?.read?.permission) {
-        notFound();
+export const renderListView = async args => {
+  const {
+    clientConfig,
+    customCellProps,
+    disableBulkDelete,
+    disableBulkEdit,
+    drawerSlug,
+    enableRowSelections,
+    initPageResult,
+    params,
+    query: queryFromArgs,
+    searchParams
+  } = args;
+  const {
+    collectionConfig,
+    collectionConfig: {
+      slug: collectionSlug,
+      admin: {
+        useAsTitle
+      },
+      defaultSort,
+      fields
+    },
+    locale: fullLocale,
+    permissions,
+    req,
+    req: {
+      i18n,
+      locale,
+      payload,
+      payload: {
+        config
+      },
+      query: queryFromReq,
+      user
+    },
+    visibleEntities
+  } = initPageResult;
+  if (!permissions?.collections?.[collectionSlug]?.read?.permission) {
+    throw new Error('not-found');
+  }
+  const query = queryFromArgs || queryFromReq;
+  let listPreferences;
+  const preferenceKey = `${collectionSlug}-list`;
+  try {
+    listPreferences = await payload.find({
+      collection: 'payload-preferences',
+      depth: 0,
+      limit: 1,
+      req,
+      user,
+      where: {
+        and: [{
+          key: {
+            equals: preferenceKey
+          }
+        }, {
+          'user.relationTo': {
+            equals: user.collection
+          }
+        }, {
+          'user.value': {
+            equals: user?.id
+          }
+        }]
+      }
+    })?.then(res => res?.docs?.[0]?.value);
+  } catch (_err) {} // eslint-disable-line no-empty
+  const {
+    routes: {
+      admin: adminRoute
     }
-    let listPreferences;
-    const preferenceKey = `${collectionSlug}-list`;
-    try {
-        listPreferences = await payload.find({
-            collection: 'payload-preferences',
-            depth: 0,
-            limit: 1,
-            req,
-            user,
-            where: {
-                and: [
-                    {
-                        key: {
-                            equals: preferenceKey
-                        }
-                    },
-                    {
-                        'user.relationTo': {
-                            equals: user.collection
-                        }
-                    },
-                    {
-                        'user.value': {
-                            equals: user?.id
-                        }
-                    }
-                ]
-            }
-        })?.then((res)=>res?.docs?.[0]?.value);
-    } catch (error) {} // eslint-disable-line no-empty
-    const { routes: { admin: adminRoute } } = config;
-    if (collectionConfig) {
-        if (!visibleEntities.collections.includes(collectionSlug)) {
-            return notFound();
-        }
-        const page = isNumber(query?.page) ? Number(query.page) : 0;
-        const whereQuery = mergeListSearchAndWhere({
-            collectionConfig,
-            query: {
-                search: typeof query?.search === 'string' ? query.search : undefined,
-                where: query?.where || undefined
-            }
-        });
-        const limit = isNumber(query?.limit) ? Number(query.limit) : listPreferences?.limit || collectionConfig.admin.pagination.defaultLimit;
-        const sort = query?.sort && typeof query.sort === 'string' ? query.sort : listPreferences?.sort || collectionConfig.defaultSort || undefined;
-        const data = await payload.find({
-            collection: collectionSlug,
-            depth: 0,
-            draft: true,
-            fallbackLocale: null,
-            limit,
-            locale,
-            overrideAccess: false,
-            page,
-            req,
-            sort,
-            user,
-            where: whereQuery || {}
-        });
-        const createMappedComponent = getCreateMappedComponent({
+  } = config;
+  if (collectionConfig) {
+    if (!visibleEntities.collections.includes(collectionSlug)) {
+      throw new Error('not-found');
+    }
+    const page = isNumber(query?.page) ? Number(query.page) : 0;
+    const whereQuery = mergeListSearchAndWhere({
+      collectionConfig,
+      search: typeof query?.search === 'string' ? query.search : undefined,
+      where: query?.where || undefined
+    });
+    const limit = isNumber(query?.limit) ? Number(query.limit) : listPreferences?.limit || collectionConfig.admin.pagination.defaultLimit;
+    const sort = query?.sort && typeof query.sort === 'string' ? query.sort : listPreferences?.sort || (typeof collectionConfig.defaultSort === 'string' ? collectionConfig.defaultSort : undefined);
+    const data = await payload.find({
+      collection: collectionSlug,
+      depth: 0,
+      draft: true,
+      fallbackLocale: null,
+      includeLockStatus: true,
+      limit,
+      locale,
+      overrideAccess: false,
+      page,
+      req,
+      sort,
+      user,
+      where: whereQuery || {}
+    });
+    const clientCollectionConfig = clientConfig.collections.find(c => c.slug === collectionSlug);
+    const {
+      columnState,
+      Table
+    } = renderTable({
+      collectionConfig: clientCollectionConfig,
+      columnPreferences: listPreferences?.columns,
+      customCellProps,
+      docs: data.docs,
+      drawerSlug,
+      enableRowSelections,
+      fields,
+      i18n: req.i18n,
+      payload,
+      useAsTitle
+    });
+    const renderedFilters = renderFilters(fields, req.payload.importMap);
+    const staticDescription = typeof collectionConfig.admin.description === 'function' ? collectionConfig.admin.description({
+      t: i18n.t
+    }) : collectionConfig.admin.description;
+    const listViewSlots = renderListViewSlots({
+      collectionConfig,
+      description: staticDescription,
+      payload
+    });
+    const clientProps = {
+      ...listViewSlots,
+      collectionSlug,
+      columnState,
+      disableBulkDelete,
+      disableBulkEdit,
+      enableRowSelections,
+      hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
+      listPreferences,
+      newDocumentURL: formatAdminURL({
+        adminRoute,
+        path: `/collections/${collectionSlug}/create`
+      }),
+      renderedFilters,
+      Table
+    };
+    const isInDrawer = Boolean(drawerSlug);
+    return {
+      List: /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx(HydrateAuthProvider, {
+          permissions: permissions
+        }), /*#__PURE__*/_jsx(ListQueryProvider, {
+          collectionSlug: collectionSlug,
+          data: data,
+          defaultLimit: limit,
+          defaultSort: sort,
+          modifySearchParams: !isInDrawer,
+          preferenceKey: preferenceKey,
+          children: /*#__PURE__*/_jsx(RenderServerComponent, {
+            clientProps: clientProps,
+            Component: collectionConfig?.admin?.components?.views?.list?.Component,
+            Fallback: DefaultListView,
             importMap: payload.importMap,
             serverProps: {
-                collectionConfig,
-                collectionSlug,
-                data,
-                hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
-                i18n,
-                limit,
-                listPreferences,
-                listSearchableFields: collectionConfig.admin.listSearchableFields,
-                locale: fullLocale,
-                newDocumentURL: formatAdminURL({
-                    adminRoute,
-                    path: `/collections/${collectionSlug}/create`
-                }),
-                params,
-                payload,
-                permissions,
-                searchParams,
-                user
+              collectionConfig,
+              collectionSlug,
+              data,
+              i18n,
+              limit,
+              listPreferences,
+              listSearchableFields: collectionConfig.admin.listSearchableFields,
+              locale: fullLocale,
+              params,
+              payload,
+              permissions,
+              searchParams,
+              user
             }
-        });
-        const ListComponent = createMappedComponent(collectionConfig?.admin?.components?.views?.list?.Component, undefined, DefaultListView, 'collectionConfig?.admin?.components?.views?.list?.Component');
-        let clientCollectionConfig = deepCopyObjectSimple(collectionConfig);
-        clientCollectionConfig = createClientCollectionConfig({
-            DefaultEditView,
-            DefaultListView,
-            clientCollection: clientCollectionConfig,
-            collection: collectionConfig,
-            createMappedComponent,
-            i18n,
-            importMap: payload.importMap,
-            payload
-        });
-        return /*#__PURE__*/ _jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ _jsx(HydrateAuthProvider, {
-                    permissions: permissions
-                }),
-                /*#__PURE__*/ _jsx(ListInfoProvider, {
-                    collectionConfig: clientCollectionConfig,
-                    collectionSlug: collectionSlug,
-                    hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
-                    newDocumentURL: formatAdminURL({
-                        adminRoute,
-                        path: `/collections/${collectionSlug}/create`
-                    }),
-                    children: /*#__PURE__*/ _jsx(ListQueryProvider, {
-                        data: data,
-                        defaultLimit: limit || collectionConfig?.admin?.pagination?.defaultLimit,
-                        defaultSort: sort,
-                        modifySearchParams: true,
-                        preferenceKey: preferenceKey,
-                        children: /*#__PURE__*/ _jsx(TableColumnsProvider, {
-                            collectionSlug: collectionSlug,
-                            enableRowSelections: true,
-                            listPreferences: listPreferences,
-                            preferenceKey: preferenceKey,
-                            children: /*#__PURE__*/ _jsx(RenderComponent, {
-                                clientProps: {
-                                    collectionSlug,
-                                    listSearchableFields: collectionConfig?.admin?.listSearchableFields
-                                },
-                                mappedComponent: ListComponent
-                            })
-                        })
-                    })
-                })
-            ]
-        });
+          })
+        })]
+      })
+    };
+  }
+  throw new Error('not-found');
+};
+export const ListView = async args => {
+  try {
+    const {
+      List: RenderedList
+    } = await renderListView({
+      ...args,
+      enableRowSelections: true
+    });
+    return RenderedList;
+  } catch (error) {
+    if (error.message === 'not-found') {
+      notFound();
+    } else {
+      console.error(error) // eslint-disable-line no-console
+      ;
     }
-    return notFound();
+  }
 };
-
 //# sourceMappingURL=index.js.map

package/dist/views/List/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["import type { AdminViewProps, ClientCollectionConfig, Where } from 'payload'\n\nimport {\n  HydrateAuthProvider,\n  ListInfoProvider,\n  ListQueryProvider,\n  TableColumnsProvider,\n} from '@payloadcms/ui'\nimport { RenderComponent, formatAdminURL, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport { createClientCollectionConfig } from '@payloadcms/ui/utilities/createClientConfig'\nimport { notFound } from 'next/navigation.js'\nimport { deepCopyObjectSimple, mergeListSearchAndWhere } from 'payload'\nimport { isNumber } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { ListPreferences } from './Default/types.js'\n\nimport { DefaultEditView } from '../Edit/Default/index.js'\nimport { DefaultListView } from './Default/index.js'\n\nexport { generateListMetadata } from './meta.js'\n\nexport const ListView: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    locale: fullLocale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      locale,\n      payload,\n      payload: { config },\n      query,\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const collectionSlug = collectionConfig?.slug\n\n  if (!permissions?.collections?.[collectionSlug]?.read?.permission) {\n    notFound()\n  }\n\n  let listPreferences: ListPreferences\n  const preferenceKey = `${collectionSlug}-list`\n\n  try {\n    listPreferences = (await payload\n      .find({\n        collection: 'payload-preferences',\n        depth: 0,\n        limit: 1,\n        req,\n        user,\n        where: {\n          and: [\n            {\n              key: {\n                equals: preferenceKey,\n              },\n            },\n            {\n              'user.relationTo': {\n                equals: user.collection,\n              },\n            },\n            {\n              'user.value': {\n                equals: user?.id,\n              },\n            },\n          ],\n        },\n      })\n      ?.then((res) => res?.docs?.[0]?.value)) as ListPreferences\n  } catch (error) {} // eslint-disable-line no-empty\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  if (collectionConfig) {\n    if (!visibleEntities.collections.includes(collectionSlug)) {\n      return notFound()\n    }\n\n    const page = isNumber(query?.page) ? Number(query.page) : 0\n    const whereQuery = mergeListSearchAndWhere({\n      collectionConfig,\n      query: {\n        search: typeof query?.search === 'string' ? query.search : undefined,\n        where: (query?.where as Where) || undefined,\n      },\n    })\n    const limit = isNumber(query?.limit)\n      ? Number(query.limit)\n      : listPreferences?.limit || collectionConfig.admin.pagination.defaultLimit\n    const sort =\n      query?.sort && typeof query.sort === 'string'\n        ? query.sort\n        : listPreferences?.sort || collectionConfig.defaultSort || undefined\n\n    const data = await payload.find({\n      collection: collectionSlug,\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      limit,\n      locale,\n      overrideAccess: false,\n      page,\n      req,\n      sort,\n      user,\n      where: whereQuery || {},\n    })\n\n    const createMappedComponent = getCreateMappedComponent({\n      importMap: payload.importMap,\n      serverProps: {\n        collectionConfig,\n        collectionSlug,\n        data,\n        hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,\n        i18n,\n        limit,\n        listPreferences,\n        listSearchableFields: collectionConfig.admin.listSearchableFields,\n        locale: fullLocale,\n        newDocumentURL: formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/create`,\n        }),\n        params,\n        payload,\n        permissions,\n        searchParams,\n        user,\n      },\n    })\n\n    const ListComponent = createMappedComponent(\n      collectionConfig?.admin?.components?.views?.list?.Component,\n      undefined,\n      DefaultListView,\n      'collectionConfig?.admin?.components?.views?.list?.Component',\n    )\n\n    let clientCollectionConfig = deepCopyObjectSimple(\n      collectionConfig,\n    ) as unknown as ClientCollectionConfig\n    clientCollectionConfig = createClientCollectionConfig({\n      DefaultEditView,\n      DefaultListView,\n      clientCollection: clientCollectionConfig,\n      collection: collectionConfig,\n      createMappedComponent,\n      i18n,\n      importMap: payload.importMap,\n      payload,\n    })\n\n    return (\n      <Fragment>\n        <HydrateAuthProvider permissions={permissions} />\n        <ListInfoProvider\n          collectionConfig={clientCollectionConfig}\n          collectionSlug={collectionSlug}\n          hasCreatePermission={permissions?.collections?.[collectionSlug]?.create?.permission}\n          newDocumentURL={formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}/create`,\n          })}\n        >\n          <ListQueryProvider\n            data={data}\n            defaultLimit={limit || collectionConfig?.admin?.pagination?.defaultLimit}\n            defaultSort={sort}\n            modifySearchParams\n            preferenceKey={preferenceKey}\n          >\n            <TableColumnsProvider\n              collectionSlug={collectionSlug}\n              enableRowSelections\n              listPreferences={listPreferences}\n              preferenceKey={preferenceKey}\n            >\n              <RenderComponent\n                clientProps={{\n                  collectionSlug,\n                  listSearchableFields: collectionConfig?.admin?.listSearchableFields,\n                }}\n                mappedComponent={ListComponent}\n              />\n            </TableColumnsProvider>\n          </ListQueryProvider>\n        </ListInfoProvider>\n      </Fragment>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["HydrateAuthProvider","ListInfoProvider","ListQueryProvider","TableColumnsProvider","RenderComponent","formatAdminURL","getCreateMappedComponent","createClientCollectionConfig","notFound","deepCopyObjectSimple","mergeListSearchAndWhere","isNumber","React","Fragment","DefaultEditView","DefaultListView","generateListMetadata","ListView","initPageResult","params","searchParams","collectionConfig","locale","fullLocale","permissions","req","i18n","payload","config","query","user","visibleEntities","collectionSlug","slug","collections","read","permission","listPreferences","preferenceKey","find","collection","depth","limit","where","and","key","equals","id","then","res","docs","value","error","routes","admin","adminRoute","includes","page","Number","whereQuery","search","undefined","pagination","defaultLimit","sort","defaultSort","data","draft","fallbackLocale","overrideAccess","createMappedComponent","importMap","serverProps","hasCreatePermission","create","listSearchableFields","newDocumentURL","path","ListComponent","components","views","list","Component","clientCollectionConfig","clientCollection","modifySearchParams","enableRowSelections","clientProps","mappedComponent"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["DefaultListView","HydrateAuthProvider","ListQueryProvider","RenderServerComponent","renderFilters","renderTable","formatAdminURL","mergeListSearchAndWhere","notFound","isNumber","React","Fragment","renderListViewSlots","generateListMetadata","renderListView","args","clientConfig","customCellProps","disableBulkDelete","disableBulkEdit","drawerSlug","enableRowSelections","initPageResult","params","query","queryFromArgs","searchParams","collectionConfig","slug","collectionSlug","admin","useAsTitle","defaultSort","fields","locale","fullLocale","permissions","req","i18n","payload","config","queryFromReq","user","visibleEntities","collections","read","permission","Error","listPreferences","preferenceKey","find","collection","depth","limit","where","and","key","equals","id","then","res","docs","value","_err","routes","adminRoute","includes","page","Number","whereQuery","search","undefined","pagination","defaultLimit","sort","data","draft","fallbackLocale","includeLockStatus","overrideAccess","clientCollectionConfig","c","columnState","Table","columnPreferences","columns","renderedFilters","importMap","staticDescription","description","t","listViewSlots","clientProps","hasCreatePermission","create","newDocumentURL","path","isInDrawer","Boolean","List","_jsxs","_jsx","modifySearchParams","Component","components","views","list","Fallback","serverProps","listSearchableFields","ListView","RenderedList","error","message","console"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["import type { ListPreferences, ListViewClientProps } from '@payloadcms/ui'\nimport type { AdminViewProps, ListQuery, Where } from 'payload'\n\nimport { DefaultListView, HydrateAuthProvider, ListQueryProvider } from '@payloadcms/ui'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { renderFilters, renderTable } from '@payloadcms/ui/rsc'\nimport { formatAdminURL, mergeListSearchAndWhere } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport { isNumber } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { renderListViewSlots } from './renderListViewSlots.js'\n\nexport { generateListMetadata } from './meta.js'\n\ntype ListViewArgs = {\n  customCellProps?: Record<string, any>\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  enableRowSelections: boolean\n  query: ListQuery\n} & AdminViewProps\n\nexport const renderListView = async (\n  args: ListViewArgs,\n): Promise<{\n  List: React.ReactNode\n}> => {\n  const {\n    clientConfig,\n    customCellProps,\n    disableBulkDelete,\n    disableBulkEdit,\n    drawerSlug,\n    enableRowSelections,\n    initPageResult,\n    params,\n    query: queryFromArgs,\n    searchParams,\n  } = args\n\n  const {\n    collectionConfig,\n    collectionConfig: {\n      slug: collectionSlug,\n      admin: { useAsTitle },\n      defaultSort,\n      fields,\n    },\n    locale: fullLocale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      locale,\n      payload,\n      payload: { config },\n      query: queryFromReq,\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  if (!permissions?.collections?.[collectionSlug]?.read?.permission) {\n    throw new Error('not-found')\n  }\n\n  const query = queryFromArgs || queryFromReq\n\n  let listPreferences: ListPreferences\n  const preferenceKey = `${collectionSlug}-list`\n\n  try {\n    listPreferences = (await payload\n      .find({\n        collection: 'payload-preferences',\n        depth: 0,\n        limit: 1,\n        req,\n        user,\n        where: {\n          and: [\n            {\n              key: {\n                equals: preferenceKey,\n              },\n            },\n            {\n              'user.relationTo': {\n                equals: user.collection,\n              },\n            },\n            {\n              'user.value': {\n                equals: user?.id,\n              },\n            },\n          ],\n        },\n      })\n      ?.then((res) => res?.docs?.[0]?.value)) as ListPreferences\n  } catch (_err) {} // eslint-disable-line no-empty\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  if (collectionConfig) {\n    if (!visibleEntities.collections.includes(collectionSlug)) {\n      throw new Error('not-found')\n    }\n\n    const page = isNumber(query?.page) ? Number(query.page) : 0\n\n    const whereQuery = mergeListSearchAndWhere({\n      collectionConfig,\n      search: typeof query?.search === 'string' ? query.search : undefined,\n      where: (query?.where as Where) || undefined,\n    })\n\n    const limit = isNumber(query?.limit)\n      ? Number(query.limit)\n      : listPreferences?.limit || collectionConfig.admin.pagination.defaultLimit\n\n    const sort =\n      query?.sort && typeof query.sort === 'string'\n        ? query.sort\n        : listPreferences?.sort ||\n          (typeof collectionConfig.defaultSort === 'string'\n            ? collectionConfig.defaultSort\n            : undefined)\n\n    const data = await payload.find({\n      collection: collectionSlug,\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      includeLockStatus: true,\n      limit,\n      locale,\n      overrideAccess: false,\n      page,\n      req,\n      sort,\n      user,\n      where: whereQuery || {},\n    })\n\n    const clientCollectionConfig = clientConfig.collections.find((c) => c.slug === collectionSlug)\n\n    const { columnState, Table } = renderTable({\n      collectionConfig: clientCollectionConfig,\n      columnPreferences: listPreferences?.columns,\n      customCellProps,\n      docs: data.docs,\n      drawerSlug,\n      enableRowSelections,\n      fields,\n      i18n: req.i18n,\n      payload,\n      useAsTitle,\n    })\n\n    const renderedFilters = renderFilters(fields, req.payload.importMap)\n\n    const staticDescription =\n      typeof collectionConfig.admin.description === 'function'\n        ? collectionConfig.admin.description({ t: i18n.t })\n        : collectionConfig.admin.description\n\n    const listViewSlots = renderListViewSlots({\n      collectionConfig,\n      description: staticDescription,\n      payload,\n    })\n\n    const clientProps: ListViewClientProps = {\n      ...listViewSlots,\n      collectionSlug,\n      columnState,\n      disableBulkDelete,\n      disableBulkEdit,\n      enableRowSelections,\n      hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,\n      listPreferences,\n      newDocumentURL: formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}/create`,\n      }),\n      renderedFilters,\n      Table,\n    }\n\n    const isInDrawer = Boolean(drawerSlug)\n\n    return {\n      List: (\n        <Fragment>\n          <HydrateAuthProvider permissions={permissions} />\n          <ListQueryProvider\n            collectionSlug={collectionSlug}\n            data={data}\n            defaultLimit={limit}\n            defaultSort={sort}\n            modifySearchParams={!isInDrawer}\n            preferenceKey={preferenceKey}\n          >\n            <RenderServerComponent\n              clientProps={clientProps}\n              Component={collectionConfig?.admin?.components?.views?.list?.Component}\n              Fallback={DefaultListView}\n              importMap={payload.importMap}\n              serverProps={{\n                collectionConfig,\n                collectionSlug,\n                data,\n                i18n,\n                limit,\n                listPreferences,\n                listSearchableFields: collectionConfig.admin.listSearchableFields,\n                locale: fullLocale,\n                params,\n                payload,\n                permissions,\n                searchParams,\n                user,\n              }}\n            />\n          </ListQueryProvider>\n        </Fragment>\n      ),\n    }\n  }\n\n  throw new Error('not-found')\n}\n\nexport const ListView: React.FC<ListViewArgs> = async (args) => {\n  try {\n    const { List: RenderedList } = await renderListView({ ...args, enableRowSelections: true })\n    return RenderedList\n  } catch (error) {\n    if (error.message === 'not-found') {\n      notFound()\n    } else {\n      console.error(error) // eslint-disable-line no-console\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/meta.js

@@ -1,21 +1,24 @@
 import { getTranslation } from '@payloadcms/translations';
 import { meta } from '../../utilities/meta.js';
-export const generateListMetadata = async (args)=>{
-    const { collectionConfig, config, i18n } = args;
-    let title = '';
-    const description = '';
-    const keywords = '';
-    if (collectionConfig) {
-        title = getTranslation(collectionConfig.labels.plural, i18n);
-    }
-    return meta({
-        ...config.admin.meta || {},
-        description,
-        keywords,
-        serverURL: config.serverURL,
-        title,
-        ...collectionConfig?.admin?.meta || {}
-    });
+export const generateListMetadata = async args => {
+  const {
+    collectionConfig,
+    config,
+    i18n
+  } = args;
+  let title = '';
+  const description = '';
+  const keywords = '';
+  if (collectionConfig) {
+    title = getTranslation(collectionConfig.labels.plural, i18n);
+  }
+  return meta({
+    ...(config.admin.meta || {}),
+    description,
+    keywords,
+    serverURL: config.serverURL,
+    title,
+    ...(collectionConfig?.admin?.meta || {})
+  });
 };
-
 //# sourceMappingURL=meta.js.map

package/dist/views/List/meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/List/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateListMetadata = async (\n  args: {\n    collectionConfig: SanitizedCollectionConfig\n  } & Parameters<GenerateViewMetadata>[0],\n): Promise<Metadata> => {\n  const { collectionConfig, config, i18n } = args\n\n  let title: string = ''\n  const description: string = ''\n  const keywords: string = ''\n\n  if (collectionConfig) {\n    title = getTranslation(collectionConfig.labels.plural, i18n)\n  }\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig?.admin?.meta || {}),\n  })\n}\n"],"names":["getTranslation","meta","generateListMetadata","args","collectionConfig","config","i18n","title","description","keywords","labels","plural","admin","serverURL"],"mappings":"AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,uBAAuB,OAClCC;IAIA,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IAE3C,IAAII,QAAgB;IACpB,MAAMC,cAAsB;IAC5B,MAAMC,WAAmB;IAEzB,IAAIL,kBAAkB;QACpBG,QAAQP,eAAeI,iBAAiBM,MAAM,CAACC,MAAM,EAAEL;IACzD;IAEA,OAAOL,KAAK;QACV,GAAII,OAAOO,KAAK,CAACX,IAAI,IAAI,CAAC,CAAC;QAC3BO;QACAC;QACAI,WAAWR,OAAOQ,SAAS;QAC3BN;QACA,GAAIH,kBAAkBQ,OAAOX,QAAQ,CAAC,CAAC;IACzC;AACF,EAAC"}
+{"version":3,"file":"meta.js","names":["getTranslation","meta","generateListMetadata","args","collectionConfig","config","i18n","title","description","keywords","labels","plural","admin","serverURL"],"sources":["../../../src/views/List/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateListMetadata = async (\n  args: {\n    collectionConfig: SanitizedCollectionConfig\n  } & Parameters<GenerateViewMetadata>[0],\n): Promise<Metadata> => {\n  const { collectionConfig, config, i18n } = args\n\n  let title: string = ''\n  const description: string = ''\n  const keywords: string = ''\n\n  if (collectionConfig) {\n    title = getTranslation(collectionConfig.labels.plural, i18n)\n  }\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig?.admin?.meta || {}),\n  })\n}\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ;AAI/B,SAASC,IAAI,QAAQ;AAErB,OAAO,MAAMC,oBAAA,GAAuB,MAClCC,IAAA;EAIA,MAAM;IAAEC,gBAAgB;IAAEC,MAAM;IAAEC;EAAI,CAAE,GAAGH,IAAA;EAE3C,IAAII,KAAA,GAAgB;EACpB,MAAMC,WAAA,GAAsB;EAC5B,MAAMC,QAAA,GAAmB;EAEzB,IAAIL,gBAAA,EAAkB;IACpBG,KAAA,GAAQP,cAAA,CAAeI,gBAAA,CAAiBM,MAAM,CAACC,MAAM,EAAEL,IAAA;EACzD;EAEA,OAAOL,IAAA,CAAK;IACV,IAAII,MAAA,CAAOO,KAAK,CAACX,IAAI,IAAI,CAAC,CAAC;IAC3BO,WAAA;IACAC,QAAA;IACAI,SAAA,EAAWR,MAAA,CAAOQ,SAAS;IAC3BN,KAAA;IACA,IAAIH,gBAAA,EAAkBQ,KAAA,EAAOX,IAAA,IAAQ,CAAC,CAAC;EACzC;AACF","ignoreList":[]}

package/dist/views/List/renderListViewSlots.d.ts

@@ -0,0 +1,8 @@
+import type { ListViewSlots } from '@payloadcms/ui';
+import type { Payload, SanitizedCollectionConfig, StaticDescription } from 'payload';
+export declare const renderListViewSlots: ({ collectionConfig, description, payload, }: {
+    collectionConfig: SanitizedCollectionConfig;
+    description?: StaticDescription;
+    payload: Payload;
+}) => ListViewSlots;
+//# sourceMappingURL=renderListViewSlots.d.ts.map

package/dist/views/List/renderListViewSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderListViewSlots.d.ts","sourceRoot":"","sources":["../../../src/views/List/renderListViewSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAIpF,eAAO,MAAM,mBAAmB,gDAI7B;IACD,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,OAAO,EAAE,OAAO,CAAA;CACjB,KAAG,aAoDH,CAAA"}

package/dist/views/List/renderListViewSlots.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
+export const renderListViewSlots = ({
+  collectionConfig,
+  description,
+  payload
+}) => {
+  const result = {};
+  if (collectionConfig.admin.components?.afterList) {
+    result.AfterList = /*#__PURE__*/_jsx(RenderServerComponent, {
+      Component: collectionConfig.admin.components.afterList,
+      importMap: payload.importMap
+    });
+  }
+  if (collectionConfig.admin.components?.afterListTable) {
+    result.AfterListTable = /*#__PURE__*/_jsx(RenderServerComponent, {
+      Component: collectionConfig.admin.components.afterListTable,
+      importMap: payload.importMap
+    });
+  }
+  if (collectionConfig.admin.components?.beforeList) {
+    result.BeforeList = /*#__PURE__*/_jsx(RenderServerComponent, {
+      Component: collectionConfig.admin.components.beforeList,
+      importMap: payload.importMap
+    });
+  }
+  if (collectionConfig.admin.components?.beforeListTable) {
+    result.BeforeListTable = /*#__PURE__*/_jsx(RenderServerComponent, {
+      Component: collectionConfig.admin.components.beforeListTable,
+      importMap: payload.importMap
+    });
+  }
+  if (collectionConfig.admin.components?.Description) {
+    result.Description = /*#__PURE__*/_jsx(RenderServerComponent, {
+      clientProps: {
+        description
+      },
+      Component: collectionConfig.admin.components.Description,
+      importMap: payload.importMap
+    });
+  }
+  return result;
+};
+//# sourceMappingURL=renderListViewSlots.js.map

package/dist/views/List/renderListViewSlots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderListViewSlots.js","names":["RenderServerComponent","renderListViewSlots","collectionConfig","description","payload","result","admin","components","afterList","AfterList","_jsx","Component","importMap","afterListTable","AfterListTable","beforeList","BeforeList","beforeListTable","BeforeListTable","Description","clientProps"],"sources":["../../../src/views/List/renderListViewSlots.tsx"],"sourcesContent":["import type { ListViewSlots } from '@payloadcms/ui'\nimport type { Payload, SanitizedCollectionConfig, StaticDescription } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\n\nexport const renderListViewSlots = ({\n  collectionConfig,\n  description,\n  payload,\n}: {\n  collectionConfig: SanitizedCollectionConfig\n  description?: StaticDescription\n  payload: Payload\n}): ListViewSlots => {\n  const result: ListViewSlots = {} as ListViewSlots\n\n  if (collectionConfig.admin.components?.afterList) {\n    result.AfterList = (\n      <RenderServerComponent\n        Component={collectionConfig.admin.components.afterList}\n        importMap={payload.importMap}\n      />\n    )\n  }\n\n  if (collectionConfig.admin.components?.afterListTable) {\n    result.AfterListTable = (\n      <RenderServerComponent\n        Component={collectionConfig.admin.components.afterListTable}\n        importMap={payload.importMap}\n      />\n    )\n  }\n\n  if (collectionConfig.admin.components?.beforeList) {\n    result.BeforeList = (\n      <RenderServerComponent\n        Component={collectionConfig.admin.components.beforeList}\n        importMap={payload.importMap}\n      />\n    )\n  }\n\n  if (collectionConfig.admin.components?.beforeListTable) {\n    result.BeforeListTable = (\n      <RenderServerComponent\n        Component={collectionConfig.admin.components.beforeListTable}\n        importMap={payload.importMap}\n      />\n    )\n  }\n\n  if (collectionConfig.admin.components?.Description) {\n    result.Description = (\n      <RenderServerComponent\n        clientProps={{\n          description,\n        }}\n        Component={collectionConfig.admin.components.Description}\n        importMap={payload.importMap}\n      />\n    )\n  }\n\n  return result\n}\n"],"mappings":";AAGA,SAASA,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,gBAAgB;EAChBC,WAAW;EACXC;AAAO,CAKR;EACC,MAAMC,MAAA,GAAwB,CAAC;EAE/B,IAAIH,gBAAA,CAAiBI,KAAK,CAACC,UAAU,EAAEC,SAAA,EAAW;IAChDH,MAAA,CAAOI,SAAS,gBACdC,IAAA,CAACV,qBAAA;MACCW,SAAA,EAAWT,gBAAA,CAAiBI,KAAK,CAACC,UAAU,CAACC,SAAS;MACtDI,SAAA,EAAWR,OAAA,CAAQQ;;EAGzB;EAEA,IAAIV,gBAAA,CAAiBI,KAAK,CAACC,UAAU,EAAEM,cAAA,EAAgB;IACrDR,MAAA,CAAOS,cAAc,gBACnBJ,IAAA,CAACV,qBAAA;MACCW,SAAA,EAAWT,gBAAA,CAAiBI,KAAK,CAACC,UAAU,CAACM,cAAc;MAC3DD,SAAA,EAAWR,OAAA,CAAQQ;;EAGzB;EAEA,IAAIV,gBAAA,CAAiBI,KAAK,CAACC,UAAU,EAAEQ,UAAA,EAAY;IACjDV,MAAA,CAAOW,UAAU,gBACfN,IAAA,CAACV,qBAAA;MACCW,SAAA,EAAWT,gBAAA,CAAiBI,KAAK,CAACC,UAAU,CAACQ,UAAU;MACvDH,SAAA,EAAWR,OAAA,CAAQQ;;EAGzB;EAEA,IAAIV,gBAAA,CAAiBI,KAAK,CAACC,UAAU,EAAEU,eAAA,EAAiB;IACtDZ,MAAA,CAAOa,eAAe,gBACpBR,IAAA,CAACV,qBAAA;MACCW,SAAA,EAAWT,gBAAA,CAAiBI,KAAK,CAACC,UAAU,CAACU,eAAe;MAC5DL,SAAA,EAAWR,OAAA,CAAQQ;;EAGzB;EAEA,IAAIV,gBAAA,CAAiBI,KAAK,CAACC,UAAU,EAAEY,WAAA,EAAa;IAClDd,MAAA,CAAOc,WAAW,gBAChBT,IAAA,CAACV,qBAAA;MACCoB,WAAA,EAAa;QACXjB;MACF;MACAQ,SAAA,EAAWT,gBAAA,CAAiBI,KAAK,CAACC,UAAU,CAACY,WAAW;MACxDP,SAAA,EAAWR,OAAA,CAAQQ;;EAGzB;EAEA,OAAOP,MAAA;AACT","ignoreList":[]}

package/dist/views/LivePreview/Context/collisionDetection.js

@@ -1,26 +1,29 @@
 import { rectIntersection } from '@dnd-kit/core';
 // If the toolbar exits the preview area, we need to reset its position
 // This will prevent the toolbar from getting stuck outside the preview area
-export const customCollisionDetection = ({ collisionRect, droppableContainers, ...args })=>{
-    const droppableContainer = droppableContainers.find(({ id })=>id === 'live-preview-area');
-    const rectIntersectionCollisions = rectIntersection({
-        ...args,
-        collisionRect,
-        droppableContainers: [
-            droppableContainer
-        ]
-    });
-    // Collision detection algorithms return an array of collisions
-    if (rectIntersectionCollisions.length === 0) {
-        // The preview area is not intersecting, return early
-        return rectIntersectionCollisions;
-    }
-    // Compute whether the draggable element is completely contained within the preview area
-    const previewAreaRect = droppableContainer?.rect?.current;
-    const isContained = collisionRect.top >= previewAreaRect.top && collisionRect.left >= previewAreaRect.left && collisionRect.bottom <= previewAreaRect.bottom && collisionRect.right <= previewAreaRect.right;
-    if (isContained) {
-        return rectIntersectionCollisions;
-    }
+export const customCollisionDetection = ({
+  collisionRect,
+  droppableContainers,
+  ...args
+}) => {
+  const droppableContainer = droppableContainers.find(({
+    id
+  }) => id === 'live-preview-area');
+  const rectIntersectionCollisions = rectIntersection({
+    ...args,
+    collisionRect,
+    droppableContainers: [droppableContainer]
+  });
+  // Collision detection algorithms return an array of collisions
+  if (rectIntersectionCollisions.length === 0) {
+    // The preview area is not intersecting, return early
+    return rectIntersectionCollisions;
+  }
+  // Compute whether the draggable element is completely contained within the preview area
+  const previewAreaRect = droppableContainer?.rect?.current;
+  const isContained = collisionRect.top >= previewAreaRect.top && collisionRect.left >= previewAreaRect.left && collisionRect.bottom <= previewAreaRect.bottom && collisionRect.right <= previewAreaRect.right;
+  if (isContained) {
+    return rectIntersectionCollisions;
+  }
 };
-
 //# sourceMappingURL=collisionDetection.js.map

package/dist/views/LivePreview/Context/collisionDetection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/LivePreview/Context/collisionDetection.ts"],"sourcesContent":["import type { CollisionDetection } from '@dnd-kit/core'\n\nimport { rectIntersection } from '@dnd-kit/core'\n\n// If the toolbar exits the preview area, we need to reset its position\n// This will prevent the toolbar from getting stuck outside the preview area\nexport const customCollisionDetection: CollisionDetection = ({\n  collisionRect,\n  droppableContainers,\n  ...args\n}) => {\n  const droppableContainer = droppableContainers.find(({ id }) => id === 'live-preview-area')\n\n  const rectIntersectionCollisions = rectIntersection({\n    ...args,\n    collisionRect,\n    droppableContainers: [droppableContainer],\n  })\n\n  // Collision detection algorithms return an array of collisions\n  if (rectIntersectionCollisions.length === 0) {\n    // The preview area is not intersecting, return early\n    return rectIntersectionCollisions\n  }\n\n  // Compute whether the draggable element is completely contained within the preview area\n  const previewAreaRect = droppableContainer?.rect?.current\n\n  const isContained =\n    collisionRect.top >= previewAreaRect.top &&\n    collisionRect.left >= previewAreaRect.left &&\n    collisionRect.bottom <= previewAreaRect.bottom &&\n    collisionRect.right <= previewAreaRect.right\n\n  if (isContained) {\n    return rectIntersectionCollisions\n  }\n}\n"],"names":["rectIntersection","customCollisionDetection","collisionRect","droppableContainers","args","droppableContainer","find","id","rectIntersectionCollisions","length","previewAreaRect","rect","current","isContained","top","left","bottom","right"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,gBAAe;AAEhD,uEAAuE;AACvE,4EAA4E;AAC5E,OAAO,MAAMC,2BAA+C,CAAC,EAC3DC,aAAa,EACbC,mBAAmB,EACnB,GAAGC,MACJ;IACC,MAAMC,qBAAqBF,oBAAoBG,IAAI,CAAC,CAAC,EAAEC,EAAE,EAAE,GAAKA,OAAO;IAEvE,MAAMC,6BAA6BR,iBAAiB;QAClD,GAAGI,IAAI;QACPF;QACAC,qBAAqB;YAACE;SAAmB;IAC3C;IAEA,+DAA+D;IAC/D,IAAIG,2BAA2BC,MAAM,KAAK,GAAG;QAC3C,qDAAqD;QACrD,OAAOD;IACT;IAEA,wFAAwF;IACxF,MAAME,kBAAkBL,oBAAoBM,MAAMC;IAElD,MAAMC,cACJX,cAAcY,GAAG,IAAIJ,gBAAgBI,GAAG,IACxCZ,cAAca,IAAI,IAAIL,gBAAgBK,IAAI,IAC1Cb,cAAcc,MAAM,IAAIN,gBAAgBM,MAAM,IAC9Cd,cAAce,KAAK,IAAIP,gBAAgBO,KAAK;IAE9C,IAAIJ,aAAa;QACf,OAAOL;IACT;AACF,EAAC"}
+{"version":3,"file":"collisionDetection.js","names":["rectIntersection","customCollisionDetection","collisionRect","droppableContainers","args","droppableContainer","find","id","rectIntersectionCollisions","length","previewAreaRect","rect","current","isContained","top","left","bottom","right"],"sources":["../../../../src/views/LivePreview/Context/collisionDetection.ts"],"sourcesContent":["import type { CollisionDetection } from '@dnd-kit/core'\n\nimport { rectIntersection } from '@dnd-kit/core'\n\n// If the toolbar exits the preview area, we need to reset its position\n// This will prevent the toolbar from getting stuck outside the preview area\nexport const customCollisionDetection: CollisionDetection = ({\n  collisionRect,\n  droppableContainers,\n  ...args\n}) => {\n  const droppableContainer = droppableContainers.find(({ id }) => id === 'live-preview-area')\n\n  const rectIntersectionCollisions = rectIntersection({\n    ...args,\n    collisionRect,\n    droppableContainers: [droppableContainer],\n  })\n\n  // Collision detection algorithms return an array of collisions\n  if (rectIntersectionCollisions.length === 0) {\n    // The preview area is not intersecting, return early\n    return rectIntersectionCollisions\n  }\n\n  // Compute whether the draggable element is completely contained within the preview area\n  const previewAreaRect = droppableContainer?.rect?.current\n\n  const isContained =\n    collisionRect.top >= previewAreaRect.top &&\n    collisionRect.left >= previewAreaRect.left &&\n    collisionRect.bottom <= previewAreaRect.bottom &&\n    collisionRect.right <= previewAreaRect.right\n\n  if (isContained) {\n    return rectIntersectionCollisions\n  }\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ;AAEjC;AACA;AACA,OAAO,MAAMC,wBAAA,GAA+CA,CAAC;EAC3DC,aAAa;EACbC,mBAAmB;EACnB,GAAGC;AAAA,CACJ;EACC,MAAMC,kBAAA,GAAqBF,mBAAA,CAAoBG,IAAI,CAAC,CAAC;IAAEC;EAAE,CAAE,KAAKA,EAAA,KAAO;EAEvE,MAAMC,0BAAA,GAA6BR,gBAAA,CAAiB;IAClD,GAAGI,IAAI;IACPF,aAAA;IACAC,mBAAA,EAAqB,CAACE,kBAAA;EACxB;EAEA;EACA,IAAIG,0BAAA,CAA2BC,MAAM,KAAK,GAAG;IAC3C;IACA,OAAOD,0BAAA;EACT;EAEA;EACA,MAAME,eAAA,GAAkBL,kBAAA,EAAoBM,IAAA,EAAMC,OAAA;EAElD,MAAMC,WAAA,GACJX,aAAA,CAAcY,GAAG,IAAIJ,eAAA,CAAgBI,GAAG,IACxCZ,aAAA,CAAca,IAAI,IAAIL,eAAA,CAAgBK,IAAI,IAC1Cb,aAAA,CAAcc,MAAM,IAAIN,eAAA,CAAgBM,MAAM,IAC9Cd,aAAA,CAAce,KAAK,IAAIP,eAAA,CAAgBO,KAAK;EAE9C,IAAIJ,WAAA,EAAa;IACf,OAAOL,0BAAA;EACT;AACF","ignoreList":[]}

package/dist/views/LivePreview/Context/context.d.ts

@@ -1,6 +1,7 @@
 import type { LivePreviewConfig } from 'payload';
 import type { fieldSchemaToJSON } from 'payload/shared';
 import type { Dispatch } from 'react';
+import type React from 'react';
 import type { usePopupWindow } from '../usePopupWindow.js';
 import type { SizeReducerAction } from './sizeReducer.js';
 export interface LivePreviewContextType {
@@ -16,7 +17,7 @@ export interface LivePreviewContextType {
         width: number;
     };
     openPopupWindow: ReturnType<typeof usePopupWindow>['openPopupWindow'];
-    popupRef?: React.RefObject<Window | null>;
+    popupRef?: React.RefObject<null | Window>;
     previewWindowType: 'iframe' | 'popup';
     setAppIsReady: (appIsReady: boolean) => void;
     setBreakpoint: (breakpoint: LivePreviewConfig['breakpoints'][number]['name']) => void;
@@ -45,6 +46,6 @@ export interface LivePreviewContextType {
     url: string | undefined;
     zoom: number;
 }
-export declare const LivePreviewContext: import("react").Context<LivePreviewContextType>;
+export declare const LivePreviewContext: React.Context<LivePreviewContextType>;
 export declare const useLivePreviewContext: () => LivePreviewContextType;
 //# sourceMappingURL=context.d.ts.map