@payloadcms/ui 3.80.0-internal.cdd7ef7 → 3.80.0

package/dist/views/BrowseByFolder/index.js

@@ -0,0 +1,342 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useDndMonitor } from '@dnd-kit/core';
+import { getTranslation } from '@payloadcms/translations';
+import { useRouter } from 'next/navigation.js';
+import { PREFERENCE_KEYS } from 'payload/shared';
+import React, { Fragment } from 'react';
+import { DroppableBreadcrumb } from '../../elements/FolderView/Breadcrumbs/index.js';
+import { ColoredFolderIcon } from '../../elements/FolderView/ColoredFolderIcon/index.js';
+import { CurrentFolderActions } from '../../elements/FolderView/CurrentFolderActions/index.js';
+import { DragOverlaySelection } from '../../elements/FolderView/DragOverlaySelection/index.js';
+import { FilterFolderTypePill } from '../../elements/FolderView/FilterFolderTypePill/index.js';
+import { FolderFileTable } from '../../elements/FolderView/FolderFileTable/index.js';
+import { ItemCardGrid } from '../../elements/FolderView/ItemCardGrid/index.js';
+import { SortByPill } from '../../elements/FolderView/SortByPill/index.js';
+import { ToggleViewButtons } from '../../elements/FolderView/ToggleViewButtons/index.js';
+import { Gutter } from '../../elements/Gutter/index.js';
+import { ListHeader } from '../../elements/ListHeader/index.js';
+import { ListCreateNewDocInFolderButton } from '../../elements/ListHeader/TitleActions/index.js';
+import { NoListResults } from '../../elements/NoListResults/index.js';
+import { SearchBar } from '../../elements/SearchBar/index.js';
+import { useStepNav } from '../../elements/StepNav/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { FolderProvider, useFolder } from '../../providers/Folders/index.js';
+import { usePreferences } from '../../providers/Preferences/index.js';
+import { useRouteCache } from '../../providers/RouteCache/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { useWindowInfo } from '../../providers/WindowInfo/index.js';
+import { ListSelection } from '../CollectionFolder/ListSelection/index.js';
+import './index.scss';
+const baseClass = 'folder-list';
+export function DefaultBrowseByFolderView({
+  activeCollectionFolderSlugs,
+  allCollectionFolderSlugs,
+  allowCreateCollectionSlugs,
+  baseFolderPath,
+  breadcrumbs,
+  documents,
+  folderFieldName,
+  folderID,
+  FolderResultsComponent,
+  search,
+  subfolders,
+  ...restOfProps
+}) {
+  return /*#__PURE__*/_jsx(FolderProvider, {
+    activeCollectionFolderSlugs: activeCollectionFolderSlugs,
+    allCollectionFolderSlugs: allCollectionFolderSlugs,
+    allowCreateCollectionSlugs: allowCreateCollectionSlugs,
+    baseFolderPath: baseFolderPath,
+    breadcrumbs: breadcrumbs,
+    documents: documents,
+    folderFieldName: folderFieldName,
+    folderID: folderID,
+    FolderResultsComponent: FolderResultsComponent,
+    search: search,
+    subfolders: subfolders,
+    children: /*#__PURE__*/_jsx(BrowseByFolderViewInContext, {
+      ...restOfProps
+    })
+  });
+}
+function BrowseByFolderViewInContext(props) {
+  const $ = _c(20);
+  const {
+    AfterFolderList,
+    AfterFolderListTable,
+    BeforeFolderList,
+    BeforeFolderListTable,
+    Description,
+    disableBulkDelete,
+    disableBulkEdit,
+    folderAssignedCollections,
+    viewPreference
+  } = props;
+  const router = useRouter();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const drawerDepth = useEditDepth();
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const {
+    breakpoints: t0
+  } = useWindowInfo();
+  const {
+    s: smallBreak
+  } = t0;
+  const {
+    setPreference
+  } = usePreferences();
+  const {
+    allowCreateCollectionSlugs,
+    breadcrumbs,
+    documents,
+    dragOverlayItem,
+    folderCollectionConfig,
+    folderID,
+    folderType,
+    getFolderRoute,
+    getSelectedItems,
+    moveToFolder,
+    refineFolderData,
+    search,
+    selectedItemKeys,
+    setIsDragging,
+    subfolders
+  } = useFolder();
+  const [activeView, setActiveView] = React.useState(viewPreference || "grid");
+  let t1;
+  if ($[0] !== breadcrumbs || $[1] !== folderCollectionConfig || $[2] !== i18n || $[3] !== t) {
+    t1 = () => {
+      const locationLabel = breadcrumbs.length === 0 ? getTranslation(folderCollectionConfig.labels?.plural, i18n) : breadcrumbs[breadcrumbs.length - 1].name;
+      return t("folder:searchByNameInFolder", {
+        folderName: locationLabel
+      });
+    };
+    $[0] = breadcrumbs;
+    $[1] = folderCollectionConfig;
+    $[2] = i18n;
+    $[3] = t;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const [searchPlaceholder] = React.useState(t1);
+  let t2;
+  if ($[5] !== clearRouteCache || $[6] !== getSelectedItems || $[7] !== moveToFolder) {
+    t2 = async event => {
+      if (!event.over) {
+        return;
+      }
+      if (event.over.data.current.type === "folder" && "id" in event.over.data.current) {
+        await moveToFolder({
+          itemsToMove: getSelectedItems(),
+          toFolderID: event.over.data.current.id || null
+        });
+        clearRouteCache();
+      }
+    };
+    $[5] = clearRouteCache;
+    $[6] = getSelectedItems;
+    $[7] = moveToFolder;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const onDragEnd = t2;
+  const totalDocsAndSubfolders = documents.length + subfolders.length;
+  const listHeaderTitle = !breadcrumbs.length ? t("folder:browseByFolder") : breadcrumbs[breadcrumbs.length - 1].name;
+  const handleSetViewType = view => {
+    setPreference(PREFERENCE_KEYS.BROWSE_BY_FOLDER, {
+      viewPreference: view
+    });
+    setActiveView(view);
+  };
+  let t3;
+  let t4;
+  if ($[9] !== breadcrumbs || $[10] !== drawerDepth || $[11] !== getFolderRoute || $[12] !== router || $[13] !== setStepNav || $[14] !== startRouteTransition || $[15] !== t) {
+    t3 = () => {
+      if (!drawerDepth) {
+        setStepNav([!breadcrumbs.length ? {
+          label: _jsxs("div", {
+            className: `${baseClass}__step-nav-icon-label`,
+            children: [_jsx(ColoredFolderIcon, {}), t("folder:browseByFolder")]
+          }, "root")
+        } : {
+          label: _jsxs(DroppableBreadcrumb, {
+            className: [`${baseClass}__step-nav-droppable`, `${baseClass}__step-nav-icon-label`].filter(Boolean).join(" "),
+            id: null,
+            onClick: () => {
+              startRouteTransition(() => {
+                router.push(getFolderRoute(null));
+              });
+            },
+            children: [_jsx(ColoredFolderIcon, {}), t("folder:browseByFolder")]
+          }, "root")
+        }, ...breadcrumbs.map((crumb, crumbIndex) => ({
+          label: crumbIndex === breadcrumbs.length - 1 ? crumb.name : _jsx(DroppableBreadcrumb, {
+            className: `${baseClass}__step-nav-droppable`,
+            id: crumb.id,
+            onClick: () => {
+              startRouteTransition(() => {
+                router.push(getFolderRoute(crumb.id));
+              });
+            },
+            children: crumb.name
+          }, crumb.id)
+        }))]);
+      }
+    };
+    t4 = [breadcrumbs, drawerDepth, getFolderRoute, router, setStepNav, startRouteTransition, t];
+    $[9] = breadcrumbs;
+    $[10] = drawerDepth;
+    $[11] = getFolderRoute;
+    $[12] = router;
+    $[13] = setStepNav;
+    $[14] = startRouteTransition;
+    $[15] = t;
+    $[16] = t3;
+    $[17] = t4;
+  } else {
+    t3 = $[16];
+    t4 = $[17];
+  }
+  React.useEffect(t3, t4);
+  const nonFolderCollectionSlugs = allowCreateCollectionSlugs.filter(slug => slug !== folderCollectionConfig.slug);
+  let t5;
+  if ($[18] !== refineFolderData) {
+    t5 = search_0 => refineFolderData({
+      query: {
+        search: search_0
+      },
+      updateURL: true
+    });
+    $[18] = refineFolderData;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  return _jsxs(Fragment, {
+    children: [_jsx(DndEventListener, {
+      onDragEnd,
+      setIsDragging
+    }), _jsxs("div", {
+      className: `${baseClass} ${baseClass}--folders`,
+      children: [BeforeFolderList, _jsxs(Gutter, {
+        className: `${baseClass}__wrap`,
+        children: [_jsx(ListHeader, {
+          Actions: [!smallBreak && _jsx(ListSelection, {
+            disableBulkDelete,
+            disableBulkEdit,
+            folderAssignedCollections
+          }, "list-selection")].filter(Boolean),
+          AfterListHeaderContent: Description,
+          title: listHeaderTitle,
+          TitleActions: [allowCreateCollectionSlugs.length && _jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: allowCreateCollectionSlugs.length > 1 ? t("general:createNew") : `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+            collectionSlugs: allowCreateCollectionSlugs,
+            folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
+            onCreateSuccess: clearRouteCache,
+            slugPrefix: "create-document--header-pill"
+          }, "create-new-button")].filter(Boolean)
+        }), _jsx(SearchBar, {
+          Actions: [_jsx(SortByPill, {}, "sort-by-pill"), folderID && _jsx(FilterFolderTypePill, {}, "collection-type"), _jsx(ToggleViewButtons, {
+            activeView,
+            setActiveView: handleSetViewType
+          }, "toggle-view-buttons"), _jsx(CurrentFolderActions, {}, "current-folder-actions")].filter(Boolean),
+          label: searchPlaceholder,
+          onSearchChange: t5,
+          searchQueryParam: search
+        }), BeforeFolderListTable, totalDocsAndSubfolders > 0 && _jsx(_Fragment, {
+          children: activeView === "grid" ? _jsxs("div", {
+            children: [subfolders.length ? _jsx(_Fragment, {
+              children: _jsx(ItemCardGrid, {
+                items: subfolders,
+                title: "Folders",
+                type: "folder"
+              })
+            }) : null, documents.length ? _jsx(_Fragment, {
+              children: _jsx(ItemCardGrid, {
+                items: documents,
+                subfolderCount: subfolders.length,
+                title: "Documents",
+                type: "file"
+              })
+            }) : null]
+          }) : _jsx(FolderFileTable, {})
+        }), totalDocsAndSubfolders === 0 && _jsx(NoListResults, {
+          Actions: [allowCreateCollectionSlugs.includes(folderCollectionConfig.slug) && _jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+            buttonSize: "medium",
+            buttonStyle: "primary",
+            collectionSlugs: [folderCollectionConfig.slug],
+            folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
+            onCreateSuccess: clearRouteCache,
+            slugPrefix: "create-folder--no-results"
+          }, "create-folder"), folderID && nonFolderCollectionSlugs.length > 0 && _jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: `${t("general:create")} ${t("general:document").toLowerCase()}`,
+            buttonSize: "medium",
+            buttonStyle: "primary",
+            collectionSlugs: nonFolderCollectionSlugs,
+            folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
+            onCreateSuccess: clearRouteCache,
+            slugPrefix: "create-document--no-results"
+          }, "create-document")].filter(Boolean),
+          Message: _jsxs(_Fragment, {
+            children: [_jsx("h3", {
+              children: i18n.t("general:noResultsFound")
+            }), _jsx("p", {
+              children: i18n.t("general:noResultsDescription")
+            })]
+          })
+        }), AfterFolderListTable]
+      }), AfterFolderList]
+    }), selectedItemKeys.size > 0 && dragOverlayItem && _jsx(DragOverlaySelection, {
+      item: dragOverlayItem,
+      selectedCount: selectedItemKeys.size
+    })]
+  });
+}
+function DndEventListener(t0) {
+  const $ = _c(3);
+  const {
+    onDragEnd,
+    setIsDragging
+  } = t0;
+  let t1;
+  if ($[0] !== onDragEnd || $[1] !== setIsDragging) {
+    t1 = {
+      onDragCancel() {
+        setIsDragging(false);
+      },
+      onDragEnd(event) {
+        setIsDragging(false);
+        onDragEnd(event);
+      },
+      onDragStart() {
+        setIsDragging(true);
+      }
+    };
+    $[0] = onDragEnd;
+    $[1] = setIsDragging;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  useDndMonitor(t1);
+  return null;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useDndMonitor","getTranslation","useRouter","PREFERENCE_KEYS","React","Fragment","DroppableBreadcrumb","ColoredFolderIcon","CurrentFolderActions","DragOverlaySelection","FilterFolderTypePill","FolderFileTable","ItemCardGrid","SortByPill","ToggleViewButtons","Gutter","ListHeader","ListCreateNewDocInFolderButton","NoListResults","SearchBar","useStepNav","useEditDepth","FolderProvider","useFolder","usePreferences","useRouteCache","useRouteTransition","useTranslation","useWindowInfo","ListSelection","baseClass","DefaultBrowseByFolderView","activeCollectionFolderSlugs","allCollectionFolderSlugs","allowCreateCollectionSlugs","baseFolderPath","breadcrumbs","documents","folderFieldName","folderID","FolderResultsComponent","search","subfolders","restOfProps","_jsx","BrowseByFolderViewInContext","props","$","AfterFolderList","AfterFolderListTable","BeforeFolderList","BeforeFolderListTable","Description","disableBulkDelete","disableBulkEdit","folderAssignedCollections","viewPreference","router","i18n","t","drawerDepth","setStepNav","startRouteTransition","clearRouteCache","breakpoints","t0","s","smallBreak","setPreference","dragOverlayItem","folderCollectionConfig","folderType","getFolderRoute","getSelectedItems","moveToFolder","refineFolderData","selectedItemKeys","setIsDragging","activeView","setActiveView","useState","t1","locationLabel","length","labels","plural","name","folderName","searchPlaceholder","t2","event","over","data","current","type","itemsToMove","toFolderID","id","onDragEnd","totalDocsAndSubfolders","listHeaderTitle","handleSetViewType","view","BROWSE_BY_FOLDER","t3","t4","label","_jsxs","className","children","filter","Boolean","join","onClick","push","map","crumb","crumbIndex","useEffect","nonFolderCollectionSlugs","slug","t5","search_0","query","updateURL","DndEventListener","Actions","AfterListHeaderContent","title","TitleActions","buttonLabel","singular","toLowerCase","collectionSlugs","Array","isArray","onCreateSuccess","slugPrefix","onSearchChange","searchQueryParam","_Fragment","items","subfolderCount","includes","buttonSize","buttonStyle","Message","size","item","selectedCount","onDragCancel","onDragStart"],"sources":["../../../src/views/BrowseByFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DragEndEvent } from '@dnd-kit/core'\nimport type { FolderListViewClientProps } from 'payload'\n\nimport { useDndMonitor } from '@dnd-kit/core'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { PREFERENCE_KEYS } from 'payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { DroppableBreadcrumb } from '../../elements/FolderView/Breadcrumbs/index.js'\nimport { ColoredFolderIcon } from '../../elements/FolderView/ColoredFolderIcon/index.js'\nimport { CurrentFolderActions } from '../../elements/FolderView/CurrentFolderActions/index.js'\nimport { DragOverlaySelection } from '../../elements/FolderView/DragOverlaySelection/index.js'\nimport { FilterFolderTypePill } from '../../elements/FolderView/FilterFolderTypePill/index.js'\nimport { FolderFileTable } from '../../elements/FolderView/FolderFileTable/index.js'\nimport { ItemCardGrid } from '../../elements/FolderView/ItemCardGrid/index.js'\nimport { SortByPill } from '../../elements/FolderView/SortByPill/index.js'\nimport { ToggleViewButtons } from '../../elements/FolderView/ToggleViewButtons/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListHeader } from '../../elements/ListHeader/index.js'\nimport { ListCreateNewDocInFolderButton } from '../../elements/ListHeader/TitleActions/index.js'\nimport { NoListResults } from '../../elements/NoListResults/index.js'\nimport { SearchBar } from '../../elements/SearchBar/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { FolderProvider, useFolder } from '../../providers/Folders/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../CollectionFolder/ListSelection/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-list'\n\nexport function DefaultBrowseByFolderView({\n  activeCollectionFolderSlugs,\n  allCollectionFolderSlugs,\n  allowCreateCollectionSlugs,\n  baseFolderPath,\n  breadcrumbs,\n  documents,\n  folderFieldName,\n  folderID,\n  FolderResultsComponent,\n  search,\n  subfolders,\n  ...restOfProps\n}: FolderListViewClientProps) {\n  return (\n    <FolderProvider\n      activeCollectionFolderSlugs={activeCollectionFolderSlugs}\n      allCollectionFolderSlugs={allCollectionFolderSlugs}\n      allowCreateCollectionSlugs={allowCreateCollectionSlugs}\n      baseFolderPath={baseFolderPath}\n      breadcrumbs={breadcrumbs}\n      documents={documents}\n      folderFieldName={folderFieldName}\n      folderID={folderID}\n      FolderResultsComponent={FolderResultsComponent}\n      search={search}\n      subfolders={subfolders}\n    >\n      <BrowseByFolderViewInContext {...restOfProps} />\n    </FolderProvider>\n  )\n}\n\ntype BrowseByFolderViewInContextProps = Omit<\n  FolderListViewClientProps,\n  | 'activeCollectionFolderSlugs'\n  | 'allCollectionFolderSlugs'\n  | 'allowCreateCollectionSlugs'\n  | 'baseFolderPath'\n  | 'breadcrumbs'\n  | 'documents'\n  | 'folderFieldName'\n  | 'folderID'\n  | 'FolderResultsComponent'\n  | 'subfolders'\n>\n\nfunction BrowseByFolderViewInContext(props: BrowseByFolderViewInContextProps) {\n  const {\n    AfterFolderList,\n    AfterFolderListTable,\n    BeforeFolderList,\n    BeforeFolderListTable,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    folderAssignedCollections,\n    viewPreference,\n  } = props\n\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const drawerDepth = useEditDepth()\n  const { setStepNav } = useStepNav()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n  const { setPreference } = usePreferences()\n  const {\n    allowCreateCollectionSlugs,\n    breadcrumbs,\n    documents,\n    dragOverlayItem,\n    folderCollectionConfig,\n    folderID,\n    folderType,\n    getFolderRoute,\n    getSelectedItems,\n    moveToFolder,\n    refineFolderData,\n    search,\n    selectedItemKeys,\n    setIsDragging,\n    subfolders,\n  } = useFolder()\n\n  const [activeView, setActiveView] = React.useState<'grid' | 'list'>(viewPreference || 'grid')\n  const [searchPlaceholder] = React.useState(() => {\n    const locationLabel =\n      breadcrumbs.length === 0\n        ? getTranslation(folderCollectionConfig.labels?.plural, i18n)\n        : breadcrumbs[breadcrumbs.length - 1].name\n    return t('folder:searchByNameInFolder', {\n      folderName: locationLabel,\n    })\n  })\n\n  const onDragEnd = React.useCallback(\n    async (event: DragEndEvent) => {\n      if (!event.over) {\n        return\n      }\n\n      if (event.over.data.current.type === 'folder' && 'id' in event.over.data.current) {\n        await moveToFolder({\n          itemsToMove: getSelectedItems(),\n          toFolderID: event.over.data.current.id || null,\n        })\n        clearRouteCache()\n      }\n    },\n    [moveToFolder, getSelectedItems, clearRouteCache],\n  )\n\n  const totalDocsAndSubfolders = documents.length + subfolders.length\n  const listHeaderTitle = !breadcrumbs.length\n    ? t('folder:browseByFolder')\n    : breadcrumbs[breadcrumbs.length - 1].name\n\n  const handleSetViewType = React.useCallback(\n    (view: 'grid' | 'list') => {\n      void setPreference(PREFERENCE_KEYS.BROWSE_BY_FOLDER, {\n        viewPreference: view,\n      })\n      setActiveView(view)\n    },\n    [setPreference],\n  )\n\n  React.useEffect(() => {\n    if (!drawerDepth) {\n      setStepNav([\n        !breadcrumbs.length\n          ? {\n              label: (\n                <div className={`${baseClass}__step-nav-icon-label`} key=\"root\">\n                  <ColoredFolderIcon />\n                  {t('folder:browseByFolder')}\n                </div>\n              ),\n            }\n          : {\n              label: (\n                <DroppableBreadcrumb\n                  className={[\n                    `${baseClass}__step-nav-droppable`,\n                    `${baseClass}__step-nav-icon-label`,\n                  ]\n                    .filter(Boolean)\n                    .join(' ')}\n                  id={null}\n                  key=\"root\"\n                  onClick={() => {\n                    startRouteTransition(() => {\n                      router.push(getFolderRoute(null))\n                    })\n                  }}\n                >\n                  <ColoredFolderIcon />\n                  {t('folder:browseByFolder')}\n                </DroppableBreadcrumb>\n              ),\n            },\n        ...breadcrumbs.map((crumb, crumbIndex) => {\n          return {\n            label:\n              crumbIndex === breadcrumbs.length - 1 ? (\n                crumb.name\n              ) : (\n                <DroppableBreadcrumb\n                  className={`${baseClass}__step-nav-droppable`}\n                  id={crumb.id}\n                  key={crumb.id}\n                  onClick={() => {\n                    startRouteTransition(() => {\n                      router.push(getFolderRoute(crumb.id))\n                    })\n                  }}\n                >\n                  {crumb.name}\n                </DroppableBreadcrumb>\n              ),\n          }\n        }),\n      ])\n    }\n  }, [breadcrumbs, drawerDepth, getFolderRoute, router, setStepNav, startRouteTransition, t])\n\n  const nonFolderCollectionSlugs = allowCreateCollectionSlugs.filter(\n    (slug) => slug !== folderCollectionConfig.slug,\n  )\n\n  return (\n    <Fragment>\n      <DndEventListener onDragEnd={onDragEnd} setIsDragging={setIsDragging} />\n      <div className={`${baseClass} ${baseClass}--folders`}>\n        {BeforeFolderList}\n        <Gutter className={`${baseClass}__wrap`}>\n          <ListHeader\n            Actions={[\n              !smallBreak && (\n                <ListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={disableBulkEdit}\n                  folderAssignedCollections={folderAssignedCollections}\n                  key=\"list-selection\"\n                />\n              ),\n            ].filter(Boolean)}\n            AfterListHeaderContent={Description}\n            title={listHeaderTitle}\n            TitleActions={[\n              allowCreateCollectionSlugs.length && (\n                <ListCreateNewDocInFolderButton\n                  buttonLabel={\n                    allowCreateCollectionSlugs.length > 1\n                      ? t('general:createNew')\n                      : `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`\n                  }\n                  collectionSlugs={allowCreateCollectionSlugs}\n                  folderAssignedCollections={Array.isArray(folderType) ? folderType : []}\n                  key=\"create-new-button\"\n                  onCreateSuccess={clearRouteCache}\n                  slugPrefix=\"create-document--header-pill\"\n                />\n              ),\n            ].filter(Boolean)}\n          />\n          <SearchBar\n            Actions={[\n              <SortByPill key=\"sort-by-pill\" />,\n              folderID && <FilterFolderTypePill key=\"collection-type\" />,\n              <ToggleViewButtons\n                activeView={activeView}\n                key=\"toggle-view-buttons\"\n                setActiveView={handleSetViewType}\n              />,\n              <CurrentFolderActions key=\"current-folder-actions\" />,\n            ].filter(Boolean)}\n            label={searchPlaceholder}\n            onSearchChange={(search) => refineFolderData({ query: { search }, updateURL: true })}\n            searchQueryParam={search}\n          />\n          {BeforeFolderListTable}\n          {totalDocsAndSubfolders > 0 && (\n            <>\n              {activeView === 'grid' ? (\n                <div>\n                  {subfolders.length ? (\n                    <>\n                      <ItemCardGrid items={subfolders} title={'Folders'} type=\"folder\" />\n                    </>\n                  ) : null}\n\n                  {documents.length ? (\n                    <>\n                      <ItemCardGrid\n                        items={documents}\n                        subfolderCount={subfolders.length}\n                        title={'Documents'}\n                        type=\"file\"\n                      />\n                    </>\n                  ) : null}\n                </div>\n              ) : (\n                <FolderFileTable />\n              )}\n            </>\n          )}\n          {totalDocsAndSubfolders === 0 && (\n            <NoListResults\n              Actions={[\n                allowCreateCollectionSlugs.includes(folderCollectionConfig.slug) && (\n                  <ListCreateNewDocInFolderButton\n                    buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                    buttonSize=\"medium\"\n                    buttonStyle=\"primary\"\n                    collectionSlugs={[folderCollectionConfig.slug]}\n                    folderAssignedCollections={Array.isArray(folderType) ? folderType : []}\n                    key=\"create-folder\"\n                    onCreateSuccess={clearRouteCache}\n                    slugPrefix=\"create-folder--no-results\"\n                  />\n                ),\n                folderID && nonFolderCollectionSlugs.length > 0 && (\n                  <ListCreateNewDocInFolderButton\n                    buttonLabel={`${t('general:create')} ${t('general:document').toLowerCase()}`}\n                    buttonSize=\"medium\"\n                    buttonStyle=\"primary\"\n                    collectionSlugs={nonFolderCollectionSlugs}\n                    folderAssignedCollections={Array.isArray(folderType) ? folderType : []}\n                    key=\"create-document\"\n                    onCreateSuccess={clearRouteCache}\n                    slugPrefix=\"create-document--no-results\"\n                  />\n                ),\n              ].filter(Boolean)}\n              Message={\n                <>\n                  <h3>{i18n.t('general:noResultsFound')}</h3>\n                  <p>{i18n.t('general:noResultsDescription')}</p>\n                </>\n              }\n            />\n          )}\n          {AfterFolderListTable}\n        </Gutter>\n        {AfterFolderList}\n      </div>\n      {selectedItemKeys.size > 0 && dragOverlayItem && (\n        <DragOverlaySelection item={dragOverlayItem} selectedCount={selectedItemKeys.size} />\n      )}\n    </Fragment>\n  )\n}\nfunction DndEventListener({ onDragEnd, setIsDragging }) {\n  useDndMonitor({\n    onDragCancel() {\n      setIsDragging(false)\n    },\n    onDragEnd(event) {\n      setIsDragging(false)\n      onDragEnd(event)\n    },\n    onDragStart() {\n      setIsDragging(true)\n    },\n  })\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/BrowseByFolder/index.scss

@@ -0,0 +1,174 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .folder-list {
+    width: 100%;
+
+    &__toggle-view-button {
+      padding: 0;
+      background-color: transparent &--active {
+        background-color: var(--theme-elevation-150);
+      }
+
+      .btn__icon {
+        border: none;
+        padding: 0;
+      }
+    }
+
+    &__step-nav-icon-label,
+    &__step-nav-icon-label .btn__label {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.25);
+
+      .icon {
+        height: 18px;
+      }
+    }
+
+    &__step-nav-droppable.droppable-button {
+      &--hover {
+        opacity: 0.3;
+      }
+    }
+
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
+
+      & > *:not(:last-child) {
+        margin-bottom: var(--base);
+      }
+    }
+
+    .cell-with-icon {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.5);
+    }
+
+    .list-header {
+      a {
+        text-decoration: none;
+      }
+    }
+
+    &__sub-header {
+      flex-basis: 100%;
+    }
+
+    .table {
+      table {
+        width: 100%;
+        overflow: auto;
+
+        [class^='cell'] > p,
+        [class^='cell'] > span,
+        [class^='cell'] > a {
+          line-clamp: 4;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
+          display: -webkit-box;
+          max-width: 100vw;
+        }
+      }
+    }
+
+    &__no-results {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--base);
+
+      & > * {
+        margin: 0;
+      }
+    }
+
+    &__page-controls {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    .paginator {
+      margin-bottom: 0;
+    }
+
+    &__page-info {
+      [dir='ltr'] & {
+        margin-right: base(1);
+        margin-left: auto;
+      }
+      [dir='rtl'] & {
+        margin-left: base(1);
+        margin-right: auto;
+      }
+    }
+
+    &__shimmer {
+      margin-top: base(1.75);
+      width: 100%;
+      > div {
+        margin-top: 8px;
+      }
+    }
+
+    @include mid-break {
+      margin-top: base(0.25);
+
+      &__wrap {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      &__header {
+        gap: base(0.5);
+      }
+
+      &__sub-header {
+        margin-top: 0;
+      }
+
+      &__search-input {
+        margin: 0;
+      }
+
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+
+      &__page-controls {
+        flex-wrap: wrap;
+      }
+
+      &__page-info {
+        margin-left: 0;
+      }
+
+      .paginator {
+        width: 100%;
+        margin-bottom: $baseline;
+      }
+    }
+
+    @include small-break {
+      margin-bottom: base(2.4);
+    }
+  }
+}

package/dist/views/CollectionFolder/ListSelection/index.d.ts

@@ -0,0 +1,9 @@
+import type { CollectionSlug } from 'payload';
+import React from 'react';
+export type ListSelectionProps = {
+    disableBulkDelete?: boolean;
+    disableBulkEdit?: boolean;
+    folderAssignedCollections: CollectionSlug[];
+};
+export declare const ListSelection: React.FC<ListSelectionProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/CollectionFolder/ListSelection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/CollectionFolder/ListSelection/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAyBvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yBAAyB,EAAE,cAAc,EAAE,CAAA;CAC5C,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyJtD,CAAA"}