@payloadcms/ui 3.49.0-canary.7 → 3.49.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useCallback","DeleteMany","EditMany_v4","ListSelection_v4","ListSelectionButton","PublishMany_v4","UnpublishMany_v4","SelectAllStatus","useSelection","useTranslation","ListSelection","t0","$","collectionConfig","disableBulkDelete","disableBulkEdit","label","count","getSelectedIds","selectAll","toggleAll","totalDocs","t","t1","onActionSuccess","t2","_jsx","ListActions","AllAvailable","id","onClick","children","filter","Boolean","SelectionActions","_jsxs","collection","ids","onSuccess"],"sources":["../../../../src/views/List/ListSelection/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport React, { Fragment, useCallback } from 'react'\n\nimport { DeleteMany } from '../../../elements/DeleteMany/index.js'\nimport { EditMany_v4 } from '../../../elements/EditMany/index.js'\nimport { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js'\nimport { PublishMany_v4 } from '../../../elements/PublishMany/index.js'\nimport { UnpublishMany_v4 } from '../../../elements/UnpublishMany/index.js'\nimport { SelectAllStatus, useSelection } from '../../../providers/Selection/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport type ListSelectionProps = {\n  collectionConfig?: ClientCollectionConfig\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  label: string\n}\n\nexport const ListSelection: React.FC<ListSelectionProps> = ({\n  collectionConfig,\n  disableBulkDelete,\n  disableBulkEdit,\n  label,\n}) => {\n  const { count, getSelectedIds, selectAll, toggleAll, totalDocs } = useSelection()\n  const { t } = useTranslation()\n\n  const onActionSuccess = useCallback(() => toggleAll(false), [toggleAll])\n\n  if (count === 0) {\n    return null\n  }\n\n  return (\n    <ListSelection_v4\n      count={count}\n      ListActions={[\n        selectAll !== SelectAllStatus.AllAvailable && count < totalDocs ? (\n          <ListSelectionButton\n            aria-label={t('general:selectAll', { count: `(${totalDocs})`, label })}\n            id=\"select-all-across-pages\"\n            key=\"select-all\"\n            onClick={() => toggleAll(true)}\n          >\n            {t('general:selectAll', { count: `(${totalDocs})`, label: '' })}\n          </ListSelectionButton>\n        ) : null,\n      ].filter(Boolean)}\n      SelectionActions={[\n        !disableBulkEdit && (\n          <Fragment key=\"bulk-actions\">\n            <EditMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={getSelectedIds()}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n            />\n            <PublishMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={getSelectedIds()}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n            />\n            <UnpublishMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={getSelectedIds()}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n            />\n          </Fragment>\n        ),\n        !disableBulkDelete && <DeleteMany collection={collectionConfig} key=\"bulk-delete\" />,\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useCallback","DeleteMany","EditMany_v4","ListSelection_v4","ListSelectionButton","PublishMany_v4","RestoreMany","UnpublishMany_v4","SelectAllStatus","useSelection","useTranslation","ListSelection","t0","$","collectionConfig","disableBulkDelete","disableBulkEdit","label","modalPrefix","showSelectAllAcrossPages","t1","viewType","where","undefined","count","selectAll","selectedIDs","toggleAll","totalDocs","t","t2","onActionSuccess","isTrashView","trash","t3","_jsx","ListActions","AllAvailable","id","onClick","children","filter","Boolean","SelectionActions","_jsxs","collection","ids","onSuccess"],"sources":["../../../../src/views/List/ListSelection/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, Where } from 'payload'\n\nimport React, { Fragment, useCallback } from 'react'\n\nimport { DeleteMany } from '../../../elements/DeleteMany/index.js'\nimport { EditMany_v4 } from '../../../elements/EditMany/index.js'\nimport { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js'\nimport { PublishMany_v4 } from '../../../elements/PublishMany/index.js'\nimport { RestoreMany } from '../../../elements/RestoreMany/index.js'\nimport { UnpublishMany_v4 } from '../../../elements/UnpublishMany/index.js'\nimport { SelectAllStatus, useSelection } from '../../../providers/Selection/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport type ListSelectionProps = {\n  collectionConfig?: ClientCollectionConfig\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  label: string\n  modalPrefix?: string\n  showSelectAllAcrossPages?: boolean\n  viewType?: ViewTypes\n  where?: Where\n}\n\nexport const ListSelection: React.FC<ListSelectionProps> = ({\n  collectionConfig,\n  disableBulkDelete,\n  disableBulkEdit,\n  label,\n  modalPrefix,\n  showSelectAllAcrossPages = true,\n  viewType,\n  where,\n}) => {\n  const { count, selectAll, selectedIDs, toggleAll, totalDocs } = useSelection()\n  const { t } = useTranslation()\n\n  const onActionSuccess = useCallback(() => toggleAll(), [toggleAll])\n\n  if (count === 0) {\n    return null\n  }\n\n  const isTrashView = collectionConfig?.trash && viewType === 'trash'\n\n  return (\n    <ListSelection_v4\n      count={count}\n      ListActions={[\n        selectAll !== SelectAllStatus.AllAvailable &&\n        count < totalDocs &&\n        showSelectAllAcrossPages !== false ? (\n          <ListSelectionButton\n            aria-label={t('general:selectAll', { count: `(${totalDocs})`, label })}\n            id=\"select-all-across-pages\"\n            key=\"select-all\"\n            onClick={() => toggleAll(true)}\n          >\n            {t('general:selectAll', { count: `(${totalDocs})`, label: '' })}\n          </ListSelectionButton>\n        ) : null,\n      ].filter(Boolean)}\n      SelectionActions={[\n        !disableBulkEdit && !isTrashView && (\n          <Fragment key=\"bulk-actions\">\n            <EditMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={selectedIDs}\n              modalPrefix={modalPrefix}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n              where={where}\n            />\n            <PublishMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={selectedIDs}\n              modalPrefix={modalPrefix}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n              where={where}\n            />\n            <UnpublishMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={selectedIDs}\n              modalPrefix={modalPrefix}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n              where={where}\n            />\n          </Fragment>\n        ),\n        isTrashView && (\n          <RestoreMany collection={collectionConfig} key=\"bulk-restore\" viewType={viewType} />\n        ),\n        !disableBulkDelete && (\n          <DeleteMany\n            collection={collectionConfig}\n            key=\"bulk-delete\"\n            modalPrefix={modalPrefix}\n            viewType={viewType}\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,OAAO,KAAwC,MAAM,OAAO,CAAA;AAwB5D,OAAO,cAAc,CAAA;AAIrB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBA6OzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAyBlD,OAAO,cAAc,CAAA;AAIrB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBA6OzD"}

package/dist/views/List/index.js

@@ -1,24 +1,24 @@
 '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 { useRouter } from 'next/navigation.js';
-import { formatFilesize, isNumber } from 'payload/shared';
-import React, { Fragment, useEffect, useState } from 'react';
+import { formatAdminURL, formatFilesize } from 'payload/shared';
+import React, { Fragment, useEffect } from 'react';
 import { useBulkUpload } from '../../elements/BulkUpload/index.js';
 import { Button } from '../../elements/Button/index.js';
 import { Gutter } from '../../elements/Gutter/index.js';
 import { ListControls } from '../../elements/ListControls/index.js';
 import { useListDrawerContext } from '../../elements/ListDrawer/Provider.js';
 import { useModal } from '../../elements/Modal/index.js';
-import { Pagination } from '../../elements/Pagination/index.js';
-import { PerPage } from '../../elements/PerPage/index.js';
+import { PageControls } from '../../elements/PageControls/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { SelectMany } from '../../elements/SelectMany/index.js';
 import { useStepNav } from '../../elements/StepNav/index.js';
+import { StickyToolbar } from '../../elements/StickyToolbar/index.js';
 import { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js';
 import { ViewDescription } from '../../elements/ViewDescription/index.js';
+import { useControllableState } from '../../hooks/useControllableState.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
@@ -26,12 +26,11 @@ import { SelectionProvider } from '../../providers/Selection/index.js';
 import { TableColumnsProvider } from '../../providers/TableColumns/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { useWindowInfo } from '../../providers/WindowInfo/index.js';
+import { ListSelection } from '../../views/List/ListSelection/index.js';
 import { CollectionListHeader } from './ListHeader/index.js';
-import { ListSelection } from './ListSelection/index.js';
 import './index.scss';
 const baseClass = 'collection-list';
 export function DefaultListView(props) {
-  const $ = _c(16);
   const {
     AfterList,
     AfterListTable,
@@ -46,15 +45,17 @@ export function DefaultListView(props) {
     disableQueryPresets,
     enableRowSelections,
     hasCreatePermission: hasCreatePermissionFromProps,
+    hasDeletePermission,
     listMenuItems,
     newDocumentURL,
     queryPreset,
     queryPresetPermissions,
     renderedFilters,
     resolvedFilterOptions,
-    Table: InitialTable
+    Table: InitialTable,
+    viewType
   } = props;
-  const [Table, setTable] = useState(InitialTable);
+  const [Table] = useControllableState(InitialTable);
   const {
     allowCreate,
     createNewDrawerSlug,
@@ -62,36 +63,21 @@ export function DefaultListView(props) {
     onBulkSelect
   } = useListDrawerContext();
   const hasCreatePermission = allowCreate !== undefined ? allowCreate && hasCreatePermissionFromProps : hasCreatePermissionFromProps;
-  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 {
     user
   } = useAuth();
   const {
+    config: {
+      routes: {
+        admin: adminRoute
+      }
+    },
     getEntityConfig
   } = useConfig();
   const router = useRouter();
   const {
     data,
-    defaultLimit: initialLimit,
-    handlePageChange,
-    handlePerPageChange,
-    query
+    isGroupingBy
   } = useListQuery();
   const {
     openModal
@@ -110,6 +96,7 @@ export function DefaultListView(props) {
   } = collectionConfig;
   const isUploadCollection = Boolean(upload);
   const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload;
+  const isTrashEnabled = Boolean(collectionConfig.trash);
   const {
     i18n
   } = useTranslation();
@@ -117,180 +104,145 @@ export function DefaultListView(props) {
     setStepNav
   } = useStepNav();
   const {
-    breakpoints: t2
+    breakpoints: {
+      s: smallBreak
+    }
   } = useWindowInfo();
-  const {
-    s: smallBreak
-  } = t2;
-  let t3;
-  if (isUploadCollection) {
-    let t4;
-    if ($[3] !== data.docs) {
-      t4 = data.docs.map(_temp);
-      $[3] = data.docs;
-      $[4] = t4;
+  const docs = React.useMemo(() => {
+    if (isUploadCollection) {
+      return data.docs.map(doc => {
+        return {
+          ...doc,
+          filesize: formatFilesize(doc.filesize)
+        };
+      });
     } else {
-      t4 = $[4];
+      return data?.docs;
     }
-    t3 = t4;
-  } else {
-    t3 = data.docs;
-  }
-  const docs = t3;
-  let t4;
-  if ($[5] !== bulkUploadDrawerSlug || $[6] !== collectionSlug || $[7] !== openModal || $[8] !== router || $[9] !== setCollectionSlug || $[10] !== setOnSuccess) {
-    t4 = () => {
-      setCollectionSlug(collectionSlug);
-      openModal(bulkUploadDrawerSlug);
-      setOnSuccess(() => router.refresh());
-    };
-    $[5] = bulkUploadDrawerSlug;
-    $[6] = collectionSlug;
-    $[7] = openModal;
-    $[8] = router;
-    $[9] = setCollectionSlug;
-    $[10] = setOnSuccess;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  const openBulkUpload = t4;
+  }, [data?.docs, isUploadCollection]);
+  const openBulkUpload = React.useCallback(() => {
+    setCollectionSlug(collectionSlug);
+    openModal(bulkUploadDrawerSlug);
+    setOnSuccess(() => router.refresh());
+  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess]);
   useEffect(() => {
     if (!isInDrawer) {
-      setStepNav([{
-        label: labels?.plural
-      }]);
+      const baseLabel = {
+        label: getTranslation(labels?.plural, i18n),
+        url: isTrashEnabled && viewType === 'trash' ? formatAdminURL({
+          adminRoute,
+          path: `/collections/${collectionSlug}`
+        }) : undefined
+      };
+      const trashLabel = {
+        label: i18n.t('general:trash')
+      };
+      const navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel];
+      setStepNav(navItems);
     }
-  }, [setStepNav, labels, isInDrawer]);
-  let t5;
-  if ($[12] !== beforeActions || $[13] !== enableRowSelections || $[14] !== onBulkSelect) {
-    t5 = enableRowSelections && typeof onBulkSelect === "function" ? beforeActions ? [...beforeActions, _jsx(SelectMany, {
-      onClick: onBulkSelect
-    }, "select-many")] : [_jsx(SelectMany, {
-      onClick: onBulkSelect
-    }, "select-many")] : beforeActions;
-    $[12] = beforeActions;
-    $[13] = enableRowSelections;
-    $[14] = onBulkSelect;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  return _jsx(Fragment, {
-    children: _jsx(TableColumnsProvider, {
-      collectionSlug,
-      columnState,
-      children: _jsx("div", {
+  }, [adminRoute, setStepNav, labels, isInDrawer, isTrashEnabled, viewType, i18n, collectionSlug]);
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(TableColumnsProvider, {
+      collectionSlug: collectionSlug,
+      columnState: columnState,
+      children: /*#__PURE__*/_jsx("div", {
         className: `${baseClass} ${baseClass}--${collectionSlug}`,
-        children: _jsxs(SelectionProvider, {
-          docs,
-          totalDocs: data.totalDocs,
-          user,
-          children: [BeforeList, _jsxs(Gutter, {
+        children: /*#__PURE__*/_jsxs(SelectionProvider, {
+          docs: docs,
+          totalDocs: data?.totalDocs,
+          children: [BeforeList, /*#__PURE__*/_jsxs(Gutter, {
             className: `${baseClass}__wrap`,
-            children: [_jsx(CollectionListHeader, {
-              collectionConfig,
-              Description: _jsx("div", {
+            children: [/*#__PURE__*/_jsx(CollectionListHeader, {
+              collectionConfig: collectionConfig,
+              Description: /*#__PURE__*/_jsx("div", {
                 className: `${baseClass}__sub-header`,
-                children: _jsx(RenderCustomComponent, {
+                children: /*#__PURE__*/_jsx(RenderCustomComponent, {
                   CustomComponent: Description,
-                  Fallback: _jsx(ViewDescription, {
-                    collectionSlug,
+                  Fallback: /*#__PURE__*/_jsx(ViewDescription, {
+                    collectionSlug: collectionSlug,
                     description: collectionConfig?.admin?.description
                   })
                 })
               }),
-              disableBulkDelete,
-              disableBulkEdit,
-              hasCreatePermission,
-              i18n,
+              disableBulkDelete: disableBulkDelete,
+              disableBulkEdit: disableBulkEdit,
+              hasCreatePermission: hasCreatePermission,
+              hasDeletePermission: hasDeletePermission,
+              i18n: i18n,
               isBulkUploadEnabled: isBulkUploadEnabled && !upload.hideFileInputOnCreate,
-              newDocumentURL,
-              openBulkUpload,
-              smallBreak,
-              viewType: "list"
-            }), _jsx(ListControls, {
-              beforeActions: t5,
-              collectionConfig,
-              collectionSlug,
+              isTrashEnabled: isTrashEnabled,
+              newDocumentURL: newDocumentURL,
+              openBulkUpload: openBulkUpload,
+              smallBreak: smallBreak,
+              viewType: viewType
+            }), /*#__PURE__*/_jsx(ListControls, {
+              beforeActions: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [...beforeActions, /*#__PURE__*/_jsx(SelectMany, {
+                onClick: onBulkSelect
+              }, "select-many")] : [/*#__PURE__*/_jsx(SelectMany, {
+                onClick: onBulkSelect
+              }, "select-many")] : beforeActions,
+              collectionConfig: collectionConfig,
+              collectionSlug: collectionSlug,
               disableQueryPresets: collectionConfig?.enableQueryPresets !== true || disableQueryPresets,
-              listMenuItems,
-              queryPreset,
-              queryPresetPermissions,
-              renderedFilters,
-              resolvedFilterOptions
-            }), BeforeListTable, docs.length > 0 && _jsx(RelationshipProvider, {
-              children: Table
-            }), docs.length === 0 && _jsxs("div", {
+              listMenuItems: listMenuItems,
+              queryPreset: queryPreset,
+              queryPresetPermissions: queryPresetPermissions,
+              renderedFilters: renderedFilters,
+              resolvedFilterOptions: resolvedFilterOptions
+            }), BeforeListTable, docs?.length > 0 && /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__tables`,
+              children: /*#__PURE__*/_jsx(RelationshipProvider, {
+                children: Table
+              })
+            }), docs?.length === 0 && /*#__PURE__*/_jsxs("div", {
               className: `${baseClass}__no-results`,
-              children: [_jsx("p", {
-                children: i18n.t("general:noResults", {
+              children: [/*#__PURE__*/_jsx("p", {
+                children: i18n.t(viewType === 'trash' ? 'general:noTrashResults' : 'general:noResults', {
                   label: getTranslation(labels?.plural, i18n)
                 })
-              }), hasCreatePermission && newDocumentURL && _jsx(Fragment, {
-                children: isInDrawer ? _jsx(Button, {
+              }), hasCreatePermission && newDocumentURL && viewType !== 'trash' && /*#__PURE__*/_jsx(Fragment, {
+                children: isInDrawer ? /*#__PURE__*/_jsx(Button, {
                   el: "button",
                   onClick: () => openModal(createNewDrawerSlug),
-                  children: i18n.t("general:createNewLabel", {
+                  children: i18n.t('general:createNewLabel', {
                     label: getTranslation(labels?.singular, i18n)
                   })
-                }) : _jsx(Button, {
+                }) : /*#__PURE__*/_jsx(Button, {
                   el: "link",
                   to: newDocumentURL,
-                  children: i18n.t("general:createNewLabel", {
+                  children: i18n.t('general:createNewLabel', {
                     label: getTranslation(labels?.singular, i18n)
                   })
                 })
               })]
-            }), AfterListTable, 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, {
-                    collectionConfig,
-                    disableBulkDelete,
-                    disableBulkEdit,
-                    label: getTranslation(collectionConfig.labels.plural, i18n)
-                  }), _jsx("div", {
-                    className: `${baseClass}__list-selection-actions`,
-                    children: enableRowSelections && typeof onBulkSelect === "function" ? beforeActions ? [...beforeActions, _jsx(SelectMany, {
-                      onClick: onBulkSelect
-                    }, "select-many")] : [_jsx(SelectMany, {
-                      onClick: onBulkSelect
-                    }, "select-many")] : beforeActions
-                  })]
+            }), AfterListTable, docs?.length > 0 && !isGroupingBy && /*#__PURE__*/_jsx(PageControls, {
+              AfterPageControls: smallBreak ? /*#__PURE__*/_jsxs("div", {
+                className: `${baseClass}__list-selection`,
+                children: [/*#__PURE__*/_jsx(ListSelection, {
+                  collectionConfig: collectionConfig,
+                  disableBulkDelete: disableBulkDelete,
+                  disableBulkEdit: disableBulkEdit,
+                  label: getTranslation(collectionConfig.labels.plural, i18n),
+                  showSelectAllAcrossPages: !isGroupingBy
+                }), /*#__PURE__*/_jsx("div", {
+                  className: `${baseClass}__list-selection-actions`,
+                  children: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [...beforeActions, /*#__PURE__*/_jsx(SelectMany, {
+                    onClick: onBulkSelect
+                  }, "select-many")] : [/*#__PURE__*/_jsx(SelectMany, {
+                    onClick: onBulkSelect
+                  }, "select-many")] : beforeActions
                 })]
-              })]
+              }) : null,
+              collectionConfig: collectionConfig
             })]
           }), AfterList]
         })
       })
-    })
+    }), docs?.length > 0 && isGroupingBy && data.totalPages > 1 && /*#__PURE__*/_jsx(StickyToolbar, {
+      children: /*#__PURE__*/_jsx(PageControls, {
+        collectionConfig: collectionConfig
+      })
+    })]
   });
 }
-function _temp(doc) {
-  return {
-    ...doc,
-    filesize: formatFilesize(doc.filesize)
-  };
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","useRouter","formatFilesize","isNumber","React","Fragment","useEffect","useState","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","Pagination","PerPage","RenderCustomComponent","SelectMany","useStepNav","RelationshipProvider","ViewDescription","useAuth","useConfig","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","CollectionListHeader","ListSelection","baseClass","DefaultListView","props","$","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","setTable","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","t0","t1","user","getEntityConfig","router","data","defaultLimit","initialLimit","handlePageChange","handlePerPageChange","query","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","i18n","setStepNav","breakpoints","t2","s","smallBreak","t3","t4","docs","map","_temp","refresh","openBulkUpload","label","plural","t5","_jsx","onClick","children","className","_jsxs","totalDocs","CustomComponent","Fallback","description","admin","hideFileInputOnCreate","viewType","enableQueryPresets","length","t","el","singular","to","hasNextPage","hasPrevPage","limit","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits","pagination","resetPage","pagingCounter","doc","filesize"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatFilesize, isNumber } from 'payload/shared'\nimport React, { Fragment, useEffect, useState } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { Pagination } from '../../elements/Pagination/index.js'\nimport { PerPage } from '../../elements/PerPage/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport { ListSelection } from './ListSelection/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n  } = props\n\n  const [Table, setTable] = useState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  useEffect(() => {\n    if (InitialTable) {\n      setTable(InitialTable)\n    }\n  }, [InitialTable])\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\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const { i18n } = useTranslation()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data.docs\n    }\n  }, [data.docs, isUploadCollection])\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 (!isInDrawer) {\n      setStepNav([\n        {\n          label: labels?.plural,\n        },\n      ])\n    }\n  }, [setStepNav, labels, isInDrawer])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data.totalDocs} user={user}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription\n                          collectionSlug={collectionSlug}\n                          description={collectionConfig?.admin?.description}\n                        />\n                      }\n                    />\n                  </div>\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType=\"list\"\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {docs.length > 0 && <RelationshipProvider>{Table}</RelationshipProvider>}\n              {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\" 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              {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                            collectionConfig={collectionConfig}\n                            disableBulkDelete={disableBulkDelete}\n                            disableBulkEdit={disableBulkEdit}\n                            label={getTranslation(collectionConfig.labels.plural, i18n)}\n                          />\n                          <div className={`${baseClass}__list-selection-actions`}>\n                            {enableRowSelections && typeof onBulkSelect === 'function'\n                              ? beforeActions\n                                ? [\n                                    ...beforeActions,\n                                    <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                  ]\n                                : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                              : beforeActions}\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":[]}
+{"version":3,"file":"index.js","names":["getTranslation","useRouter","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","PageControls","RenderCustomComponent","SelectMany","useStepNav","StickyToolbar","RelationshipProvider","ViewDescription","useControllableState","useAuth","useConfig","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","user","config","routes","admin","adminRoute","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","plural","url","path","trashLabel","t","navItems","_jsxs","_jsx","className","totalDocs","CustomComponent","Fallback","description","hideFileInputOnCreate","onClick","enableQueryPresets","length","el","singular","to","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL, formatFilesize } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { StickyToolbar } from '../../elements/StickyToolbar/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const { user } = useAuth()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\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 (!isInDrawer) {\n      const baseLabel = {\n        label: getTranslation(labels?.plural, i18n),\n        url:\n          isTrashEnabled && viewType === 'trash'\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      const navItems =\n        isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      setStepNav(navItems)\n    }\n  }, [adminRoute, setStepNav, labels, isInDrawer, isTrashEnabled, viewType, i18n, collectionSlug])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription\n                          collectionSlug={collectionSlug}\n                          description={collectionConfig?.admin?.description}\n                        />\n                      }\n                    />\n                  </div>\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {docs?.length > 0 && (\n                <div className={`${baseClass}__tables`}>\n                  <RelationshipProvider>{Table}</RelationshipProvider>\n                </div>\n              )}\n              {docs?.length === 0 && (\n                <div className={`${baseClass}__no-results`}>\n                  <p>\n                    {i18n.t(viewType === 'trash' ? 'general:noTrashResults' : 'general:noResults', {\n                      label: getTranslation(labels?.plural, i18n),\n                    })}\n                  </p>\n                  {hasCreatePermission && newDocumentURL && viewType !== 'trash' && (\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\" 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              {docs?.length > 0 && !isGroupingBy && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                          showSelectAllAcrossPages={!isGroupingBy}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {enableRowSelections && typeof onBulkSelect === 'function'\n                            ? beforeActions\n                              ? [\n                                  ...beforeActions,\n                                  <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                ]\n                              : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <StickyToolbar>\n          <PageControls collectionConfig={collectionConfig} />\n        </StickyToolbar>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,EAAEC,cAAc,QAAQ;AAC/C,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,QAAQ;AAE3C,SAASC,aAAa,QAAQ;AAC9B,SAASC,MAAM,QAAQ;AACvB,SAASC,MAAM,QAAQ;AACvB,SAASC,YAAY,QAAQ;AAC7B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,aAAa,QAAQ;AAC9B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,eAAe,QAAQ;AAChC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,QAAQ;AAC9B,SAASC,oBAAoB,QAAQ;AACrC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,gBAAgBC,KAA0B;EACxD,MAAM;IACJC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbC,UAAU;IACVC,eAAe;IACfC,cAAc;IACdC,WAAW;IACXC,WAAW;IACXC,iBAAiB;IACjBC,eAAe;IACfC,mBAAmB;IACnBC,mBAAmB;IACnBC,mBAAA,EAAqBC,4BAA4B;IACjDC,mBAAmB;IACnBC,aAAa;IACbC,cAAc;IACdC,WAAW;IACXC,sBAAsB;IACtBC,eAAe;IACfC,qBAAqB;IACrBC,KAAA,EAAOC,YAAY;IACnBC;EAAQ,CACT,GAAGxB,KAAA;EAEJ,MAAM,CAACsB,KAAA,CAAM,GAAGlC,oBAAA,CAAqBmC,YAAA;EAErC,MAAM;IAAEE,WAAW;IAAEC,mBAAmB;IAAEC,UAAU;IAAEC;EAAY,CAAE,GAAGjD,oBAAA;EAEvE,MAAMkC,mBAAA,GACJY,WAAA,KAAgBI,SAAA,GACZJ,WAAA,IAAeX,4BAAA,GACfA,4BAAA;EAEN,MAAM;IAAEgB;EAAI,CAAE,GAAGzC,OAAA;EAEjB,MAAM;IACJ0C,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC,KAAA,EAAOC;MAAU;IAAE,CAC9B;IACDC;EAAe,CAChB,GAAG7C,SAAA;EACJ,MAAM8C,MAAA,GAASnE,SAAA;EAEf,MAAM;IAAEoE,IAAI;IAAEC;EAAY,CAAE,GAAG/C,YAAA;EAE/B,MAAM;IAAEgD;EAAS,CAAE,GAAG3D,QAAA;EACtB,MAAM;IAAE4D,UAAA,EAAYC,oBAAoB;IAAEC,iBAAiB;IAAEC;EAAY,CAAE,GAAGpE,aAAA;EAE9E,MAAMqE,gBAAA,GAAmBT,eAAA,CAAgB;IAAE7B;EAAe;EAE1D,MAAM;IAAEuC,MAAM;IAAEC;EAAM,CAAE,GAAGF,gBAAA;EAE3B,MAAMG,kBAAA,GAAqBC,OAAA,CAAQF,MAAA;EAEnC,MAAMG,mBAAA,GAAsBF,kBAAA,IAAsBH,gBAAA,CAAiBE,MAAM,CAACI,UAAU;EAEpF,MAAMC,cAAA,GAAiBH,OAAA,CAAQJ,gBAAA,CAAiBQ,KAAK;EAErD,MAAM;IAAEC;EAAI,CAAE,GAAG3D,cAAA;EAEjB,MAAM;IAAE4D;EAAU,CAAE,GAAGtE,UAAA;EAEvB,MAAM;IACJuE,WAAA,EAAa;MAAEC,CAAA,EAAGC;IAAU;EAAE,CAC/B,GAAG9D,aAAA;EAEJ,MAAM+D,IAAA,GAAOtF,KAAA,CAAMuF,OAAO,CAAC;IACzB,IAAIZ,kBAAA,EAAoB;MACtB,OAAOV,IAAA,CAAKqB,IAAI,CAACE,GAAG,CAAEC,GAAA;QACpB,OAAO;UACL,GAAGA,GAAG;UACNC,QAAA,EAAU3F,cAAA,CAAe0F,GAAA,CAAIC,QAAQ;QACvC;MACF;IACF,OAAO;MACL,OAAOzB,IAAA,EAAMqB,IAAA;IACf;EACF,GAAG,CAACrB,IAAA,EAAMqB,IAAA,EAAMX,kBAAA,CAAmB;EAEnC,MAAMgB,cAAA,GAAiB3F,KAAA,CAAM4F,WAAW,CAAC;IACvCtB,iBAAA,CAAkBpC,cAAA;IAClBiC,SAAA,CAAUE,oBAAA;IACVE,YAAA,CAAa,MAAMP,MAAA,CAAO6B,OAAO;EACnC,GAAG,CAAC7B,MAAA,EAAQ9B,cAAA,EAAgBmC,oBAAA,EAAsBF,SAAA,EAAWG,iBAAA,EAAmBC,YAAA,CAAa;EAE7FrE,SAAA,CAAU;IACR,IAAI,CAACqD,UAAA,EAAY;MACf,MAAMuC,SAAA,GAAY;QAChBC,KAAA,EAAOnG,cAAA,CAAe6E,MAAA,EAAQuB,MAAA,EAAQf,IAAA;QACtCgB,GAAA,EACElB,cAAA,IAAkB3B,QAAA,KAAa,UAC3BtD,cAAA,CAAe;UACbgE,UAAA;UACAoC,IAAA,EAAM,gBAAgBhE,cAAA;QACxB,KACAuB;MACR;MAEA,MAAM0C,UAAA,GAAa;QACjBJ,KAAA,EAAOd,IAAA,CAAKmB,CAAC,CAAC;MAChB;MAEA,MAAMC,QAAA,GACJtB,cAAA,IAAkB3B,QAAA,KAAa,UAAU,CAAC0C,SAAA,EAAWK,UAAA,CAAW,GAAG,CAACL,SAAA,CAAU;MAEhFZ,UAAA,CAAWmB,QAAA;IACb;EACF,GAAG,CAACvC,UAAA,EAAYoB,UAAA,EAAYT,MAAA,EAAQlB,UAAA,EAAYwB,cAAA,EAAgB3B,QAAA,EAAU6B,IAAA,EAAM/C,cAAA,CAAe;EAE/F,oBACEoE,KAAA,CAACrG,QAAA;4BACCsG,IAAA,CAAClF,oBAAA;MAAqBa,cAAA,EAAgBA,cAAA;MAAgBC,WAAA,EAAaA,WAAA;gBACjE,aAAAoE,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAG9E,SAAA,IAAaA,SAAA,KAAcQ,cAAA,EAAgB;kBAC5D,aAAAoE,KAAA,CAAClF,iBAAA;UAAkBkE,IAAA,EAAMA,IAAA;UAAMmB,SAAA,EAAWxC,IAAA,EAAMwC,SAAA;qBAC7CzE,UAAA,E,aACDsE,KAAA,CAACjG,MAAA;YAAOmG,SAAA,EAAW,GAAG9E,SAAA,QAAiB;oCACrC6E,IAAA,CAAC9E,oBAAA;cACC+C,gBAAA,EAAkBA,gBAAA;cAClBpC,WAAA,eACEmE,IAAA,CAAC;gBAAIC,SAAA,EAAW,GAAG9E,SAAA,cAAuB;0BACxC,aAAA6E,IAAA,CAAC7F,qBAAA;kBACCgG,eAAA,EAAiBtE,WAAA;kBACjBuE,QAAA,eACEJ,IAAA,CAACxF,eAAA;oBACCmB,cAAA,EAAgBA,cAAA;oBAChB0E,WAAA,EAAapC,gBAAA,EAAkBX,KAAA,EAAO+C;;;;cAMhDvE,iBAAA,EAAmBA,iBAAA;cACnBC,eAAA,EAAiBA,eAAA;cACjBG,mBAAA,EAAqBA,mBAAA;cACrBE,mBAAA,EAAqBA,mBAAA;cACrBsC,IAAA,EAAMA,IAAA;cACNJ,mBAAA,EAAqBA,mBAAA,IAAuB,CAACH,MAAA,CAAOmC,qBAAqB;cACzE9B,cAAA,EAAgBA,cAAA;cAChBlC,cAAA,EAAgBA,cAAA;cAChB8C,cAAA,EAAgBA,cAAA;cAChBN,UAAA,EAAYA,UAAA;cACZjC,QAAA,EAAUA;6BAEZmD,IAAA,CAACjG,YAAA;cACCyB,aAAA,EACES,mBAAA,IAAuB,OAAOgB,YAAA,KAAiB,aAC3CzB,aAAA,GACE,C,GAAIA,aAAA,E,aAAewE,IAAA,CAAC5F,UAAA;gBAA6BmG,OAAA,EAAStD;iBAAvB,eAAwC,GAC3E,C,aAAC+C,IAAA,CAAC5F,UAAA;gBAA6BmG,OAAA,EAAStD;iBAAvB,eAAwC,GAC3DzB,aAAA;cAENyC,gBAAA,EAAkBA,gBAAA;cAClBtC,cAAA,EAAgBA,cAAA;cAChBK,mBAAA,EACEiC,gBAAA,EAAkBuC,kBAAA,KAAuB,QAAQxE,mBAAA;cAEnDK,aAAA,EAAeA,aAAA;cACfE,WAAA,EAAaA,WAAA;cACbC,sBAAA,EAAwBA,sBAAA;cACxBC,eAAA,EAAiBA,eAAA;cACjBC,qBAAA,EAAuBA;gBAExBhB,eAAA,EACAqD,IAAA,EAAM0B,MAAA,GAAS,kBACdT,IAAA,CAAC;cAAIC,SAAA,EAAW,GAAG9E,SAAA,UAAmB;wBACpC,aAAA6E,IAAA,CAACzF,oBAAA;0BAAsBoC;;gBAG1BoC,IAAA,EAAM0B,MAAA,KAAW,kBAChBV,KAAA,CAAC;cAAIE,SAAA,EAAW,GAAG9E,SAAA,cAAuB;sCACxC6E,IAAA,CAAC;0BACEtB,IAAA,CAAKmB,CAAC,CAAChD,QAAA,KAAa,UAAU,2BAA2B,qBAAqB;kBAC7E2C,KAAA,EAAOnG,cAAA,CAAe6E,MAAA,EAAQuB,MAAA,EAAQf,IAAA;gBACxC;kBAEDxC,mBAAA,IAAuBI,cAAA,IAAkBO,QAAA,KAAa,wBACrDmD,IAAA,CAACtG,QAAA;0BACEsD,UAAA,gBACCgD,IAAA,CAACnG,MAAA;kBAAO6G,EAAA,EAAG;kBAASH,OAAA,EAASA,CAAA,KAAM3C,SAAA,CAAUb,mBAAA;4BAC1C2B,IAAA,CAAKmB,CAAC,CAAC,0BAA0B;oBAChCL,KAAA,EAAOnG,cAAA,CAAe6E,MAAA,EAAQyC,QAAA,EAAUjC,IAAA;kBAC1C;kCAGFsB,IAAA,CAACnG,MAAA;kBAAO6G,EAAA,EAAG;kBAAOE,EAAA,EAAItE,cAAA;4BACnBoC,IAAA,CAAKmB,CAAC,CAAC,0BAA0B;oBAChCL,KAAA,EAAOnG,cAAA,CAAe6E,MAAA,EAAQyC,QAAA,EAAUjC,IAAA;kBAC1C;;;gBAOXnD,cAAA,EACAwD,IAAA,EAAM0B,MAAA,GAAS,KAAK,CAAC9C,YAAA,iBACpBqC,IAAA,CAAC9F,YAAA;cACC2G,iBAAA,EACE/B,UAAA,gBACEiB,KAAA,CAAC;gBAAIE,SAAA,EAAW,GAAG9E,SAAA,kBAA2B;wCAC5C6E,IAAA,CAAC/E,aAAA;kBACCgD,gBAAA,EAAkBA,gBAAA;kBAClBnC,iBAAA,EAAmBA,iBAAA;kBACnBC,eAAA,EAAiBA,eAAA;kBACjByD,KAAA,EAAOnG,cAAA,CAAe4E,gBAAA,CAAiBC,MAAM,CAACuB,MAAM,EAAEf,IAAA;kBACtDoC,wBAAA,EAA0B,CAACnD;iCAE7BqC,IAAA,CAAC;kBAAIC,SAAA,EAAW,GAAG9E,SAAA,0BAAmC;4BACnDc,mBAAA,IAAuB,OAAOgB,YAAA,KAAiB,aAC5CzB,aAAA,GACE,C,GACKA,aAAA,E,aACHwE,IAAA,CAAC5F,UAAA;oBAA6BmG,OAAA,EAAStD;qBAAvB,eACjB,GACD,C,aAAC+C,IAAA,CAAC5F,UAAA;oBAA6BmG,OAAA,EAAStD;qBAAvB,eAAwC,GAC3DzB;;mBAGN;cAENyC,gBAAA,EAAkBA;;cAIvB3C,SAAA;;;QAINyD,IAAA,EAAM0B,MAAA,GAAS,KAAK9C,YAAA,IAAgBD,IAAA,CAAKqD,UAAU,GAAG,kBACrDf,IAAA,CAAC1F,aAAA;gBACC,aAAA0F,IAAA,CAAC9F,YAAA;QAAa+D,gBAAA,EAAkBA;;;;AAK1C","ignoreList":[]}

package/dist/views/List/index.scss

@@ -22,6 +22,16 @@
       flex-basis: 100%;
     }
 
+    &__tables {
+      .table-wrap:not(:last-child) {
+        margin-bottom: calc(var(--base) * 2);
+      }
+
+      .table-wrap--group-by:first-child {
+        margin-top: calc(var(--base) * 2);
+      }
+    }
+
     .table {
       table {
         width: 100%;
@@ -62,27 +72,6 @@
       }
     }
 
-    &__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;
@@ -144,6 +133,7 @@
       // this is to visually indicate overflowing content
       .table {
         display: flex;
+        flex-direction: column;
         width: calc(100% + calc(var(--gutter-h) * 2));
         max-width: unset;
         left: calc(var(--gutter-h) * -1);
@@ -156,23 +146,10 @@
           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);
+      margin-bottom: base(4);
     }
   }
 }