@payloadcms/next 3.0.0-canary.4de9e42 → 3.0.0-canary.518fabe

package/dist/views/List/Default/index.scss

@@ -2,7 +2,6 @@
 
 .collection-list {
   width: 100%;
-  margin-top: base(0.5);
 
   &__wrap {
     padding-bottom: var(--spacing-view-bottom);
@@ -12,30 +11,20 @@
     }
   }
 
-  &__header {
-    display: flex;
-    align-items: flex-end;
-    flex-wrap: wrap;
-    gap: base(0.75);
-
-    h1 {
-      margin: 0;
-    }
-
+  .list-header {
     a {
       text-decoration: none;
     }
 
-    .pill {
+    .btn--withoutPopup,
+    .btn--withPopup {
       position: relative;
-      top: -14px;
-      margin: 0;
+      margin: 0 0 base(0.2);
     }
   }
 
   &__sub-header {
     flex-basis: 100%;
-    margin-top: base(0.25);
   }
 
   .table {
@@ -57,7 +46,7 @@
       #heading-_select,
       .cell-_select {
         min-width: unset;
-        width: auto;
+        width: base(1);
       }
     }
   }
@@ -98,18 +87,18 @@
     position: fixed;
     bottom: 0;
     z-index: 10;
-    padding: base(0.75) 0;
+    padding: base(0.8) 0;
     width: 100%;
     background-color: var(--theme-bg);
 
     .btn {
-      margin: 0 0 0 base(0.5);
+      margin: 0 0 0 base(0.4);
     }
 
     .btn {
       background-color: var(--theme-elevation-100);
       cursor: pointer;
-      padding: 0 base(0.25);
+      padding: 0 base(0.4);
       border-radius: $style-radius-s;
 
       &:hover {
@@ -183,13 +172,6 @@
   }
 
   @include small-break {
-    margin-top: 0;
-    margin-bottom: base(3);
-
-    &__header {
-      .pill {
-        top: -6px;
-      }
-    }
+    margin-bottom: base(2.4);
   }
 }

package/dist/views/List/Default/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/views/List/Default/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/List/Default/types.ts"],"sourcesContent":["import type { ColumnPreferences } from '@payloadcms/ui'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nexport type DefaultListViewProps = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n  listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields']\n}\n\nexport type ListIndexProps = {\n  collection: SanitizedCollectionConfig\n}\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n  limit: number\n  sort: string\n}\n"],"names":[],"mappings":"AAYA,WAIC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/List/Default/types.ts"],"sourcesContent":["import type { ColumnPreferences } from '@payloadcms/ui'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nexport type DefaultListViewProps = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n  listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields']\n}\n\nexport type ListIndexProps = {\n  collection: SanitizedCollectionConfig\n}\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n  limit: number\n  sort: string\n}\n"],"mappings":"AAYA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAS,MAAM,SAAS,CAAA;AAYpD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoK7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiC,MAAM,SAAS,CAAA;AAa5E,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0L7C,CAAA"}

package/dist/views/List/index.js

@@ -1,132 +1,168 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HydrateClientUser, ListInfoProvider, ListQueryProvider, TableColumnsProvider } from '@payloadcms/ui';
-import { RenderCustomComponent, formatAdminURL } from '@payloadcms/ui/shared';
+import { HydrateAuthProvider, ListInfoProvider, ListQueryProvider, TableColumnsProvider } from '@payloadcms/ui';
+import { formatAdminURL, getCreateMappedComponent, RenderComponent } from '@payloadcms/ui/shared';
+import { createClientCollectionConfig } from '@payloadcms/ui/utilities/createClientConfig';
 import { notFound } from 'next/navigation.js';
-import { createClientCollectionConfig, mergeListSearchAndWhere } from 'payload';
-import { isNumber, isReactComponentOrFunction } from 'payload/shared';
+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';
 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 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();
+  }
+  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
     }
