@payloadcms/ui 3.0.0-canary.6041f49 → 3.0.0-canary.67aae47

package/dist/views/List/index.js

@@ -0,0 +1,305 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import LinkImport from 'next/link.js';
+import { useRouter } from 'next/navigation.js';
+import { formatFilesize, isNumber } from 'payload/shared';
+import React, { Fragment, useEffect, useState } from 'react';
+import { useBulkUpload } from '../../elements/BulkUpload/index.js';
+import { Button } from '../../elements/Button/index.js';
+import { DeleteMany } from '../../elements/DeleteMany/index.js';
+import { EditMany } from '../../elements/EditMany/index.js';
+import { Gutter } from '../../elements/Gutter/index.js';
+import { ListControls } from '../../elements/ListControls/index.js';
+import { useListDrawerContext } from '../../elements/ListDrawer/Provider.js';
+import { ListSelection } from '../../elements/ListSelection/index.js';
+import { useModal } from '../../elements/Modal/index.js';
+import { Pagination } from '../../elements/Pagination/index.js';
+import { PerPage } from '../../elements/PerPage/index.js';
+import { PublishMany } from '../../elements/PublishMany/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { StaggeredShimmers } from '../../elements/ShimmerEffect/index.js';
+import { useStepNav } from '../../elements/StepNav/index.js';
+import { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js';
+import { TableColumnsProvider } from '../../elements/TableColumns/index.js';
+import { UnpublishMany } from '../../elements/UnpublishMany/index.js';
+import { ViewDescription } from '../../elements/ViewDescription/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useListQuery } from '../../providers/ListQuery/index.js';
+import { SelectionProvider } from '../../providers/Selection/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { useWindowInfo } from '../../providers/WindowInfo/index.js';
+import './index.scss';
+import { ListHeader } from './ListHeader/index.js';
+const baseClass = 'collection-list';
+const Link = LinkImport.default || LinkImport;
+export const DefaultListView = props => {
+  const $ = _c(13);
+  const {
+    AfterList,
+    AfterListTable,
+    beforeActions,
+    BeforeList,
+    BeforeListTable,
+    collectionSlug,
+    columnState,
+    Description,
+    disableBulkDelete,
+    disableBulkEdit,
+    enableRowSelections,
+    hasCreatePermission,
+    listPreferences,
+    newDocumentURL,
+    preferenceKey,
+    renderedFilters,
+    Table: InitialTable
+  } = props;
+  const [Table, setTable] = useState(InitialTable);
+  const {
+    createNewDrawerSlug,
+    drawerSlug: listDrawerSlug
+  } = useListDrawerContext();
+  let t0;
+  let t1;
+  if ($[0] !== InitialTable) {
+    t0 = () => {
+      if (InitialTable) {
+        setTable(InitialTable);
+      }
+    };
+    t1 = [InitialTable];
+    $[0] = InitialTable;
+    $[1] = t0;
+    $[2] = t1;
+  } else {
+    t0 = $[1];
+    t1 = $[2];
+  }
+  useEffect(t0, t1);
+  const payloadServerAction = useServerFunctions();
+  const {
+    user
+  } = useAuth();
+  const {
+    getEntityConfig
+  } = useConfig();
+  const router = useRouter();
+  const {
+    data,
+    defaultLimit: initialLimit,
+    handlePageChange,
+    handlePerPageChange,
+    query
+  } = useListQuery();
+  const {
+    openModal
+  } = useModal();
+  const {
+    setCollectionSlug,
+    setOnSuccess
+  } = useBulkUpload();
+  const {
+    drawerSlug: bulkUploadDrawerSlug
+  } = useBulkUpload();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const {
+    labels,
+    upload
+  } = collectionConfig;
+  const isUploadCollection = Boolean(upload);
+  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload;
+  const isInDrawer = Boolean(listDrawerSlug);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const drawerDepth = useEditDepth();
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    breakpoints: t2
+  } = useWindowInfo();
+  const {
+    s: smallBreak
+  } = t2;
+  useEffect(() => {
+    if (!collectionConfig) {
+      const getNewConfig = async () => {
+        await payloadServerAction("render-config", {
+          collectionSlug,
+          languageCode: i18n.language
+        });
+      };
+      getNewConfig();
+    }
+  }, [payloadServerAction, collectionConfig, collectionSlug, data, i18n]);
+  const docs = data.docs || [];
+  if (isUploadCollection) {
+    docs?.map(_temp);
+  }
+  let t3;
+  if ($[3] !== setCollectionSlug || $[4] !== collectionSlug || $[5] !== openModal || $[6] !== bulkUploadDrawerSlug || $[7] !== setOnSuccess || $[8] !== router) {
+    t3 = () => {
+      setCollectionSlug(collectionSlug);
+      openModal(bulkUploadDrawerSlug);
+      setOnSuccess(() => router.refresh());
+    };
+    $[3] = setCollectionSlug;
+    $[4] = collectionSlug;
+    $[5] = openModal;
+    $[6] = bulkUploadDrawerSlug;
+    $[7] = setOnSuccess;
+    $[8] = router;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const openBulkUpload = t3;
+  useEffect(() => {
+    if (drawerDepth <= 1) {
+      setStepNav([{
+        label: labels?.plural
+      }]);
+    }
+  }, [setStepNav, labels, drawerDepth]);
+  let t4;
+  if ($[10] !== data.docs || $[11] !== Table) {
+    t4 = data.docs && data.docs.length > 0 && _jsx(RelationshipProvider, {
+      children: Table
+    });
+    $[10] = data.docs;
+    $[11] = Table;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return _jsx(Fragment, {
+    children: _jsx(TableColumnsProvider, {
+      collectionSlug,
+      columnState,
+      docs: data.docs,
+      enableRowSelections,
+      listPreferences,
+      preferenceKey,
+      setTable,
+      children: _jsx("div", {
+        className: `${baseClass} ${baseClass}--${collectionSlug}`,
+        children: _jsxs(SelectionProvider, {
+          docs: data.docs,
+          totalDocs: data.totalDocs,
+          user,
+          children: [BeforeList, _jsxs(Gutter, {
+            className: `${baseClass}__wrap`,
+            children: [_jsx(ListHeader, {
+              collectionConfig,
+              Description: _jsx("div", {
+                className: `${baseClass}__sub-header`,
+                children: _jsx(RenderCustomComponent, {
+                  CustomComponent: Description,
+                  Fallback: _jsx(ViewDescription, {
+                    description: collectionConfig?.admin?.description
+                  })
+                })
+              }),
+              hasCreatePermission,
+              i18n,
+              isBulkUploadEnabled,
+              newDocumentURL,
+              openBulkUpload,
+              smallBreak,
+              t
+            }), _jsx(ListControls, {
+              beforeActions,
+              collectionConfig,
+              collectionSlug,
+              disableBulkDelete,
+              disableBulkEdit,
+              renderedFilters
+            }), BeforeListTable, !data.docs && _jsx(StaggeredShimmers, {
+              className: [`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(" "),
+              count: 6
+            }), t4, data.docs && data.docs.length === 0 && _jsxs("div", {
+              className: `${baseClass}__no-results`,
+              children: [_jsx("p", {
+                children: i18n.t("general:noResults", {
+                  label: getTranslation(labels?.plural, i18n)
+                })
+              }), hasCreatePermission && newDocumentURL && _jsx(Fragment, {
+                children: isInDrawer ? _jsx(Button, {
+                  el: "button",
+                  onClick: () => openModal(createNewDrawerSlug),
+                  children: i18n.t("general:createNewLabel", {
+                    label: getTranslation(labels?.singular, i18n)
+                  })
+                }) : _jsx(Button, {
+                  el: "link",
+                  Link,
+                  to: newDocumentURL,
+                  children: i18n.t("general:createNewLabel", {
+                    label: getTranslation(labels?.singular, i18n)
+                  })
+                })
+              })]
+            }), AfterListTable, data.docs && data.docs.length > 0 && _jsxs("div", {
+              className: `${baseClass}__page-controls`,
+              children: [_jsx(Pagination, {
+                hasNextPage: data.hasNextPage,
+                hasPrevPage: data.hasPrevPage,
+                limit: data.limit,
+                nextPage: data.nextPage,
+                numberOfNeighbors: 1,
+                onChange: page => void handlePageChange(page),
+                page: data.page,
+                prevPage: data.prevPage,
+                totalPages: data.totalPages
+              }), data?.totalDocs > 0 && _jsxs(Fragment, {
+                children: [_jsxs("div", {
+                  className: `${baseClass}__page-info`,
+                  children: [data.page * data.limit - (data.limit - 1), "-", data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs, " ", i18n.t("general:of"), " ", data.totalDocs]
+                }), _jsx(PerPage, {
+                  handleChange: limit => void handlePerPageChange(limit),
+                  limit: isNumber(query?.limit) ? Number(query.limit) : initialLimit,
+                  limits: collectionConfig?.admin?.pagination?.limits,
+                  resetPage: data.totalDocs <= data.pagingCounter
+                }), smallBreak && _jsxs("div", {
+                  className: `${baseClass}__list-selection`,
+                  children: [_jsx(ListSelection, {
+                    label: getTranslation(collectionConfig.labels.plural, i18n)
+                  }), _jsxs("div", {
+                    className: `${baseClass}__list-selection-actions`,
+                    children: [beforeActions && beforeActions, !disableBulkEdit && _jsxs(Fragment, {
+                      children: [_jsx(EditMany, {
+                        collection: collectionConfig
+                      }), _jsx(PublishMany, {
+                        collection: collectionConfig
+                      }), _jsx(UnpublishMany, {
+                        collection: collectionConfig
+                      })]
+                    }), !disableBulkDelete && _jsx(DeleteMany, {
+                      collection: collectionConfig
+                    })]
+                  })]
+                })]
+              })]
+            })]
+          }), AfterList]
+        })
+      })
+    })
+  });
+};
+function _temp(doc) {
+  return {
+    ...doc,
+    filesize: formatFilesize(doc.filesize)
+  };
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","LinkImport","useRouter","formatFilesize","isNumber","React","Fragment","useEffect","useState","useBulkUpload","Button","DeleteMany","EditMany","Gutter","ListControls","useListDrawerContext","ListSelection","useModal","Pagination","PerPage","PublishMany","RenderCustomComponent","StaggeredShimmers","useStepNav","RelationshipProvider","TableColumnsProvider","UnpublishMany","ViewDescription","useAuth","useConfig","useEditDepth","useListQuery","SelectionProvider","useServerFunctions","useTranslation","useWindowInfo","ListHeader","baseClass","Link","default","DefaultListView","props","$","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","enableRowSelections","hasCreatePermission","listPreferences","newDocumentURL","preferenceKey","renderedFilters","Table","InitialTable","setTable","createNewDrawerSlug","drawerSlug","listDrawerSlug","t0","t1","payloadServerAction","user","getEntityConfig","router","data","defaultLimit","initialLimit","handlePageChange","handlePerPageChange","query","openModal","setCollectionSlug","setOnSuccess","bulkUploadDrawerSlug","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isInDrawer","i18n","t","drawerDepth","setStepNav","breakpoints","t2","s","smallBreak","getNewConfig","languageCode","language","docs","map","_temp","t3","refresh","openBulkUpload","label","plural","t4","length","_jsx","children","className","_jsxs","totalDocs","CustomComponent","Fallback","description","admin","join","count","el","onClick","singular","to","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","pagination","resetPage","pagingCounter","collection","doc","filesize"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, StaticDescription } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport LinkImport from 'next/link.js'\nimport { useRouter } from 'next/navigation.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport type { Column } from '../../elements/Table/index.js'\nimport type { ListPreferences } from './types.js'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { DeleteMany } from '../../elements/DeleteMany/index.js'\nimport { EditMany } from '../../elements/EditMany/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { ListSelection } from '../../elements/ListSelection/index.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { Pagination } from '../../elements/Pagination/index.js'\nimport { PerPage } from '../../elements/PerPage/index.js'\nimport { PublishMany } from '../../elements/PublishMany/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { StaggeredShimmers } from '../../elements/ShimmerEffect/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { TableColumnsProvider } from '../../elements/TableColumns/index.js'\nimport { UnpublishMany } from '../../elements/UnpublishMany/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport './index.scss'\nimport { ListHeader } from './ListHeader/index.js'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport type ListViewSlots = {\n  AfterList?: React.ReactNode\n  AfterListTable?: React.ReactNode\n  BeforeList?: React.ReactNode\n  BeforeListTable?: React.ReactNode\n  Description?: React.ReactNode\n  Table: React.ReactNode\n}\n\nexport type ListViewClientProps = {\n  beforeActions?: React.ReactNode[]\n  collectionSlug: string\n  columnState: Column[]\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  enableRowSelections?: boolean\n  hasCreatePermission: boolean\n  listPreferences?: ListPreferences\n  newDocumentURL: string\n  preferenceKey?: string\n  renderedFilters?: Map<string, React.ReactNode>\n} & ListViewSlots\n\nexport const DefaultListView: React.FC<ListViewClientProps> = (props) => {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    enableRowSelections,\n    hasCreatePermission,\n    listPreferences,\n    newDocumentURL,\n    preferenceKey,\n    renderedFilters,\n    Table: InitialTable,\n  } = props\n\n  const [Table, setTable] = useState(InitialTable)\n\n  const { createNewDrawerSlug, drawerSlug: listDrawerSlug } = useListDrawerContext()\n\n  useEffect(() => {\n    if (InitialTable) {\n      setTable(InitialTable)\n    }\n  }, [InitialTable])\n\n  const payloadServerAction = useServerFunctions()\n\n  const { user } = useAuth()\n\n  const { getEntityConfig } = useConfig()\n  const router = useRouter()\n\n  const {\n    data,\n    defaultLimit: initialLimit,\n    handlePageChange,\n    handlePerPageChange,\n    query,\n  } = useListQuery()\n  const { openModal } = useModal()\n  const { setCollectionSlug, setOnSuccess } = useBulkUpload()\n  const { drawerSlug: bulkUploadDrawerSlug } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isInDrawer = Boolean(listDrawerSlug)\n\n  const { i18n, t } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  useEffect(() => {\n    if (!collectionConfig) {\n      const getNewConfig = async () => {\n        // @ts-expect-error eslint-disable-next-line\n        const res = (await payloadServerAction('render-config', {\n          collectionSlug,\n          languageCode: i18n.language,\n        })) as any as ClientCollectionConfig\n      }\n\n      void getNewConfig()\n    }\n  }, [payloadServerAction, collectionConfig, collectionSlug, data, i18n])\n\n  let docs = data.docs || []\n\n  if (isUploadCollection) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (drawerDepth <= 1) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, drawerDepth])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider\n        collectionSlug={collectionSlug}\n        columnState={columnState}\n        docs={data.docs}\n        enableRowSelections={enableRowSelections}\n        listPreferences={listPreferences}\n        preferenceKey={preferenceKey}\n        setTable={setTable}\n      >\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={data.docs} totalDocs={data.totalDocs} user={user}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <ListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription description={collectionConfig?.admin?.description} />\n                      }\n                    />\n                  </div>\n                }\n                hasCreatePermission={hasCreatePermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                t={t}\n              />\n              <ListControls\n                beforeActions={beforeActions}\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                renderedFilters={renderedFilters}\n              />\n              {BeforeListTable}\n              {!data.docs && (\n                <StaggeredShimmers\n                  className={[`${baseClass}__shimmer`, `${baseClass}__shimmer--rows`].join(' ')}\n                  count={6}\n                />\n              )}\n              {data.docs && data.docs.length > 0 && (\n                <RelationshipProvider>{Table}</RelationshipProvider>\n              )}\n              {data.docs && data.docs.length === 0 && (\n                <div className={`${baseClass}__no-results`}>\n                  <p>\n                    {i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}\n                  </p>\n                  {hasCreatePermission && newDocumentURL && (\n                    <Fragment>\n                      {isInDrawer ? (\n                        <Button el=\"button\" onClick={() => openModal(createNewDrawerSlug)}>\n                          {i18n.t('general:createNewLabel', {\n                            label: getTranslation(labels?.singular, i18n),\n                          })}\n                        </Button>\n                      ) : (\n                        <Button el=\"link\" Link={Link} to={newDocumentURL}>\n                          {i18n.t('general:createNewLabel', {\n                            label: getTranslation(labels?.singular, i18n),\n                          })}\n                        </Button>\n                      )}\n                    </Fragment>\n                  )}\n                </div>\n              )}\n              {AfterListTable}\n              {data.docs && data.docs.length > 0 && (\n                <div className={`${baseClass}__page-controls`}>\n                  <Pagination\n                    hasNextPage={data.hasNextPage}\n                    hasPrevPage={data.hasPrevPage}\n                    limit={data.limit}\n                    nextPage={data.nextPage}\n                    numberOfNeighbors={1}\n                    onChange={(page) => void handlePageChange(page)}\n                    page={data.page}\n                    prevPage={data.prevPage}\n                    totalPages={data.totalPages}\n                  />\n                  {data?.totalDocs > 0 && (\n                    <Fragment>\n                      <div className={`${baseClass}__page-info`}>\n                        {data.page * data.limit - (data.limit - 1)}-\n                        {data.totalPages > 1 && data.totalPages !== data.page\n                          ? data.limit * data.page\n                          : data.totalDocs}{' '}\n                        {i18n.t('general:of')} {data.totalDocs}\n                      </div>\n                      <PerPage\n                        handleChange={(limit) => void handlePerPageChange(limit)}\n                        limit={isNumber(query?.limit) ? Number(query.limit) : initialLimit}\n                        limits={collectionConfig?.admin?.pagination?.limits}\n                        resetPage={data.totalDocs <= data.pagingCounter}\n                      />\n                      {smallBreak && (\n                        <div className={`${baseClass}__list-selection`}>\n                          <ListSelection\n                            label={getTranslation(collectionConfig.labels.plural, i18n)}\n                          />\n                          <div className={`${baseClass}__list-selection-actions`}>\n                            {beforeActions && beforeActions}\n                            {!disableBulkEdit && (\n                              <Fragment>\n                                <EditMany collection={collectionConfig} />\n                                <PublishMany collection={collectionConfig} />\n                                <UnpublishMany collection={collectionConfig} />\n                              </Fragment>\n                            )}\n                            {!disableBulkDelete && <DeleteMany collection={collectionConfig} />}\n                          </div>\n                        </div>\n                      )}\n                    </Fragment>\n                  )}\n                </div>\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/index.scss

@@ -0,0 +1,179 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .collection-list {
+    width: 100%;
+
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
+
+      & > *:not(:last-child) {
+        margin-bottom: var(--base);
+      }
+    }
+
+    .list-header {
+      a {
+        text-decoration: none;
+      }
+
+      .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;
+        }
+
+        #heading-_select,
+        .cell-_select {
+          display: flex;
+          min-width: unset;
+        }
+      }
+    }
+
+    &__no-results {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--base);
+
+      & > * {
+        margin: 0;
+      }
+    }
+
+    &__page-controls {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
+    }
+
+    &__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);
+
+      .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;
+
+        &:hover {
+          background-color: var(--theme-elevation-200);
+        }
+      }
+    }
+
+    &__list-selection-actions {
+      display: flex;
+      gap: base(0.25);
+    }
+
+    &__shimmer {
+      margin-top: base(1.75);
+      width: 100%;
+      > div {
+        margin-top: 8px;
+      }
+    }
+
+    @include mid-break {
+      margin-top: base(0.25);
+
+      &__wrap {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      &__header {
+        gap: base(0.5);
+      }
+
+      &__sub-header {
+        margin-top: 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);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+
+      &__page-controls {
+        flex-wrap: wrap;
+      }
+
+      &__page-info {
+        margin-left: 0;
+      }
+
+      .paginator {
+        width: 100%;
+        margin-bottom: $baseline;
+      }
+    }
+
+    @include small-break {
+      margin-bottom: base(2.4);
+    }
+  }
+}

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

@@ -0,0 +1,15 @@
+import type { SanitizedCollectionConfig } from 'payload';
+import type { ColumnPreferences } from '../../providers/ListQuery/index.js';
+export type DefaultListViewProps = {
+    collectionSlug: SanitizedCollectionConfig['slug'];
+    listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields'];
+};
+export type ListIndexProps = {
+    collection: SanitizedCollectionConfig;
+};
+export type ListPreferences = {
+    columns: ColumnPreferences;
+    limit: number;
+    sort: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/views/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAE3E,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAA;CACjF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,yBAAyB,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,iBAAiB,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/views/List/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/views/List/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nimport type { ColumnPreferences } from '../../providers/ListQuery/index.js'\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":"AAaA","ignoreList":[]}