@payloadcms/next 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

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

@@ -1,177 +1,179 @@
 @import '../../../scss/styles.scss';
 
-.collection-list {
-  width: 100%;
+@layer payload-default {
+  .collection-list {
+    width: 100%;
 
-  &__wrap {
-    padding-bottom: var(--spacing-view-bottom);
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
 
-    & > *:not(:last-child) {
-      margin-bottom: var(--base);
+      & > *:not(:last-child) {
+        margin-bottom: var(--base);
+      }
     }
-  }
 
-  .list-header {
-    a {
-      text-decoration: none;
-    }
+    .list-header {
+      a {
+        text-decoration: none;
+      }
 
-    .btn--withoutPopup,
-    .btn--withPopup {
-      position: relative;
-      margin: 0 0 base(0.2);
+      .btn--withoutPopup,
+      .btn--withPopup {
+        position: relative;
+        margin: 0 0 base(0.2);
+      }
     }
-  }
-
-  &__sub-header {
-    flex-basis: 100%;
-  }
-
-  .table {
-    table {
-      width: 100%;
-      overflow: auto;
 
-      [class^='cell'] > p,
-      [class^='cell'] > span,
-      [class^='cell'] > a {
-        line-clamp: 4;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 4;
-        overflow: hidden;
-        display: -webkit-box;
-        max-width: 100vw;
-      }
+    &__sub-header {
+      flex-basis: 100%;
+    }
 
-      #heading-_select,
-      .cell-_select {
-        display: flex;
-        min-width: unset;
+    .table {
+      table {
+        width: 100%;
+        overflow: auto;
+
+        [class^='cell'] > p,
+        [class^='cell'] > span,
+        [class^='cell'] > a {
+          line-clamp: 4;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
+          display: -webkit-box;
+          max-width: 100vw;
+        }
+
+        #heading-_select,
+        .cell-_select {
+          display: flex;
+          min-width: unset;
+        }
       }
     }
-  }
 
-  &__no-results {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: var(--base);
+    &__no-results {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--base);
 
-    & > * {
-      margin: 0;
+      & > * {
+        margin: 0;
+      }
     }
-  }
 
-  &__page-controls {
-    width: 100%;
-    display: flex;
-    align-items: center;
-  }
-
-  .paginator {
-    margin-bottom: 0;
-  }
+    &__page-controls {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
 
-  &__page-info {
-    [dir='ltr'] & {
-      margin-right: base(1);
-      margin-left: auto;
+    .paginator {
+      margin-bottom: 0;
     }
-    [dir='rtl'] & {
-      margin-left: base(1);
-      margin-right: auto;
+
+    &__page-info {
+      [dir='ltr'] & {
+        margin-right: base(1);
+        margin-left: auto;
+      }
+      [dir='rtl'] & {
+        margin-left: base(1);
+        margin-right: auto;
+      }
     }
-  }
 
-  &__list-selection {
-    position: fixed;
-    bottom: 0;
-    z-index: 10;
-    padding: base(0.8) 0;
-    width: 100%;
-    background-color: var(--theme-bg);
+    &__list-selection {
+      position: fixed;
+      bottom: 0;
+      z-index: 10;
+      padding: base(0.8) 0;
+      width: 100%;
+      background-color: var(--theme-bg);
 
-    .btn {
-      margin: 0 0 0 base(0.4);
-    }
+      .btn {
+        margin: 0 0 0 base(0.4);
+      }
 
-    .btn {
-      background-color: var(--theme-elevation-100);
-      cursor: pointer;
-      padding: 0 base(0.4);
-      border-radius: $style-radius-s;
+      .btn {
+        background-color: var(--theme-elevation-100);
+        cursor: pointer;
+        padding: 0 base(0.4);
+        border-radius: $style-radius-s;
 
-      &:hover {
-        background-color: var(--theme-elevation-200);
+        &:hover {
+          background-color: var(--theme-elevation-200);
+        }
       }
     }
-  }
 
-  &__list-selection-actions {
-    display: flex;
-    gap: base(0.25);
-  }
+    &__list-selection-actions {
+      display: flex;
+      gap: base(0.25);
+    }
 
-  &__shimmer {
-    margin-top: base(1.75);
-    width: 100%;
-    > div {
-      margin-top: 8px;
+    &__shimmer {
+      margin-top: base(1.75);
+      width: 100%;
+      > div {
+        margin-top: 8px;
+      }
     }
-  }
 
-  @include mid-break {
-    margin-top: base(0.25);
+    @include mid-break {
+      margin-top: base(0.25);
 
-    &__wrap {
-      padding-top: 0;
-      padding-bottom: 0;
-    }
+      &__wrap {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
 
-    &__header {
-      gap: base(0.5);
-    }
+      &__header {
+        gap: base(0.5);
+      }
 
-    &__sub-header {
-      margin-top: 0;
-    }
+      &__sub-header {
+        margin-top: 0;
+      }
 
-    &__search-input {
-      margin: 0;
-    }
+      &__search-input {
+        margin: 0;
+      }
 
-    // on mobile, extend the table all the way to the viewport edges
-    // this is to visually indicate overflowing content
-    .table {
-      display: flex;
-      width: calc(100% + calc(var(--gutter-h) * 2));
-      max-width: unset;
-      left: calc(var(--gutter-h) * -1);
-      position: relative;
-      padding-left: var(--gutter-h);
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
 
-      &::after {
-        content: '';
-        height: 1px;
-        padding-right: var(--gutter-h);
+      &__page-controls {
+        flex-wrap: wrap;
       }
-    }
 
-    &__page-controls {
-      flex-wrap: wrap;
-    }
+      &__page-info {
+        margin-left: 0;
+      }
 
-    &__page-info {
-      margin-left: 0;
+      .paginator {
+        width: 100%;
+        margin-bottom: $baseline;
+      }
     }
 
-    .paginator {
-      width: 100%;
-      margin-bottom: $baseline;
+    @include small-break {
+      margin-bottom: base(2.4);
     }
   }
-
-  @include small-break {
-    margin-bottom: base(2.4);
-  }
 }

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,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,CA2L7C,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,CA8L7C,CAAA"}

package/dist/views/List/index.js

@@ -79,7 +79,7 @@ export const ListView = async ({
       }
     });
     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 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,

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

@@ -1 +1 @@
-{"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","includeLockStatus","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      includeLockStatus: true,\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":";AAEA,SACEA,mBAAmB,EACnBC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,QACf;AACP,SAASC,cAAc,EAAEC,wBAAwB,EAAEC,eAAe,QAAQ;AAC1E,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,QAAQ,QAAQ;AACzB,SAASC,oBAAoB,EAAEC,uBAAuB,QAAQ;AAC9D,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAIhC,SAASC,eAAe,QAAQ;AAChC,SAASC,eAAe,QAAQ;AAEhC,SAASC,oBAAoB,QAAQ;AAErC,OAAO,MAAMC,QAAA,GAAqC,MAAAA,CAAO;EACvDC,cAAc;EACdC,MAAM;EACNC;AAAY,CACb;EACC,MAAM;IACJC,gBAAgB;IAChBC,MAAA,EAAQC,UAAU;IAClBC,WAAW;IACXC,GAAG;IACHA,GAAA,EAAK;MACHC,IAAI;MACJJ,MAAM;MACNK,OAAO;MACPA,OAAA,EAAS;QAAEC;MAAM,CAAE;MACnBC,KAAK;MACLC;IAAI,CACL;IACDC;EAAe,CAChB,GAAGb,cAAA;EAEJ,MAAMc,cAAA,GAAiBX,gBAAA,EAAkBY,IAAA;EAEzC,IAAI,CAACT,WAAA,EAAaU,WAAA,GAAcF,cAAA,CAAe,EAAEG,IAAA,EAAMC,UAAA,EAAY;IACjE5B,QAAA;EACF;EAEA,IAAI6B,eAAA;EACJ,MAAMC,aAAA,GAAgB,GAAGN,cAAA,OAAqB;EAE9C,IAAI;IACFK,eAAA,GAAmB,MAAMV,OAAA,CACtBY,IAAI,CAAC;MACJC,UAAA,EAAY;MACZC,KAAA,EAAO;MACPC,KAAA,EAAO;MACPjB,GAAA;MACAK,IAAA;MACAa,KAAA,EAAO;QACLC,GAAA,EAAK,CACH;UACEC,GAAA,EAAK;YACHC,MAAA,EAAQR;UACV;QACF,GACA;UACE,mBAAmB;YACjBQ,MAAA,EAAQhB,IAAA,CAAKU;UACf;QACF,GACA;UACE,cAAc;YACZM,MAAA,EAAQhB,IAAA,EAAMiB;UAChB;QACF;MAEJ;IACF,IACEC,IAAA,CAAMC,GAAA,IAAQA,GAAA,EAAKC,IAAA,GAAO,EAAE,EAAEC,KAAA;EACpC,EAAE,OAAOC,KAAA,EAAO,CAAC,EAAE;EAEnB,MAAM;IACJC,MAAA,EAAQ;MAAEC,KAAA,EAAOC;IAAU;EAAE,CAC9B,GAAG3B,MAAA;EAEJ,IAAIP,gBAAA,EAAkB;IACpB,IAAI,CAACU,eAAA,CAAgBG,WAAW,CAACsB,QAAQ,CAACxB,cAAA,GAAiB;MACzD,OAAOxB,QAAA;IACT;IAEA,MAAMiD,IAAA,GAAO9C,QAAA,CAASkB,KAAA,EAAO4B,IAAA,IAAQC,MAAA,CAAO7B,KAAA,CAAM4B,IAAI,IAAI;IAC1D,MAAME,UAAA,GAAajD,uBAAA,CAAwB;MACzCW,gBAAA;MACAQ,KAAA,EAAO;QACL+B,MAAA,EAAQ,OAAO/B,KAAA,EAAO+B,MAAA,KAAW,WAAW/B,KAAA,CAAM+B,MAAM,GAAGC,SAAA;QAC3DlB,KAAA,EAAOd,KAAC,EAAOc,KAAA,IAAmBkB;MACpC;IACF;IACA,MAAMnB,KAAA,GAAQ/B,QAAA,CAASkB,KAAA,EAAOa,KAAA,IAC1BgB,MAAA,CAAO7B,KAAA,CAAMa,KAAK,IAClBL,eAAA,EAAiBK,KAAA,IAASrB,gBAAA,CAAiBiC,KAAK,CAACQ,UAAU,CAACC,YAAY;IAC5E,MAAMC,IAAA,GACJnC,KAAA,EAAOmC,IAAA,IAAQ,OAAOnC,KAAA,CAAMmC,IAAI,KAAK,WACjCnC,KAAA,CAAMmC,IAAI,GACV3B,eAAA,EAAiB2B,IAAA,IAAQ3C,gBAAA,CAAiB4C,WAAW,IAAIJ,SAAA;IAE/D,MAAMK,IAAA,GAAO,MAAMvC,OAAA,CAAQY,IAAI,CAAC;MAC9BC,UAAA,EAAYR,cAAA;MACZS,KAAA,EAAO;MACP0B,KAAA,EAAO;MACPC,cAAA,EAAgB;MAChBC,iBAAA,EAAmB;MACnB3B,KAAA;MACApB,MAAA;MACAgD,cAAA,EAAgB;MAChBb,IAAA;MACAhC,GAAA;MACAuC,IAAA;MACAlC,IAAA;MACAa,KAAA,EAAOgB,UAAA,IAAc,CAAC;IACxB;IAEA,MAAMY,qBAAA,GAAwBlE,wBAAA,CAAyB;MACrDmE,SAAA,EAAW7C,OAAA,CAAQ6C,SAAS;MAC5BC,WAAA,EAAa;QACXpD,gBAAA;QACAW,cAAA;QACAkC,IAAA;QACAQ,mBAAA,EAAqBlD,WAAA,EAAaU,WAAA,GAAcF,cAAA,CAAe,EAAE2C,MAAA,EAAQvC,UAAA;QACzEV,IAAA;QACAgB,KAAA;QACAL,eAAA;QACAuC,oBAAA,EAAsBvD,gBAAA,CAAiBiC,KAAK,CAACsB,oBAAoB;QACjEtD,MAAA,EAAQC,UAAA;QACRsD,cAAA,EAAgBzE,cAAA,CAAe;UAC7BmD,UAAA;UACAuB,IAAA,EAAM,gBAAgB9C,cAAA;QACxB;QACAb,MAAA;QACAQ,OAAA;QACAH,WAAA;QACAJ,YAAA;QACAU;MACF;IACF;IAEA,MAAMiD,aAAA,GAAgBR,qBAAA,CACpBlD,gBAAA,EAAkBiC,KAAA,EAAO0B,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,SAAA,EAClDtB,SAAA,EACA9C,eAAA,EACA;IAGF,IAAIqE,sBAAA,GAAyB3E,oBAAA,CAC3BY,gBAAA;IAEF+D,sBAAA,GAAyB7E,4BAAA,CAA6B;MACpD8E,gBAAA,EAAkBD,sBAAA;MAClB5C,UAAA,EAAYnB,gBAAA;MACZkD,qBAAA;MACAzD,eAAA;MACAC,eAAA;MACAW,IAAA;MACA8C,SAAA,EAAW7C,OAAA,CAAQ6C,SAAS;MAC5B7C;IACF;IAEA,oBACE2D,KAAA,CAACzE,QAAA;8BACC0E,IAAA,CAACvF,mBAAA;QAAoBwB,WAAA,EAAaA;uBAClC+D,IAAA,CAACtF,gBAAA;QACCoB,gBAAA,EAAkB+D,sBAAA;QAClBpD,cAAA,EAAgBA,cAAA;QAChB0C,mBAAA,EAAqBlD,WAAA,EAAaU,WAAA,GAAcF,cAAA,CAAe,EAAE2C,MAAA,EAAQvC,UAAA;QACzEyC,cAAA,EAAgBzE,cAAA,CAAe;UAC7BmD,UAAA;UACAuB,IAAA,EAAM,gBAAgB9C,cAAA;QACxB;kBAEA,aAAAuD,IAAA,CAACrF,iBAAA;UACCgE,IAAA,EAAMA,IAAA;UACNH,YAAA,EAAcrB,KAAA,IAASrB,gBAAA,EAAkBiC,KAAA,EAAOQ,UAAA,EAAYC,YAAA;UAC5DE,WAAA,EAAaD,IAAA;UACbwB,kBAAkB;UAClBlD,aAAA,EAAeA,aAAA;oBAEf,aAAAiD,IAAA,CAACpF,oBAAA;YACC6B,cAAA,EAAgBA,cAAA;YAChByD,mBAAmB;YACnBpD,eAAA,EAAiBA,eAAA;YACjBC,aAAA,EAAeA,aAAA;sBAEf,aAAAiD,IAAA,CAACjF,eAAA;cACCoF,WAAA,EAAa;gBACX1D,cAAA;gBACA4C,oBAAA,EAAsBvD,gBAAA,EAAkBiC,KAAA,EAAOsB;cACjD;cACAe,eAAA,EAAiBZ;;;;;;EAO/B;EAEA,OAAOvE,QAAA;AACT","ignoreList":[]}
+{"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","includeLockStatus","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 ||\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 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/LivePreview/IFrame/index.scss

@@ -1,7 +1,9 @@
-.live-preview-iframe {
-  background-color: white;
-  border: 0;
-  width: 100%;
-  height: 100%;
-  transform-origin: top left;
+@layer payload-default {
+  .live-preview-iframe {
+    background-color: white;
+    border: 0;
+    width: 100%;
+    height: 100%;
+    transform-origin: top left;
+  }
 }

package/dist/views/LivePreview/Preview/index.scss

@@ -1,41 +1,43 @@
 @import '../../../scss/styles.scss';
 
-.live-preview-window {
-  background-color: var(--theme-bg);
-  width: 60%;
-  flex-shrink: 0;
-  flex-grow: 0;
-  position: sticky;
-  top: var(--doc-controls-height);
-  height: calc(100vh - var(--doc-controls-height));
-  overflow: hidden;
+@layer payload-default {
+  .live-preview-window {
+    background-color: var(--theme-bg);
+    width: 60%;
+    flex-shrink: 0;
+    flex-grow: 0;
+    position: sticky;
+    top: var(--doc-controls-height);
+    height: calc(100vh - var(--doc-controls-height));
+    overflow: hidden;
 
-  &__wrapper {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    justify-content: flex-start;
-  }
-
-  &__main {
-    flex-grow: 1;
-    height: 100%;
-    width: 100%;
-  }
+    &__wrapper {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      justify-content: flex-start;
+    }
 
-  &--has-breakpoint {
-    .live-preview-iframe {
-      border: 1px solid var(--theme-elevation-100);
+    &__main {
+      flex-grow: 1;
+      height: 100%;
+      width: 100%;
     }
 
-    .live-preview-window {
-      &__main {
-        padding: var(--base);
+    &--has-breakpoint {
+      .live-preview-iframe {
+        border: 1px solid var(--theme-elevation-100);
+      }
+
+      .live-preview-window {
+        &__main {
+          padding: var(--base);
+        }
       }
     }
-  }
 
-  @include mid-break {
-    width: 100%;
+    @include mid-break {
+      width: 100%;
+    }
   }
 }

package/dist/views/LivePreview/Toolbar/Controls/index.scss

@@ -1,59 +1,61 @@
 @import '../../../../scss/styles.scss';
 
-.live-preview-toolbar-controls {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--base) / 3);
-
-  &__breakpoint {
-    border: none;
-    background: transparent;
-    height: var(--base);
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &__device-size {
+@layer payload-default {
+  .live-preview-toolbar-controls {
     display: flex;
     align-items: center;
-  }
+    gap: calc(var(--base) / 3);
 
-  &__size {
-    width: 50px;
-    height: var(--base);
-    display: flex;
-    align-items: center;
-    border: 1px solid var(--theme-elevation-200);
-    background: var(--theme-elevation-100);
-    border-radius: 2px;
-    font-size: small;
-  }
+    &__breakpoint {
+      border: none;
+      background: transparent;
+      height: var(--base);
 
-  &__zoom {
-    width: 55px;
-    border: none;
-    background: transparent;
-    height: var(--base);
+      &:focus {
+        outline: none;
+      }
+    }
 
-    &:focus {
-      outline: none;
+    &__device-size {
+      display: flex;
+      align-items: center;
     }
-  }
 
-  &__external {
-    flex-shrink: 0;
-    display: flex;
-    width: var(--base);
-    height: var(--base);
-    align-items: center;
-    justify-content: center;
-    padding: 6px 0;
-  }
+    &__size {
+      width: 50px;
+      height: var(--base);
+      display: flex;
+      align-items: center;
+      border: 1px solid var(--theme-elevation-200);
+      background: var(--theme-elevation-100);
+      border-radius: 2px;
+      font-size: small;
+    }
 
-  .popup-button {
-    display: flex;
-    align-items: center;
+    &__zoom {
+      width: 55px;
+      border: none;
+      background: transparent;
+      height: var(--base);
+
+      &:focus {
+        outline: none;
+      }
+    }
+
+    &__external {
+      flex-shrink: 0;
+      display: flex;
+      width: var(--base);
+      height: var(--base);
+      align-items: center;
+      justify-content: center;
+      padding: 6px 0;
+    }
+
+    .popup-button {
+      display: flex;
+      align-items: center;
+    }
   }
 }

package/dist/views/LivePreview/Toolbar/SizeInput/index.scss

@@ -1,10 +1,12 @@
-.toolbar-input {
-  width: 50px;
-  height: var(--base);
-  display: flex;
-  align-items: center;
-  border: 1px solid var(--theme-elevation-200);
-  background: var(--theme-elevation-100);
-  border-radius: 2px;
-  font-size: small;
+@layer payload-default {
+  .toolbar-input {
+    width: 50px;
+    height: var(--base);
+    display: flex;
+    align-items: center;
+    border: 1px solid var(--theme-elevation-200);
+    background: var(--theme-elevation-100);
+    border-radius: 2px;
+    font-size: small;
+  }
 }