@payloadcms/next 3.0.0-beta.35 → 3.0.0-beta.36

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { Button } from '@payloadcms/ui/elements/Button';
 import { DeleteMany } from '@payloadcms/ui/elements/DeleteMany';
@@ -68,87 +69,156 @@ export const DefaultListView = ()=>{
         labels,
         drawerDepth
     ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: actionsMap?.List
-    }), BeforeList, /*#__PURE__*/ React.createElement(SelectionProvider, {
-        docs: data.docs,
-        totalDocs: data.totalDocs
-    }, /*#__PURE__*/ React.createElement(Gutter, {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement("header", {
-        className: `${baseClass}__header`
-    }, Header || /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("h1", null, getTranslation(labels?.plural, i18n)), hasCreatePermission && /*#__PURE__*/ React.createElement(Pill, {
-        "aria-label": i18n.t('general:createNewLabel', {
-            label: getTranslation(labels?.singular, i18n)
-        }),
-        to: newDocumentURL
-    }, i18n.t('general:createNew')), !smallBreak && /*#__PURE__*/ React.createElement(ListSelection, {
-        label: getTranslation(collectionConfig.labels.plural, i18n)
-    }), Description && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__sub-header`
-    }, Description))), /*#__PURE__*/ React.createElement(ListControls, {
-        collectionConfig: collectionConfig,
-        fieldMap: fieldMap
-    }), BeforeListTable, !data.docs && /*#__PURE__*/ React.createElement(StaggeredShimmers, {
-        className: [
-            `${baseClass}__shimmer`,
-            `${baseClass}__shimmer--rows`
-        ].join(' '),
-        count: 6
-    }), data.docs && data.docs.length > 0 && /*#__PURE__*/ React.createElement(RelationshipProvider, null, /*#__PURE__*/ React.createElement(Table, {
-        customCellContext: {
-            collectionSlug,
-            uploadConfig: collectionConfig.upload
-        },
-        data: docs,
-        fieldMap: fieldMap
-    })), data.docs && data.docs.length === 0 && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__no-results`
-    }, /*#__PURE__*/ React.createElement("p", null, i18n.t('general:noResults', {
-        label: getTranslation(labels?.plural, i18n)
-    })), hasCreatePermission && newDocumentURL && /*#__PURE__*/ React.createElement(Button, {
-        Link: Link,
-        el: "link",
-        to: newDocumentURL
-    }, i18n.t('general:createNewLabel', {
-        label: getTranslation(labels?.singular, i18n)
-    }))), AfterListTable, data.docs && data.docs.length > 0 && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__page-controls`
-    }, /*#__PURE__*/ React.createElement(Pagination, {
-        hasNextPage: data.hasNextPage,
-        hasPrevPage: data.hasPrevPage,
-        limit: data.limit,
-        nextPage: data.nextPage,
-        numberOfNeighbors: 1,
-        onChange: handlePageChange,
-        page: data.page,
-        prevPage: data.prevPage,
-        totalPages: data.totalPages
-    }), data?.totalDocs > 0 && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__page-info`
-    }, 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), /*#__PURE__*/ React.createElement(PerPage, {
-        handleChange: handlePerPageChange,
-        limit: isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit,
-        limits: collectionConfig?.admin?.pagination?.limits,
-        resetPage: data.totalDocs <= data.pagingCounter
-    }), smallBreak && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__list-selection`
-    }, /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(ListSelection, {
-        label: getTranslation(collectionConfig.labels.plural, i18n)
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__list-selection-actions`
-    }, /*#__PURE__*/ React.createElement(EditMany, {
-        collection: collectionConfig,
-        fieldMap: fieldMap
-    }), /*#__PURE__*/ React.createElement(PublishMany, {
-        collection: collectionConfig
-    }), /*#__PURE__*/ React.createElement(UnpublishMany, {
-        collection: collectionConfig
-    }), /*#__PURE__*/ React.createElement(DeleteMany, {
-        collection: collectionConfig
-    })))))))), AfterList);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: actionsMap?.List
+            }),
+            BeforeList,
+            /*#__PURE__*/ _jsx(SelectionProvider, {
+                docs: data.docs,
+                totalDocs: data.totalDocs,
+                children: /*#__PURE__*/ _jsxs(Gutter, {
+                    className: `${baseClass}__wrap`,
+                    children: [
+                        /*#__PURE__*/ _jsx("header", {
+                            className: `${baseClass}__header`,
+                            children: Header || /*#__PURE__*/ _jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsx("h1", {
+                                        children: getTranslation(labels?.plural, i18n)
+                                    }),
+                                    hasCreatePermission && /*#__PURE__*/ _jsx(Pill, {
+                                        "aria-label": i18n.t('general:createNewLabel', {
+                                            label: getTranslation(labels?.singular, i18n)
+                                        }),
+                                        to: newDocumentURL,
+                                        children: i18n.t('general:createNew')
+                                    }),
+                                    !smallBreak && /*#__PURE__*/ _jsx(ListSelection, {
+                                        label: getTranslation(collectionConfig.labels.plural, i18n)
+                                    }),
+                                    Description && /*#__PURE__*/ _jsx("div", {
+                                        className: `${baseClass}__sub-header`,
+                                        children: Description
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(ListControls, {
+                            collectionConfig: collectionConfig,
+                            fieldMap: fieldMap
+                        }),
+                        BeforeListTable,
+                        !data.docs && /*#__PURE__*/ _jsx(StaggeredShimmers, {
+                            className: [
+                                `${baseClass}__shimmer`,
+                                `${baseClass}__shimmer--rows`
+                            ].join(' '),
+                            count: 6
+                        }),
+                        data.docs && data.docs.length > 0 && /*#__PURE__*/ _jsx(RelationshipProvider, {
+                            children: /*#__PURE__*/ _jsx(Table, {
+                                customCellContext: {
+                                    collectionSlug,
+                                    uploadConfig: collectionConfig.upload
+                                },
+                                data: docs,
+                                fieldMap: fieldMap
+                            })
+                        }),
+                        data.docs && data.docs.length === 0 && /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__no-results`,
+                            children: [
+                                /*#__PURE__*/ _jsx("p", {
+                                    children: i18n.t('general:noResults', {
+                                        label: getTranslation(labels?.plural, i18n)
+                                    })
+                                }),
+                                hasCreatePermission && newDocumentURL && /*#__PURE__*/ _jsx(Button, {
+                                    Link: Link,
+                                    el: "link",
+                                    to: newDocumentURL,
+                                    children: i18n.t('general:createNewLabel', {
+                                        label: getTranslation(labels?.singular, i18n)
+                                    })
+                                })
+                            ]
+                        }),
+                        AfterListTable,
+                        data.docs && data.docs.length > 0 && /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__page-controls`,
+                            children: [
+                                /*#__PURE__*/ _jsx(Pagination, {
+                                    hasNextPage: data.hasNextPage,
+                                    hasPrevPage: data.hasPrevPage,
+                                    limit: data.limit,
+                                    nextPage: data.nextPage,
+                                    numberOfNeighbors: 1,
+                                    onChange: handlePageChange,
+                                    page: data.page,
+                                    prevPage: data.prevPage,
+                                    totalPages: data.totalPages
+                                }),
+                                data?.totalDocs > 0 && /*#__PURE__*/ _jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ _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
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(PerPage, {
+                                            handleChange: handlePerPageChange,
+                                            limit: isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit,
+                                            limits: collectionConfig?.admin?.pagination?.limits,
+                                            resetPage: data.totalDocs <= data.pagingCounter
+                                        }),
+                                        smallBreak && /*#__PURE__*/ _jsx("div", {
+                                            className: `${baseClass}__list-selection`,
+                                            children: /*#__PURE__*/ _jsxs(Fragment, {
+                                                children: [
+                                                    /*#__PURE__*/ _jsx(ListSelection, {
+                                                        label: getTranslation(collectionConfig.labels.plural, i18n)
+                                                    }),
+                                                    /*#__PURE__*/ _jsxs("div", {
+                                                        className: `${baseClass}__list-selection-actions`,
+                                                        children: [
+                                                            /*#__PURE__*/ _jsx(EditMany, {
+                                                                collection: collectionConfig,
+                                                                fieldMap: fieldMap
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(PublishMany, {
+                                                                collection: collectionConfig
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(UnpublishMany, {
+                                                                collection: collectionConfig
+                                                            }),
+                                                            /*#__PURE__*/ _jsx(DeleteMany, {
+                                                                collection: collectionConfig
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            AfterList
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionComponentMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { DeleteMany } from '@payloadcms/ui/elements/DeleteMany'\nimport { EditMany } from '@payloadcms/ui/elements/EditMany'\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { ListControls } from '@payloadcms/ui/elements/ListControls'\nimport { ListSelection } from '@payloadcms/ui/elements/ListSelection'\nimport { Pagination } from '@payloadcms/ui/elements/Pagination'\nimport { PerPage } from '@payloadcms/ui/elements/PerPage'\nimport { Pill } from '@payloadcms/ui/elements/Pill'\nimport { PublishMany } from '@payloadcms/ui/elements/PublishMany'\nimport { StaggeredShimmers } from '@payloadcms/ui/elements/ShimmerEffect'\nimport { useStepNav } from '@payloadcms/ui/elements/StepNav'\nimport { Table } from '@payloadcms/ui/elements/Table'\nimport { RelationshipProvider } from '@payloadcms/ui/elements/Table/RelationshipProvider'\nimport { UnpublishMany } from '@payloadcms/ui/elements/UnpublishMany'\nimport { useWindowInfo } from '@payloadcms/ui/elements/WindowInfo'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useEditDepth } from '@payloadcms/ui/providers/EditDepth'\nimport { useListInfo } from '@payloadcms/ui/providers/ListInfo'\nimport { useListQuery } from '@payloadcms/ui/providers/ListQuery'\nimport { useSearchParams } from '@payloadcms/ui/providers/SearchParams'\nimport { SelectionProvider } from '@payloadcms/ui/providers/Selection'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize, isNumber } from 'payload/utilities'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo()\n  const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery()\n  const { searchParams } = useSearchParams()\n\n  const config = useConfig()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug }) as CollectionComponentMap\n\n  const {\n    AfterList,\n    AfterListTable,\n    BeforeList,\n    BeforeListTable,\n    Description,\n    actionsMap,\n    fieldMap,\n  } = componentMap || {}\n\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  const { labels } = collectionConfig\n\n  const { i18n } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  if (collectionConfig.upload) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\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    <div className={baseClass}>\n      <SetViewActions actions={actionsMap?.List} />\n      {BeforeList}\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <header className={`${baseClass}__header`}>\n            {Header || (\n              <Fragment>\n                <h1>{getTranslation(labels?.plural, i18n)}</h1>\n                {hasCreatePermission && (\n                  <Pill\n                    aria-label={i18n.t('general:createNewLabel', {\n                      label: getTranslation(labels?.singular, i18n),\n                    })}\n                    to={newDocumentURL}\n                  >\n                    {i18n.t('general:createNew')}\n                  </Pill>\n                )}\n                {!smallBreak && (\n                  <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                )}\n                {Description && <div className={`${baseClass}__sub-header`}>{Description}</div>}\n              </Fragment>\n            )}\n          </header>\n          <ListControls collectionConfig={collectionConfig} fieldMap={fieldMap} />\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>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n                fieldMap={fieldMap}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\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={handlePageChange}\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={handlePerPageChange}\n                    limit={\n                      isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit\n                    }\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <Fragment>\n                        <ListSelection\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          <EditMany collection={collectionConfig} fieldMap={fieldMap} />\n                          <PublishMany collection={collectionConfig} />\n                          <UnpublishMany collection={collectionConfig} />\n                          <DeleteMany collection={collectionConfig} />\n                        </div>\n                      </Fragment>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      {AfterList}\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","DeleteMany","EditMany","Gutter","ListControls","ListSelection","Pagination","PerPage","Pill","PublishMany","StaggeredShimmers","useStepNav","Table","RelationshipProvider","UnpublishMany","useWindowInfo","SetViewActions","useComponentMap","useConfig","useEditDepth","useListInfo","useListQuery","useSearchParams","SelectionProvider","useTranslation","LinkImport","formatFilesize","isNumber","React","Fragment","useEffect","baseClass","Link","default","DefaultListView","Header","collectionSlug","hasCreatePermission","newDocumentURL","data","defaultLimit","handlePageChange","handlePerPageChange","searchParams","config","getComponentMap","componentMap","AfterList","AfterListTable","BeforeList","BeforeListTable","Description","actionsMap","fieldMap","collectionConfig","collections","find","collection","slug","labels","i18n","drawerDepth","setStepNav","breakpoints","s","smallBreak","docs","upload","map","doc","filesize","label","plural","div","className","actions","List","totalDocs","header","h1","aria-label","t","singular","to","join","count","length","customCellContext","uploadConfig","p","el","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","admin","pagination","resetPage","pagingCounter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/views/List/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionComponentMap } from '@payloadcms/ui/utilities/buildComponentMap'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button } from '@payloadcms/ui/elements/Button'\nimport { DeleteMany } from '@payloadcms/ui/elements/DeleteMany'\nimport { EditMany } from '@payloadcms/ui/elements/EditMany'\nimport { Gutter } from '@payloadcms/ui/elements/Gutter'\nimport { ListControls } from '@payloadcms/ui/elements/ListControls'\nimport { ListSelection } from '@payloadcms/ui/elements/ListSelection'\nimport { Pagination } from '@payloadcms/ui/elements/Pagination'\nimport { PerPage } from '@payloadcms/ui/elements/PerPage'\nimport { Pill } from '@payloadcms/ui/elements/Pill'\nimport { PublishMany } from '@payloadcms/ui/elements/PublishMany'\nimport { StaggeredShimmers } from '@payloadcms/ui/elements/ShimmerEffect'\nimport { useStepNav } from '@payloadcms/ui/elements/StepNav'\nimport { Table } from '@payloadcms/ui/elements/Table'\nimport { RelationshipProvider } from '@payloadcms/ui/elements/Table/RelationshipProvider'\nimport { UnpublishMany } from '@payloadcms/ui/elements/UnpublishMany'\nimport { useWindowInfo } from '@payloadcms/ui/elements/WindowInfo'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useEditDepth } from '@payloadcms/ui/providers/EditDepth'\nimport { useListInfo } from '@payloadcms/ui/providers/ListInfo'\nimport { useListQuery } from '@payloadcms/ui/providers/ListQuery'\nimport { useSearchParams } from '@payloadcms/ui/providers/SearchParams'\nimport { SelectionProvider } from '@payloadcms/ui/providers/Selection'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport LinkImport from 'next/link.js'\nimport { formatFilesize, isNumber } from 'payload/utilities'\nimport React, { Fragment, useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'collection-list'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultListView: React.FC = () => {\n  const { Header, collectionSlug, hasCreatePermission, newDocumentURL } = useListInfo()\n  const { data, defaultLimit, handlePageChange, handlePerPageChange } = useListQuery()\n  const { searchParams } = useSearchParams()\n\n  const config = useConfig()\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug }) as CollectionComponentMap\n\n  const {\n    AfterList,\n    AfterListTable,\n    BeforeList,\n    BeforeListTable,\n    Description,\n    actionsMap,\n    fieldMap,\n  } = componentMap || {}\n\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  const { labels } = collectionConfig\n\n  const { i18n } = useTranslation()\n\n  const drawerDepth = useEditDepth()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  let docs = data.docs || []\n\n  if (collectionConfig.upload) {\n    docs = docs?.map((doc) => {\n      return {\n        ...doc,\n        filesize: formatFilesize(doc.filesize),\n      }\n    })\n  }\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    <div className={baseClass}>\n      <SetViewActions actions={actionsMap?.List} />\n      {BeforeList}\n      <SelectionProvider docs={data.docs} totalDocs={data.totalDocs}>\n        <Gutter className={`${baseClass}__wrap`}>\n          <header className={`${baseClass}__header`}>\n            {Header || (\n              <Fragment>\n                <h1>{getTranslation(labels?.plural, i18n)}</h1>\n                {hasCreatePermission && (\n                  <Pill\n                    aria-label={i18n.t('general:createNewLabel', {\n                      label: getTranslation(labels?.singular, i18n),\n                    })}\n                    to={newDocumentURL}\n                  >\n                    {i18n.t('general:createNew')}\n                  </Pill>\n                )}\n                {!smallBreak && (\n                  <ListSelection label={getTranslation(collectionConfig.labels.plural, i18n)} />\n                )}\n                {Description && <div className={`${baseClass}__sub-header`}>{Description}</div>}\n              </Fragment>\n            )}\n          </header>\n          <ListControls collectionConfig={collectionConfig} fieldMap={fieldMap} />\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>\n              <Table\n                customCellContext={{\n                  collectionSlug,\n                  uploadConfig: collectionConfig.upload,\n                }}\n                data={docs}\n                fieldMap={fieldMap}\n              />\n            </RelationshipProvider>\n          )}\n          {data.docs && data.docs.length === 0 && (\n            <div className={`${baseClass}__no-results`}>\n              <p>{i18n.t('general:noResults', { label: getTranslation(labels?.plural, i18n) })}</p>\n              {hasCreatePermission && newDocumentURL && (\n                <Button Link={Link} el=\"link\" to={newDocumentURL}>\n                  {i18n.t('general:createNewLabel', {\n                    label: getTranslation(labels?.singular, i18n),\n                  })}\n                </Button>\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={handlePageChange}\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={handlePerPageChange}\n                    limit={\n                      isNumber(searchParams?.limit) ? Number(searchParams.limit) : defaultLimit\n                    }\n                    limits={collectionConfig?.admin?.pagination?.limits}\n                    resetPage={data.totalDocs <= data.pagingCounter}\n                  />\n                  {smallBreak && (\n                    <div className={`${baseClass}__list-selection`}>\n                      <Fragment>\n                        <ListSelection\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          <EditMany collection={collectionConfig} fieldMap={fieldMap} />\n                          <PublishMany collection={collectionConfig} />\n                          <UnpublishMany collection={collectionConfig} />\n                          <DeleteMany collection={collectionConfig} />\n                        </div>\n                      </Fragment>\n                    </div>\n                  )}\n                </Fragment>\n              )}\n            </div>\n          )}\n        </Gutter>\n      </SelectionProvider>\n      {AfterList}\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","DeleteMany","EditMany","Gutter","ListControls","ListSelection","Pagination","PerPage","Pill","PublishMany","StaggeredShimmers","useStepNav","Table","RelationshipProvider","UnpublishMany","useWindowInfo","SetViewActions","useComponentMap","useConfig","useEditDepth","useListInfo","useListQuery","useSearchParams","SelectionProvider","useTranslation","LinkImport","formatFilesize","isNumber","React","Fragment","useEffect","baseClass","Link","default","DefaultListView","Header","collectionSlug","hasCreatePermission","newDocumentURL","data","defaultLimit","handlePageChange","handlePerPageChange","searchParams","config","getComponentMap","componentMap","AfterList","AfterListTable","BeforeList","BeforeListTable","Description","actionsMap","fieldMap","collectionConfig","collections","find","collection","slug","labels","i18n","drawerDepth","setStepNav","breakpoints","s","smallBreak","docs","upload","map","doc","filesize","label","plural","div","className","actions","List","totalDocs","header","h1","aria-label","t","singular","to","join","count","length","customCellContext","uploadConfig","p","el","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","admin","pagination","resetPage","pagingCounter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/views/List/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser';
 import { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent';
 import { TableColumnsProvider } from '@payloadcms/ui/elements/TableColumns';
@@ -14,7 +15,7 @@ export const ListView = async ({ initPageResult, params, searchParams })=>{
     const { collectionConfig, locale: fullLocale, permissions, req: { i18n, locale, payload, payload: { config }, query, user }, visibleEntities } = initPageResult;
     const collectionSlug = collectionConfig?.slug;
     if (!permissions?.collections?.[collectionSlug]?.read?.permission) {
-        return /*#__PURE__*/ React.createElement(UnauthorizedView, {
+        return /*#__PURE__*/ _jsx(UnauthorizedView, {
             initPageResult: initPageResult,
             searchParams: searchParams
         });
@@ -73,48 +74,56 @@ export const ListView = async ({ initPageResult, params, searchParams })=>{
             collectionSlug,
             listSearchableFields: collectionConfig.admin.listSearchableFields
         };
-        return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(HydrateClientUser, {
-            permissions: permissions,
-            user: user
-        }), /*#__PURE__*/ React.createElement(ListInfoProvider, {
-            collectionConfig: createClientCollectionConfig({
-                collection: collectionConfig,
-                t: initPageResult.req.i18n.t
-            }),
-            collectionSlug: collectionSlug,
-            hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
-            newDocumentURL: `${admin}/collections/${collectionSlug}/create`
-        }, /*#__PURE__*/ React.createElement(ListQueryProvider, {
-            data: data,
-            defaultLimit: limit || collectionConfig?.admin?.pagination?.defaultLimit,
-            defaultSort: sort,
-            modifySearchParams: true,
-            preferenceKey: preferenceKey
-        }, /*#__PURE__*/ React.createElement(TableColumnsProvider, {
-            collectionSlug: collectionSlug,
-            enableRowSelections: true,
-            listPreferences: listPreferences,
-            preferenceKey: preferenceKey
-        }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-            CustomComponent: CustomListView,
-            DefaultComponent: DefaultListView,
-            componentProps: viewComponentProps,
-            serverOnlyProps: {
-                collectionConfig,
-                data,
-                hasCreatePermission: permissions?.collections?.[collectionSlug]?.create?.permission,
-                i18n,
-                limit,
-                listPreferences,
-                locale: fullLocale,
-                newDocumentURL: `${admin}/collections/${collectionSlug}/create`,
-                params,
-                payload,
-                permissions,
-                searchParams,
-                user
-            }
-        })))));
+        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: `${admin}/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: `${admin}/collections/${collectionSlug}/create`,
+                                    params,
+                                    payload,
+                                    permissions,
+                                    searchParams,
+                                    user
+                                }
+                            })
+                        })
+                    })
+                })
+            ]
+        });
     }
     return notFound();
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["import type { Where } from 'payload/types'\n\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { TableColumnsProvider } from '@payloadcms/ui/elements/TableColumns'\nimport { ListInfoProvider } from '@payloadcms/ui/providers/ListInfo'\nimport { ListQueryProvider } from '@payloadcms/ui/providers/ListQuery'\nimport { notFound } from 'next/navigation.js'\nimport { createClientCollectionConfig } from 'payload/config'\nimport { type AdminViewProps } from 'payload/types'\nimport { isNumber, isReactComponentOrFunction, mergeListSearchAndWhere } from 'payload/utilities'\nimport React, { Fragment } from 'react'\n\nimport type { DefaultListViewProps, ListPreferences } from './Default/types.js'\n\nimport { UnauthorizedView } from '../Unauthorized/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      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    return <UnauthorizedView initPageResult={initPageResult} searchParams={searchParams} />\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        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 },\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 || 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      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={`${admin}/collections/${collectionSlug}/create`}\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: `${admin}/collections/${collectionSlug}/create`,\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","RenderCustomComponent","TableColumnsProvider","ListInfoProvider","ListQueryProvider","notFound","createClientCollectionConfig","isNumber","isReactComponentOrFunction","mergeListSearchAndWhere","React","Fragment","UnauthorizedView","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","components","views","List","CustomList","includes","CustomListView","Component","page","Number","whereQuery","search","undefined","pagination","defaultLimit","sort","data","draft","fallbackLocale","overrideAccess","viewComponentProps","listSearchableFields","t","hasCreatePermission","create","newDocumentURL","defaultSort","modifySearchParams","enableRowSelections","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["import type { Where } from 'payload/types'\n\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { TableColumnsProvider } from '@payloadcms/ui/elements/TableColumns'\nimport { ListInfoProvider } from '@payloadcms/ui/providers/ListInfo'\nimport { ListQueryProvider } from '@payloadcms/ui/providers/ListQuery'\nimport { notFound } from 'next/navigation.js'\nimport { createClientCollectionConfig } from 'payload/config'\nimport { type AdminViewProps } from 'payload/types'\nimport { isNumber, isReactComponentOrFunction, mergeListSearchAndWhere } from 'payload/utilities'\nimport React, { Fragment } from 'react'\n\nimport type { DefaultListViewProps, ListPreferences } from './Default/types.js'\n\nimport { UnauthorizedView } from '../Unauthorized/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      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    return <UnauthorizedView initPageResult={initPageResult} searchParams={searchParams} />\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        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 },\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 || 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      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={`${admin}/collections/${collectionSlug}/create`}\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: `${admin}/collections/${collectionSlug}/create`,\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","RenderCustomComponent","TableColumnsProvider","ListInfoProvider","ListQueryProvider","notFound","createClientCollectionConfig","isNumber","isReactComponentOrFunction","mergeListSearchAndWhere","React","Fragment","UnauthorizedView","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","components","views","List","CustomList","includes","CustomListView","Component","page","Number","whereQuery","search","undefined","pagination","defaultLimit","sort","data","draft","fallbackLocale","overrideAccess","viewComponentProps","listSearchableFields","t","hasCreatePermission","create","newDocumentURL","defaultSort","modifySearchParams","enableRowSelections","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -9,7 +9,7 @@ export interface LivePreviewContextType {
     breakpoints: LivePreviewConfig['breakpoints'];
     fieldSchemaJSON?: ReturnType<typeof fieldSchemaToJSON>;
     iframeHasLoaded: boolean;
-    iframeRef: React.RefObject<HTMLIFrameElement>;
+    iframeRef: React.RefObject<HTMLIFrameElement | null>;
     isPopupOpen: boolean;
     measuredDeviceSize: {
         height: number;

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,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,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,CAAC,CAAA;IAC7C,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":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/LivePreview/Context/context.ts"],"sourcesContent":["import type { LivePreviewConfig } from 'payload/config'\nimport type { fieldSchemaToJSON } from 'payload/utilities'\nimport type { Dispatch } from 'react'\n\nimport { createContext, useContext } from 'react'\n\nimport type { usePopupWindow } from '../usePopupWindow.js'\nimport type { SizeReducerAction } from './sizeReducer.js'\n\nexport interface LivePreviewContextType {\n  appIsReady: boolean\n  breakpoint: LivePreviewConfig['breakpoints'][number]['name']\n  breakpoints: LivePreviewConfig['breakpoints']\n  fieldSchemaJSON?: ReturnType<typeof fieldSchemaToJSON>\n  iframeHasLoaded: boolean\n  iframeRef: React.RefObject<HTMLIFrameElement>\n  isPopupOpen: boolean\n  measuredDeviceSize: {\n    height: number\n    width: number\n  }\n  openPopupWindow: ReturnType<typeof usePopupWindow>['openPopupWindow']\n  popupRef?: React.MutableRefObject<Window | null>\n  previewWindowType: 'iframe' | 'popup'\n  setAppIsReady: (appIsReady: boolean) => void\n  setBreakpoint: (breakpoint: LivePreviewConfig['breakpoints'][number]['name']) => void\n  setHeight: (height: number) => void\n  setIframeHasLoaded: (loaded: boolean) => void\n  setMeasuredDeviceSize: (size: { height: number; width: number }) => void\n  setPreviewWindowType: (previewWindowType: 'iframe' | 'popup') => void\n  setSize: Dispatch<SizeReducerAction>\n  setToolbarPosition: (position: { x: number; y: number }) => void\n  setWidth: (width: number) => void\n  setZoom: (zoom: number) => void\n  size: {\n    height: number\n    width: number\n  }\n  toolbarPosition: {\n    x: number\n    y: number\n  }\n  url: string | undefined\n  zoom: number\n}\n\nexport const LivePreviewContext = createContext<LivePreviewContextType>({\n  appIsReady: false,\n  breakpoint: undefined,\n  breakpoints: undefined,\n  fieldSchemaJSON: undefined,\n  iframeHasLoaded: false,\n  iframeRef: undefined,\n  isPopupOpen: false,\n  measuredDeviceSize: {\n    height: 0,\n    width: 0,\n  },\n  openPopupWindow: () => {},\n  popupRef: undefined,\n  previewWindowType: 'iframe',\n  setAppIsReady: () => {},\n  setBreakpoint: () => {},\n  setHeight: () => {},\n  setIframeHasLoaded: () => {},\n  setMeasuredDeviceSize: () => {},\n  setPreviewWindowType: () => {},\n  setSize: () => {},\n  setToolbarPosition: () => {},\n  setWidth: () => {},\n  setZoom: () => {},\n  size: {\n    height: 0,\n    width: 0,\n  },\n  toolbarPosition: {\n    x: 0,\n    y: 0,\n  },\n  url: undefined,\n  zoom: 1,\n})\n\nexport const useLivePreviewContext = () => useContext(LivePreviewContext)\n"],"names":["createContext","useContext","LivePreviewContext","appIsReady","breakpoint","undefined","breakpoints","fieldSchemaJSON","iframeHasLoaded","iframeRef","isPopupOpen","measuredDeviceSize","height","width","openPopupWindow","popupRef","previewWindowType","setAppIsReady","setBreakpoint","setHeight","setIframeHasLoaded","setMeasuredDeviceSize","setPreviewWindowType","setSize","setToolbarPosition","setWidth","setZoom","size","toolbarPosition","x","y","url","zoom","useLivePreviewContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAO;AA0CjD,OAAO,MAAMC,qBAAqBF,cAAsC;IACtEG,YAAY;IACZC,YAAYC;IACZC,aAAaD;IACbE,iBAAiBF;IACjBG,iBAAiB;IACjBC,WAAWJ;IACXK,aAAa;IACbC,oBAAoB;QAClBC,QAAQ;QACRC,OAAO;IACT;IACAC,iBAAiB,KAAO;IACxBC,UAAUV;IACVW,mBAAmB;IACnBC,eAAe,KAAO;IACtBC,eAAe,KAAO;IACtBC,WAAW,KAAO;IAClBC,oBAAoB,KAAO;IAC3BC,uBAAuB,KAAO;IAC9BC,sBAAsB,KAAO;IAC7BC,SAAS,KAAO;IAChBC,oBAAoB,KAAO;IAC3BC,UAAU,KAAO;IACjBC,SAAS,KAAO;IAChBC,MAAM;QACJf,QAAQ;QACRC,OAAO;IACT;IACAe,iBAAiB;QACfC,GAAG;QACHC,GAAG;IACL;IACAC,KAAK1B;IACL2B,MAAM;AACR,GAAE;AAEF,OAAO,MAAMC,wBAAwB,IAAMhC,WAAWC,oBAAmB"}
+{"version":3,"sources":["../../../../src/views/LivePreview/Context/context.ts"],"sourcesContent":["import type { LivePreviewConfig } from 'payload/config'\nimport type { fieldSchemaToJSON } from 'payload/utilities'\nimport type { Dispatch } from 'react'\n\nimport { createContext, useContext } from 'react'\n\nimport type { usePopupWindow } from '../usePopupWindow.js'\nimport type { SizeReducerAction } from './sizeReducer.js'\n\nexport interface LivePreviewContextType {\n  appIsReady: boolean\n  breakpoint: LivePreviewConfig['breakpoints'][number]['name']\n  breakpoints: LivePreviewConfig['breakpoints']\n  fieldSchemaJSON?: ReturnType<typeof fieldSchemaToJSON>\n  iframeHasLoaded: boolean\n  iframeRef: React.RefObject<HTMLIFrameElement | null>\n  isPopupOpen: boolean\n  measuredDeviceSize: {\n    height: number\n    width: number\n  }\n  openPopupWindow: ReturnType<typeof usePopupWindow>['openPopupWindow']\n  popupRef?: React.MutableRefObject<Window | null>\n  previewWindowType: 'iframe' | 'popup'\n  setAppIsReady: (appIsReady: boolean) => void\n  setBreakpoint: (breakpoint: LivePreviewConfig['breakpoints'][number]['name']) => void\n  setHeight: (height: number) => void\n  setIframeHasLoaded: (loaded: boolean) => void\n  setMeasuredDeviceSize: (size: { height: number; width: number }) => void\n  setPreviewWindowType: (previewWindowType: 'iframe' | 'popup') => void\n  setSize: Dispatch<SizeReducerAction>\n  setToolbarPosition: (position: { x: number; y: number }) => void\n  setWidth: (width: number) => void\n  setZoom: (zoom: number) => void\n  size: {\n    height: number\n    width: number\n  }\n  toolbarPosition: {\n    x: number\n    y: number\n  }\n  url: string | undefined\n  zoom: number\n}\n\nexport const LivePreviewContext = createContext<LivePreviewContextType>({\n  appIsReady: false,\n  breakpoint: undefined,\n  breakpoints: undefined,\n  fieldSchemaJSON: undefined,\n  iframeHasLoaded: false,\n  iframeRef: undefined,\n  isPopupOpen: false,\n  measuredDeviceSize: {\n    height: 0,\n    width: 0,\n  },\n  openPopupWindow: () => {},\n  popupRef: undefined,\n  previewWindowType: 'iframe',\n  setAppIsReady: () => {},\n  setBreakpoint: () => {},\n  setHeight: () => {},\n  setIframeHasLoaded: () => {},\n  setMeasuredDeviceSize: () => {},\n  setPreviewWindowType: () => {},\n  setSize: () => {},\n  setToolbarPosition: () => {},\n  setWidth: () => {},\n  setZoom: () => {},\n  size: {\n    height: 0,\n    width: 0,\n  },\n  toolbarPosition: {\n    x: 0,\n    y: 0,\n  },\n  url: undefined,\n  zoom: 1,\n})\n\nexport const useLivePreviewContext = () => useContext(LivePreviewContext)\n"],"names":["createContext","useContext","LivePreviewContext","appIsReady","breakpoint","undefined","breakpoints","fieldSchemaJSON","iframeHasLoaded","iframeRef","isPopupOpen","measuredDeviceSize","height","width","openPopupWindow","popupRef","previewWindowType","setAppIsReady","setBreakpoint","setHeight","setIframeHasLoaded","setMeasuredDeviceSize","setPreviewWindowType","setSize","setToolbarPosition","setWidth","setZoom","size","toolbarPosition","x","y","url","zoom","useLivePreviewContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAO;AA0CjD,OAAO,MAAMC,qBAAqBF,cAAsC;IACtEG,YAAY;IACZC,YAAYC;IACZC,aAAaD;IACbE,iBAAiBF;IACjBG,iBAAiB;IACjBC,WAAWJ;IACXK,aAAa;IACbC,oBAAoB;QAClBC,QAAQ;QACRC,OAAO;IACT;IACAC,iBAAiB,KAAO;IACxBC,UAAUV;IACVW,mBAAmB;IACnBC,eAAe,KAAO;IACtBC,eAAe,KAAO;IACtBC,WAAW,KAAO;IAClBC,oBAAoB,KAAO;IAC3BC,uBAAuB,KAAO;IAC9BC,sBAAsB,KAAO;IAC7BC,SAAS,KAAO;IAChBC,oBAAoB,KAAO;IAC3BC,UAAU,KAAO;IACjBC,SAAS,KAAO;IAChBC,MAAM;QACJf,QAAQ;QACRC,OAAO;IACT;IACAe,iBAAiB;QACfC,GAAG;QACHC,GAAG;IACL;IACAC,KAAK1B;IACL2B,MAAM;AACR,GAAE;AAEF,OAAO,MAAMC,wBAAwB,IAAMhC,WAAWC,oBAAmB"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { DndContext } from '@dnd-kit/core';
 import { fieldSchemaToJSON } from 'payload/utilities';
 import React, { useCallback, useEffect, useState } from 'react';
@@ -116,7 +117,7 @@ export const LivePreviewProvider = ({ breakpoints, children, fieldSchema, isPopu
         isPopupOpen,
         handleWindowChange
     ]);
-    return /*#__PURE__*/ React.createElement(LivePreviewContext.Provider, {
+    return /*#__PURE__*/ _jsx(LivePreviewContext.Provider, {
         value: {
             appIsReady,
             breakpoint,
@@ -143,11 +144,13 @@ export const LivePreviewProvider = ({ breakpoints, children, fieldSchema, isPopu
             toolbarPosition: position,
             url,
             zoom
-        }
-    }, /*#__PURE__*/ React.createElement(DndContext, {
-        collisionDetection: customCollisionDetection,
-        onDragEnd: handleDragEnd
-    }, listeningForMessages && children));
+        },
+        children: /*#__PURE__*/ _jsx(DndContext, {
+            collisionDetection: customCollisionDetection,
+            onDragEnd: handleDragEnd,
+            children: listeningForMessages && children
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map