@ruya.sa/ui 3.71.3

package/dist/views/BrowseByFolder/index.js

@@ -0,0 +1,362 @@
+'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 '@ruya.sa/translations';
+import { useRouter } from 'next/navigation.js';
+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 { useConfig } from '../../providers/Config/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(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
+    });
+    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
+    });
+    $[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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useDndMonitor","getTranslation","useRouter","React","Fragment","DroppableBreadcrumb","ColoredFolderIcon","CurrentFolderActions","DragOverlaySelection","FilterFolderTypePill","FolderFileTable","ItemCardGrid","SortByPill","ToggleViewButtons","Gutter","ListHeader","ListCreateNewDocInFolderButton","NoListResults","SearchBar","useStepNav","useConfig","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","getEntityConfig","i18n","t","drawerDepth","setStepNav","startRouteTransition","clearRouteCache","breakpoints","t0","s","smallBreak","setPreference","visibleCollectionSlugs","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","t3","acc","slug","index","array","collectionConfig","collectionSlug","toLowerCase","noResultsLabel","reduce","handleSetViewType","view","t4","t5","label","_jsxs","className","children","filter","Boolean","join","onClick","push","map","crumb","crumbIndex","useEffect","nonFolderCollectionSlugs","slug_0","t6","search_0","query","updateURL","DndEventListener","Actions","AfterListHeaderContent","title","TitleActions","buttonLabel","singular","collectionSlugs","Array","isArray","onCreateSuccess","slugPrefix","onSearchChange","searchQueryParam","_Fragment","items","subfolderCount","includes","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 '@ruya.sa/payload'\n\nimport { useDndMonitor } from '@dnd-kit/core'\nimport { getTranslation } from '@ruya.sa/translations'\nimport { useRouter } from 'next/navigation.js'\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 { useConfig } from '../../providers/Config/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 { getEntityConfig } = useConfig()\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    activeCollectionFolderSlugs: visibleCollectionSlugs,\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  const noResultsLabel = visibleCollectionSlugs.reduce((acc, slug, index, array) => {\n    const collectionConfig = getEntityConfig({ collectionSlug: slug })\n    if (index === 0) {\n      return getTranslation(collectionConfig.labels?.plural, i18n)\n    }\n    if (index === array.length - 1) {\n      return `${acc} ${t('general:or').toLowerCase()} ${getTranslation(collectionConfig.labels?.plural, i18n)}`\n    }\n    return `${acc}, ${getTranslation(collectionConfig.labels?.plural, i18n)}`\n  }, '')\n\n  const handleSetViewType = React.useCallback(\n    (view: 'grid' | 'list') => {\n      void setPreference('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                    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                    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                <p>\n                  {i18n.t('general:noResults', {\n                    label: noResultsLabel,\n                  })}\n                </p>\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 '@ruya.sa/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,kBAAkB,CAAA;AAItD,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,CAwJtD,CAAA"}