-    let listPreferences;
-    const preferenceKey = `${collectionSlug}-list`;
-    try {
-        listPreferences = await payload.find({
-            collection: 'payload-preferences',
-            depth: 0,
-            limit: 1,
-            req,
-            user,
-            where: {
-                key: {
-                    equals: preferenceKey
-                }
-            }
-        })?.then((res)=>res?.docs?.[0]?.value);
-    } catch (error) {} // eslint-disable-line no-empty
-    const { routes: { admin: adminRoute } } = config;
-    if (collectionConfig) {
-        const { admin: { components: { views: { List: CustomList } = {} } = {} } } = collectionConfig;
-        if (!visibleEntities.collections.includes(collectionSlug)) {
-            return notFound();
-        }
-        let CustomListView = null;
-        if (CustomList && typeof CustomList === 'function') {
-            CustomListView = CustomList;
-        } else if (typeof CustomList === 'object' && isReactComponentOrFunction(CustomList.Component)) {
-            CustomListView = CustomList.Component;
-        }
-        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 viewComponentProps = {
-            collectionSlug,
-            listSearchableFields: collectionConfig.admin.listSearchableFields
-        };
-        return /*#__PURE__*/ _jsxs(Fragment, {
-            children: [
-                /*#__PURE__*/ _jsx(HydrateClientUser, {
-                    permissions: permissions,
-                    user: user
-                }),
-                /*#__PURE__*/ _jsx(ListInfoProvider, {
-                    collectionConfig: createClientCollectionConfig({
-                        collection: collectionConfig,
-                        t: initPageResult.req.i18n.t
-                    }),
-                    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(RenderCustomComponent, {
-                                CustomComponent: CustomListView,
-                                DefaultComponent: DefaultListView,
-                                componentProps: viewComponentProps,
-                                serverOnlyProps: {
-                                    collectionConfig,
-                                    data,
-                                    hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
-                                    i18n,
-                                    limit,
-                                    listPreferences,
-                                    locale: fullLocale,
-                                    newDocumentURL: formatAdminURL({
-                                        adminRoute,
-                                        path: `/collections/${collectionSlug}/create`
-                                    }),
-                                    params,
-                                    payload,
-                                    permissions,
-                                    searchParams,
-                                    user
-                                }
-                            })
-                        })
-                    })
-                })
-            ]
-        });
+  } = config;
+  if (collectionConfig) {
+    if (!visibleEntities.collections.includes(collectionSlug)) {
+      return notFound();
     }
-    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({
+      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
+      }
+    });
+    const ListComponent = createMappedComponent(collectionConfig?.admin?.components?.views?.list?.Component, undefined, DefaultListView, 'collectionConfig?.admin?.components?.views?.list?.Component');
+    let clientCollectionConfig = deepCopyObjectSimple(collectionConfig);
+    clientCollectionConfig = createClientCollectionConfig({
+      clientCollection: clientCollectionConfig,
+      collection: collectionConfig,
+      createMappedComponent,
+      DefaultEditView,
+      DefaultListView,
+      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
+            })
+          })
+        })
+      })]
+    });
+  }
+  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, Where } from 'payload'\n\nimport {\n  HydrateClientUser,\n  ListInfoProvider,\n  ListQueryProvider,\n  TableColumnsProvider,\n} from '@payloadcms/ui'\nimport { RenderCustomComponent, formatAdminURL } from '@payloadcms/ui/shared'\nimport { notFound } from 'next/navigation.js'\nimport { createClientCollectionConfig, mergeListSearchAndWhere } from 'payload'\nimport { isNumber, isReactComponentOrFunction } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport type { DefaultListViewProps, ListPreferences } from './Default/types.js'\n\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          key: {\n            equals: preferenceKey,\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    const {\n      admin: { components: { views: { List: CustomList } = {} } = {} },\n    } = collectionConfig\n\n    if (!visibleEntities.collections.includes(collectionSlug)) {\n      return notFound()\n    }\n\n    let CustomListView = null\n\n    if (CustomList && typeof CustomList === 'function') {\n      CustomListView = CustomList\n    } else if (typeof CustomList === 'object' && isReactComponentOrFunction(CustomList.Component)) {\n      CustomListView = CustomList.Component\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 viewComponentProps: DefaultListViewProps = {\n      collectionSlug,\n      listSearchableFields: collectionConfig.admin.listSearchableFields,\n    }\n\n    return (\n      <Fragment>\n        <HydrateClientUser permissions={permissions} user={user} />\n        <ListInfoProvider\n          collectionConfig={createClientCollectionConfig({\n            collection: collectionConfig,\n            t: initPageResult.req.i18n.t,\n          })}\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              <RenderCustomComponent\n                CustomComponent={CustomListView}\n                DefaultComponent={DefaultListView}\n                componentProps={viewComponentProps}\n                serverOnlyProps={{\n                  collectionConfig,\n                  data,\n                  hasCreatePermission:\n                    permissions?.collections?.[collectionSlug]?.create?.permission,\n                  i18n,\n                  limit,\n                  listPreferences,\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            </TableColumnsProvider>\n          </ListQueryProvider>\n        </ListInfoProvider>\n      </Fragment>\n    )\n  }\n\n  return notFound()\n}\n"],"names":["HydrateClientUser","ListInfoProvider","ListQueryProvider","TableColumnsProvider","RenderCustomComponent","formatAdminURL","notFound","createClientCollectionConfig","mergeListSearchAndWhere","isNumber","isReactComponentOrFunction","React","Fragment","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","key","equals","then","res","docs","value","error","routes","admin","adminRoute","components","views","List","CustomList","includes","CustomListView","Component","page","Number","whereQuery","search","undefined","pagination","defaultLimit","sort","defaultSort","data","draft","fallbackLocale","overrideAccess","viewComponentProps","listSearchableFields","t","hasCreatePermission","create","newDocumentURL","path","modifySearchParams","enableRowSelections","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["HydrateAuthProvider","ListInfoProvider","ListQueryProvider","TableColumnsProvider","formatAdminURL","getCreateMappedComponent","RenderComponent","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","_jsxs","_jsx","modifySearchParams","enableRowSelections","clientProps","mappedComponent"],"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 { formatAdminURL, getCreateMappedComponent, RenderComponent } 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      clientCollection: clientCollectionConfig,\n      collection: collectionConfig,\n      createMappedComponent,\n      DefaultEditView,\n      DefaultListView,\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"],"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,iBAAiBQ,KAAK,CAACX,IAAI,IAAI,CAAC,CAAC;IACvC;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/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.MutableRefObject<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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Context/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5D,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC7C,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IACtD,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACpD,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE;QAClB,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAAA;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAChD,iBAAiB,EAAE,QAAQ,GAAG,OAAO,CAAA;IACrC,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,aAAa,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACrF,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,qBAAqB,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACxE,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;IACrE,OAAO,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IACpC,kBAAkB,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,EAAE;QACf,CAAC,EAAE,MAAM,CAAA;QACT,CAAC,EAAE,MAAM,CAAA;KACV,CAAA;IACD,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,kBAAkB,iDAmC7B,CAAA;AAEF,eAAO,MAAM,qBAAqB,8BAAuC,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Context/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEzD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IAC5D,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC7C,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IACtD,eAAe,EAAE,OAAO,CAAA;IACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACpD,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE;QAClB,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAAA;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC,CAAA;IACzC,iBAAiB,EAAE,QAAQ,GAAG,OAAO,CAAA;IACrC,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,aAAa,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACrF,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7C,qBAAqB,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACxE,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;IACrE,OAAO,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAA;IACpC,kBAAkB,EAAE,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,eAAe,EAAE;QACf,CAAC,EAAE,MAAM,CAAA;QACT,CAAC,EAAE,MAAM,CAAA;KACV,CAAA;IACD,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,kBAAkB,uCAmC7B,CAAA;AAEF,eAAO,MAAM,qBAAqB,8BAAuC,CAAA"}