@payloadcms/ui 3.71.0-internal-debug.80dab4c → 3.71.0-internal.27e1e08

package/dist/views/BrowseByFolder/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+
+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';
@@ -30,374 +32,331 @@ 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__*/ _jsxDEV(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__*/ _jsxDEV(BrowseByFolderViewInContext, {
-            ...restOfProps
-        }, void 0, false, {
-            fileName: "src/views/BrowseByFolder/index.tsx",
-            lineNumber: 67,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/views/BrowseByFolder/index.tsx",
-        lineNumber: 54,
-        columnNumber: 5
-    }, this);
+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 { AfterFolderList, AfterFolderListTable, BeforeFolderList, BeforeFolderListTable, Description, disableBulkDelete, disableBulkEdit, folderAssignedCollections, viewPreference } = props;
-    const router = useRouter();
-    const { getEntityConfig } = useConfig();
-    const { i18n, t } = useTranslation();
-    const drawerDepth = useEditDepth();
-    const { setStepNav } = useStepNav();
-    const { startRouteTransition } = useRouteTransition();
-    const { clearRouteCache } = useRouteCache();
-    const { breakpoints: { s: smallBreak } } = useWindowInfo();
-    const { setPreference } = usePreferences();
-    const { activeCollectionFolderSlugs: visibleCollectionSlugs, allowCreateCollectionSlugs, breadcrumbs, documents, dragOverlayItem, folderCollectionConfig, folderID, folderType, getFolderRoute, getSelectedItems, moveToFolder, refineFolderData, search, selectedItemKeys, setIsDragging, subfolders } = useFolder();
-    const [activeView, setActiveView] = React.useState(viewPreference || 'grid');
-    const [searchPlaceholder] = React.useState(()=>{
-        const locationLabel = breadcrumbs.length === 0 ? getTranslation(folderCollectionConfig.labels?.plural, i18n) : breadcrumbs[breadcrumbs.length - 1].name;
-        return t('folder:searchByNameInFolder', {
-            folderName: locationLabel
+  const $ = _c(24);
+  const {
+    AfterFolderList,
+    AfterFolderListTable,
+    BeforeFolderList,
+    BeforeFolderListTable,
+    Description,
+    disableBulkDelete,
+    disableBulkEdit,
+    folderAssignedCollections,
+    viewPreference
+  } = props;
+  const router = useRouter();
+  const {
+    getEntityConfig
+  } = useConfig();
+  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 {
+    activeCollectionFolderSlugs: visibleCollectionSlugs,
+    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;
+  let t3;
+  if ($[9] !== getEntityConfig || $[10] !== i18n || $[11] !== t) {
+    t3 = (acc, slug, index, array) => {
+      const collectionConfig = getEntityConfig({
+        collectionSlug: slug
+      });
+      if (index === 0) {
+        return getTranslation(collectionConfig.labels?.plural, i18n);
+      }
+      if (index === array.length - 1) {
+        return `${acc} ${t("general:or").toLowerCase()} ${getTranslation(collectionConfig.labels?.plural, i18n)}`;
+      }
+      return `${acc}, ${getTranslation(collectionConfig.labels?.plural, i18n)}`;
+    };
+    $[9] = getEntityConfig;
+    $[10] = i18n;
+    $[11] = t;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const noResultsLabel = visibleCollectionSlugs.reduce(t3, "");
+  const handleSetViewType = view => {
+    setPreference("browse-by-folder", {
+      viewPreference: view
     });
-    const onDragEnd = React.useCallback(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();
-        }
-    }, [
-        moveToFolder,
-        getSelectedItems,
-        clearRouteCache
-    ]);
-    const totalDocsAndSubfolders = documents.length + subfolders.length;
-    const listHeaderTitle = !breadcrumbs.length ? t('folder:browseByFolder') : breadcrumbs[breadcrumbs.length - 1].name;
-    const noResultsLabel = visibleCollectionSlugs.reduce((acc, slug, index, array)=>{
-        const collectionConfig = getEntityConfig({
-            collectionSlug: slug
-        });
-        if (index === 0) {
-            return getTranslation(collectionConfig.labels?.plural, i18n);
-        }
-        if (index === array.length - 1) {
-            return `${acc} ${t('general:or').toLowerCase()} ${getTranslation(collectionConfig.labels?.plural, i18n)}`;
-        }
-        return `${acc}, ${getTranslation(collectionConfig.labels?.plural, i18n)}`;
-    }, '');
-    const handleSetViewType = React.useCallback((view)=>{
-        void setPreference('browse-by-folder', {
-            viewPreference: view
-        });
-        setActiveView(view);
-    }, [
-        setPreference
-    ]);
-    React.useEffect(()=>{
-        if (!drawerDepth) {
-            setStepNav([
-                !breadcrumbs.length ? {
-                    label: /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__step-nav-icon-label`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
-                                fileName: "src/views/BrowseByFolder/index.tsx",
-                                lineNumber: 189,
-                                columnNumber: 19
-                            }, this),
-                            t('folder:browseByFolder')
-                        ]
-                    }, "root", true, {
-                        fileName: "src/views/BrowseByFolder/index.tsx",
-                        lineNumber: 188,
-                        columnNumber: 17
-                    }, this)
-                } : {
-                    label: /*#__PURE__*/ _jsxDEV(DroppableBreadcrumb, {
-                        className: [
-                            `${baseClass}__step-nav-droppable`,
-                            `${baseClass}__step-nav-icon-label`
-                        ].filter(Boolean).join(' '),
-                        id: null,
-                        onClick: ()=>{
-                            startRouteTransition(()=>{
-                                router.push(getFolderRoute(null));
-                            });
-                        },
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
-                                fileName: "src/views/BrowseByFolder/index.tsx",
-                                lineNumber: 211,
-                                columnNumber: 19
-                            }, this),
-                            t('folder:browseByFolder')
-                        ]
-                    }, "root", true, {
-                        fileName: "src/views/BrowseByFolder/index.tsx",
-                        lineNumber: 196,
-                        columnNumber: 17
-                    }, this)
-                },
-                ...breadcrumbs.map((crumb, crumbIndex)=>{
-                    return {
-                        label: crumbIndex === breadcrumbs.length - 1 ? crumb.name : /*#__PURE__*/ _jsxDEV(DroppableBreadcrumb, {
-                            className: `${baseClass}__step-nav-droppable`,
-                            id: crumb.id,
-                            onClick: ()=>{
-                                startRouteTransition(()=>{
-                                    router.push(getFolderRoute(crumb.id));
-                                });
-                            },
-                            children: crumb.name
-                        }, crumb.id, false, {
-                            fileName: "src/views/BrowseByFolder/index.tsx",
-                            lineNumber: 222,
-                            columnNumber: 17
-                        }, this)
-                    };
-                })
-            ]);
-        }
-    }, [
-        breadcrumbs,
-        drawerDepth,
-        getFolderRoute,
-        router,
-        setStepNav,
-        startRouteTransition,
-        t
-    ]);
-    const nonFolderCollectionSlugs = allowCreateCollectionSlugs.filter((slug)=>slug !== folderCollectionConfig.slug);
-    return /*#__PURE__*/ _jsxDEV(Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(DndEventListener, {
-                onDragEnd: onDragEnd,
-                setIsDragging: setIsDragging
-            }, void 0, false, {
-                fileName: "src/views/BrowseByFolder/index.tsx",
-                lineNumber: 247,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass} ${baseClass}--folders`,
-                children: [
-                    BeforeFolderList,
-                    /*#__PURE__*/ _jsxDEV(Gutter, {
-                        className: `${baseClass}__wrap`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(ListHeader, {
-                                Actions: [
-                                    !smallBreak && /*#__PURE__*/ _jsxDEV(ListSelection, {
-                                        disableBulkDelete: disableBulkDelete,
-                                        disableBulkEdit: disableBulkEdit,
-                                        folderAssignedCollections: folderAssignedCollections
-                                    }, "list-selection", false, {
-                                        fileName: "src/views/BrowseByFolder/index.tsx",
-                                        lineNumber: 254,
-                                        columnNumber: 17
-                                    }, void 0)
-                                ].filter(Boolean),
-                                AfterListHeaderContent: Description,
-                                title: listHeaderTitle,
-                                TitleActions: [
-                                    allowCreateCollectionSlugs.length && /*#__PURE__*/ _jsxDEV(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", false, {
-                                        fileName: "src/views/BrowseByFolder/index.tsx",
-                                        lineNumber: 266,
-                                        columnNumber: 17
-                                    }, void 0)
-                                ].filter(Boolean)
-                            }, void 0, false, {
-                                fileName: "src/views/BrowseByFolder/index.tsx",
-                                lineNumber: 251,
-                                columnNumber: 11
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(SearchBar, {
-                                Actions: [
-                                    /*#__PURE__*/ _jsxDEV(SortByPill, {}, "sort-by-pill", false, {
-                                        fileName: "src/views/BrowseByFolder/index.tsx",
-                                        lineNumber: 283,
-                                        columnNumber: 15
-                                    }, void 0),
-                                    folderID && /*#__PURE__*/ _jsxDEV(FilterFolderTypePill, {}, "collection-type", false, {
-                                        fileName: "src/views/BrowseByFolder/index.tsx",
-                                        lineNumber: 284,
-                                        columnNumber: 27
-                                    }, void 0),
-                                    /*#__PURE__*/ _jsxDEV(ToggleViewButtons, {
-                                        activeView: activeView,
-                                        setActiveView: handleSetViewType
-                                    }, "toggle-view-buttons", false, {
-                                        fileName: "src/views/BrowseByFolder/index.tsx",
-                                        lineNumber: 285,
-                                        columnNumber: 15
-                                    }, void 0),
-                                    /*#__PURE__*/ _jsxDEV(CurrentFolderActions, {}, "current-folder-actions", false, {
-                                        fileName: "src/views/BrowseByFolder/index.tsx",
-                                        lineNumber: 290,
-                                        columnNumber: 15
-                                    }, void 0)
-                                ].filter(Boolean),
-                                label: searchPlaceholder,
-                                onSearchChange: (search)=>refineFolderData({
-                                        query: {
-                                            search
-                                        },
-                                        updateURL: true
-                                    }),
-                                searchQueryParam: search
-                            }, void 0, false, {
-                                fileName: "src/views/BrowseByFolder/index.tsx",
-                                lineNumber: 281,
-                                columnNumber: 11
-                            }, this),
-                            BeforeFolderListTable,
-                            totalDocsAndSubfolders > 0 && /*#__PURE__*/ _jsxDEV(_Fragment, {
-                                children: activeView === 'grid' ? /*#__PURE__*/ _jsxDEV("div", {
-                                    children: [
-                                        subfolders.length ? /*#__PURE__*/ _jsxDEV(_Fragment, {
-                                            children: /*#__PURE__*/ _jsxDEV(ItemCardGrid, {
-                                                items: subfolders,
-                                                title: 'Folders',
-                                                type: "folder"
-                                            }, void 0, false, {
-                                                fileName: "src/views/BrowseByFolder/index.tsx",
-                                                lineNumber: 303,
-                                                columnNumber: 23
-                                            }, this)
-                                        }, void 0, false) : null,
-                                        documents.length ? /*#__PURE__*/ _jsxDEV(_Fragment, {
-                                            children: /*#__PURE__*/ _jsxDEV(ItemCardGrid, {
-                                                items: documents,
-                                                subfolderCount: subfolders.length,
-                                                title: 'Documents',
-                                                type: "file"
-                                            }, void 0, false, {
-                                                fileName: "src/views/BrowseByFolder/index.tsx",
-                                                lineNumber: 309,
-                                                columnNumber: 23
-                                            }, this)
-                                        }, void 0, false) : null
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/views/BrowseByFolder/index.tsx",
-                                    lineNumber: 300,
-                                    columnNumber: 17
-                                }, this) : /*#__PURE__*/ _jsxDEV(FolderFileTable, {}, void 0, false, {
-                                    fileName: "src/views/BrowseByFolder/index.tsx",
-                                    lineNumber: 319,
-                                    columnNumber: 17
-                                }, this)
-                            }, void 0, false),
-                            totalDocsAndSubfolders === 0 && /*#__PURE__*/ _jsxDEV(NoListResults, {
-                                Actions: [
-                                    allowCreateCollectionSlugs.includes(folderCollectionConfig.slug) && /*#__PURE__*/ _jsxDEV(ListCreateNewDocInFolderButton, {
-                                        buttonLabel: `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
-                                        collectionSlugs: [
-                                            folderCollectionConfig.slug
-                                        ],
-                                        folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
-                                        onCreateSuccess: clearRouteCache,
-                                        slugPrefix: "create-folder--no-results"
-                                    }, "create-folder", false, {
-                                        fileName: "src/views/BrowseByFolder/index.tsx",
-                                        lineNumber: 327,
-                                        columnNumber: 19
-                                    }, void 0),
-                                    folderID && nonFolderCollectionSlugs.length > 0 && /*#__PURE__*/ _jsxDEV(ListCreateNewDocInFolderButton, {
-                                        buttonLabel: `${t('general:create')} ${t('general:document').toLowerCase()}`,
-                                        collectionSlugs: nonFolderCollectionSlugs,
-                                        folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
-                                        onCreateSuccess: clearRouteCache,
-                                        slugPrefix: "create-document--no-results"
-                                    }, "create-document", false, {
-                                        fileName: "src/views/BrowseByFolder/index.tsx",
-                                        lineNumber: 337,
-                                        columnNumber: 19
-                                    }, void 0)
-                                ].filter(Boolean),
-                                Message: /*#__PURE__*/ _jsxDEV("p", {
-                                    children: i18n.t('general:noResults', {
-                                        label: noResultsLabel
-                                    })
-                                }, void 0, false, {
-                                    fileName: "src/views/BrowseByFolder/index.tsx",
-                                    lineNumber: 348,
-                                    columnNumber: 17
-                                }, void 0)
-                            }, void 0, false, {
-                                fileName: "src/views/BrowseByFolder/index.tsx",
-                                lineNumber: 324,
-                                columnNumber: 13
-                            }, this),
-                            AfterFolderListTable
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/views/BrowseByFolder/index.tsx",
-                        lineNumber: 250,
-                        columnNumber: 9
-                    }, this),
-                    AfterFolderList
-                ]
-            }, void 0, true, {
-                fileName: "src/views/BrowseByFolder/index.tsx",
-                lineNumber: 248,
-                columnNumber: 7
-            }, this),
-            selectedItemKeys.size > 0 && dragOverlayItem && /*#__PURE__*/ _jsxDEV(DragOverlaySelection, {
-                item: dragOverlayItem,
-                selectedCount: selectedItemKeys.size
-            }, void 0, false, {
-                fileName: "src/views/BrowseByFolder/index.tsx",
-                lineNumber: 361,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/views/BrowseByFolder/index.tsx",
-        lineNumber: 246,
-        columnNumber: 5
-    }, this);
-}
-function DndEventListener({ onDragEnd, setIsDragging }) {
-    useDndMonitor({
-        onDragCancel () {
-            setIsDragging(false);
-        },
-        onDragEnd (event) {
-            setIsDragging(false);
-            onDragEnd(event);
-        },
-        onDragStart () {
-            setIsDragging(true);
-        }
+    setActiveView(view);
+  };
+  let t4;
+  let t5;
+  if ($[13] !== breadcrumbs || $[14] !== drawerDepth || $[15] !== getFolderRoute || $[16] !== router || $[17] !== setStepNav || $[18] !== startRouteTransition || $[19] !== t) {
+    t4 = () => {
+      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)
+        }))]);
+      }
+    };
+    t5 = [breadcrumbs, drawerDepth, getFolderRoute, router, setStepNav, startRouteTransition, t];
+    $[13] = breadcrumbs;
+    $[14] = drawerDepth;
+    $[15] = getFolderRoute;
+    $[16] = router;
+    $[17] = setStepNav;
+    $[18] = startRouteTransition;
+    $[19] = t;
+    $[20] = t4;
+    $[21] = t5;
+  } else {
+    t4 = $[20];
+    t5 = $[21];
+  }
+  React.useEffect(t4, t5);
+  const nonFolderCollectionSlugs = allowCreateCollectionSlugs.filter(slug_0 => slug_0 !== folderCollectionConfig.slug);
+  let t6;
+  if ($[22] !== refineFolderData) {
+    t6 = search_0 => refineFolderData({
+      query: {
+        search: search_0
+      },
+      updateURL: true
     });
-    return null;
+    $[22] = refineFolderData;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  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: t6,
+          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()}`,
+            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()}`,
+            collectionSlugs: nonFolderCollectionSlugs,
+            folderAssignedCollections: Array.isArray(folderType) ? folderType : [],
+            onCreateSuccess: clearRouteCache,
+            slugPrefix: "create-document--no-results"
+          }, "create-document")].filter(Boolean),
+          Message: _jsx("p", {
+            children: i18n.t("general:noResults", {
+              label: noResultsLabel
+            })
+          })
+        }), 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