@ruya.sa/ui 3.71.3

package/dist/views/CollectionFolder/ListSelection/index.js

@@ -0,0 +1,179 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { extractID } from '@ruya.sa/payload/shared';
+import React, { Fragment } from 'react';
+import { toast } from 'sonner';
+import { DeleteMany_v4 } from '../../../elements/DeleteMany/index.js';
+import { EditMany_v4 } from '../../../elements/EditMany/index.js';
+import { EditFolderAction } from '../../../elements/FolderView/Drawers/EditFolderAction/index.js';
+import { MoveItemsToFolderDrawer } from '../../../elements/FolderView/Drawers/MoveToFolder/index.js';
+import { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js';
+import { PublishMany_v4 } from '../../../elements/PublishMany/index.js';
+import { UnpublishMany_v4 } from '../../../elements/UnpublishMany/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useFolder } from '../../../providers/Folders/index.js';
+import { useRouteCache } from '../../../providers/RouteCache/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+const moveToFolderDrawerSlug = 'move-to-folder--list';
+export const ListSelection = t0 => {
+  const $ = _c(17);
+  const {
+    disableBulkDelete,
+    disableBulkEdit,
+    folderAssignedCollections
+  } = t0;
+  const {
+    clearSelections,
+    currentFolder,
+    folderCollectionSlug,
+    folderFieldName,
+    folderID,
+    getSelectedItems,
+    moveToFolder
+  } = useFolder();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const {
+    config
+  } = useConfig();
+  const {
+    t
+  } = useTranslation();
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  let t1;
+  let t2;
+  if ($[0] !== clearRouteCache || $[1] !== clearSelections || $[2] !== closeModal || $[3] !== config || $[4] !== currentFolder?.value?._folderOrDocumentTitle || $[5] !== disableBulkDelete || $[6] !== disableBulkEdit || $[7] !== folderAssignedCollections || $[8] !== folderCollectionSlug || $[9] !== folderFieldName || $[10] !== folderID || $[11] !== getSelectedItems || $[12] !== moveToFolder || $[13] !== openModal || $[14] !== t) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const items = getSelectedItems();
+      const groupedSelections = items.reduce(_temp, {});
+      const count = items.length;
+      const singleNonFolderCollectionSelected = Object.keys(groupedSelections).length === 1 && Object.keys(groupedSelections)[0] !== folderCollectionSlug;
+      const collectionConfig = singleNonFolderCollectionSelected ? config.collections.find(collection => collection.slug === Object.keys(groupedSelections)[0]) : null;
+      if (count === 0) {
+        t2 = null;
+        break bb0;
+      }
+      const ids = singleNonFolderCollectionSelected ? groupedSelections[Object.keys(groupedSelections)[0]]?.ids || [] : [];
+      t1 = _jsx(ListSelection_v4, {
+        count,
+        ListActions: [count > 0 && _jsx(ListSelectionButton, {
+          onClick: () => clearSelections(),
+          children: t("general:clearAll")
+        }, "clear-all")].filter(Boolean),
+        SelectionActions: [!disableBulkEdit && ids.length && _jsxs(Fragment, {
+          children: [_jsx(EditMany_v4, {
+            collection: collectionConfig,
+            count,
+            ids,
+            selectAll: false
+          }), _jsx(PublishMany_v4, {
+            collection: collectionConfig,
+            count,
+            ids,
+            selectAll: false
+          }), _jsx(UnpublishMany_v4, {
+            collection: collectionConfig,
+            count,
+            ids,
+            selectAll: false
+          })]
+        }, "bulk-actions"), count === 1 && !singleNonFolderCollectionSelected && _jsx(EditFolderAction, {
+          folderCollectionSlug,
+          id: groupedSelections[folderCollectionSlug].ids[0]
+        }, "edit-folder-action"), count > 0 ? _jsxs(React.Fragment, {
+          children: [_jsx(ListSelectionButton, {
+            onClick: () => {
+              openModal(moveToFolderDrawerSlug);
+            },
+            type: "button",
+            children: t("general:move")
+          }), _jsx(MoveItemsToFolderDrawer, {
+            action: "moveItemsToFolder",
+            drawerSlug: moveToFolderDrawerSlug,
+            folderAssignedCollections,
+            folderCollectionSlug,
+            folderFieldName,
+            fromFolderID: folderID,
+            fromFolderName: currentFolder?.value?._folderOrDocumentTitle,
+            itemsToMove: getSelectedItems(),
+            onConfirm: async t3 => {
+              const {
+                id,
+                name
+              } = t3;
+              await moveToFolder({
+                itemsToMove: getSelectedItems(),
+                toFolderID: id
+              });
+              if (id) {
+                toast.success(t("folder:itemsMovedToFolder", {
+                  folderName: `"${name}"`,
+                  title: `${count} ${count > 1 ? t("general:items") : t("general:item")}`
+                }));
+              } else {
+                toast.success(t("folder:itemsMovedToRoot", {
+                  title: `${count} ${count > 1 ? t("general:items") : t("general:item")}`
+                }));
+              }
+              clearRouteCache();
+              closeModal(moveToFolderDrawerSlug);
+            }
+          })]
+        }, moveToFolderDrawerSlug) : null, !disableBulkDelete && _jsx(DeleteMany_v4, {
+          afterDelete: () => {
+            clearRouteCache();
+            clearSelections();
+          },
+          selections: groupedSelections
+        }, "bulk-delete")].filter(Boolean)
+      });
+    }
+    $[0] = clearRouteCache;
+    $[1] = clearSelections;
+    $[2] = closeModal;
+    $[3] = config;
+    $[4] = currentFolder?.value?._folderOrDocumentTitle;
+    $[5] = disableBulkDelete;
+    $[6] = disableBulkEdit;
+    $[7] = folderAssignedCollections;
+    $[8] = folderCollectionSlug;
+    $[9] = folderFieldName;
+    $[10] = folderID;
+    $[11] = getSelectedItems;
+    $[12] = moveToFolder;
+    $[13] = openModal;
+    $[14] = t;
+    $[15] = t1;
+    $[16] = t2;
+  } else {
+    t1 = $[15];
+    t2 = $[16];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  return t1;
+};
+function _temp(acc, item) {
+  if (item) {
+    if (acc[item.relationTo]) {
+      acc[item.relationTo].ids.push(extractID(item.value));
+      acc[item.relationTo].totalCount = acc[item.relationTo].totalCount + 1;
+    } else {
+      acc[item.relationTo] = {
+        ids: [extractID(item.value)],
+        totalCount: 1
+      };
+    }
+  }
+  return acc;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useModal","extractID","React","Fragment","toast","DeleteMany_v4","EditMany_v4","EditFolderAction","MoveItemsToFolderDrawer","ListSelection_v4","ListSelectionButton","PublishMany_v4","UnpublishMany_v4","useConfig","useFolder","useRouteCache","useTranslation","moveToFolderDrawerSlug","ListSelection","t0","$","disableBulkDelete","disableBulkEdit","folderAssignedCollections","clearSelections","currentFolder","folderCollectionSlug","folderFieldName","folderID","getSelectedItems","moveToFolder","clearRouteCache","config","t","closeModal","openModal","t1","t2","value","_folderOrDocumentTitle","Symbol","for","bb0","items","groupedSelections","reduce","_temp","count","length","singleNonFolderCollectionSelected","Object","keys","collectionConfig","collections","find","collection","slug","ids","_jsx","ListActions","onClick","children","filter","Boolean","SelectionActions","_jsxs","selectAll","id","type","action","drawerSlug","fromFolderID","fromFolderName","itemsToMove","onConfirm","t3","name","toFolderID","success","folderName","title","afterDelete","selections","acc","item","relationTo","push","totalCount"],"sources":["../../../../src/views/CollectionFolder/ListSelection/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug } from '@ruya.sa/payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { extractID } from '@ruya.sa/payload/shared'\nimport React, { Fragment } from 'react'\nimport { toast } from 'sonner'\n\nimport { DeleteMany_v4 } from '../../../elements/DeleteMany/index.js'\nimport { EditMany_v4 } from '../../../elements/EditMany/index.js'\nimport { EditFolderAction } from '../../../elements/FolderView/Drawers/EditFolderAction/index.js'\nimport { MoveItemsToFolderDrawer } from '../../../elements/FolderView/Drawers/MoveToFolder/index.js'\nimport { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js'\nimport { PublishMany_v4 } from '../../../elements/PublishMany/index.js'\nimport { UnpublishMany_v4 } from '../../../elements/UnpublishMany/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst moveToFolderDrawerSlug = 'move-to-folder--list'\n\ntype GroupedSelections = {\n  [relationTo: string]: {\n    all?: boolean\n    ids?: (number | string)[]\n    totalCount: number\n  }\n}\n\nexport type ListSelectionProps = {\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  folderAssignedCollections: CollectionSlug[]\n}\n\nexport const ListSelection: React.FC<ListSelectionProps> = ({\n  disableBulkDelete,\n  disableBulkEdit,\n  folderAssignedCollections,\n}) => {\n  const {\n    clearSelections,\n    currentFolder,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    getSelectedItems,\n    moveToFolder,\n  } = useFolder()\n\n  const { clearRouteCache } = useRouteCache()\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const items = getSelectedItems()\n\n  const groupedSelections: GroupedSelections = items.reduce((acc, item) => {\n    if (item) {\n      if (acc[item.relationTo]) {\n        acc[item.relationTo].ids.push(extractID(item.value))\n        acc[item.relationTo].totalCount += 1\n      } else {\n        acc[item.relationTo] = {\n          ids: [extractID(item.value)],\n          totalCount: 1,\n        }\n      }\n    }\n\n    return acc\n  }, {} as GroupedSelections)\n\n  const count = items.length\n  const singleNonFolderCollectionSelected =\n    Object.keys(groupedSelections).length === 1 &&\n    Object.keys(groupedSelections)[0] !== folderCollectionSlug\n  const collectionConfig = singleNonFolderCollectionSelected\n    ? config.collections.find((collection) => {\n        return collection.slug === Object.keys(groupedSelections)[0]\n      })\n    : null\n\n  if (count === 0) {\n    return null\n  }\n\n  const ids = singleNonFolderCollectionSelected\n    ? groupedSelections[Object.keys(groupedSelections)[0]]?.ids || []\n    : []\n\n  return (\n    <ListSelection_v4\n      count={count}\n      ListActions={[\n        count > 0 && (\n          <ListSelectionButton key=\"clear-all\" onClick={() => clearSelections()}>\n            {t('general:clearAll')}\n          </ListSelectionButton>\n        ),\n      ].filter(Boolean)}\n      SelectionActions={[\n        !disableBulkEdit && ids.length && (\n          <Fragment key=\"bulk-actions\">\n            <EditMany_v4 collection={collectionConfig} count={count} ids={ids} selectAll={false} />\n            <PublishMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={ids}\n              selectAll={false}\n            />\n            <UnpublishMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={ids}\n              selectAll={false}\n            />\n          </Fragment>\n        ),\n        count === 1 && !singleNonFolderCollectionSelected && (\n          <EditFolderAction\n            folderCollectionSlug={folderCollectionSlug}\n            id={groupedSelections[folderCollectionSlug].ids[0]}\n            key=\"edit-folder-action\"\n          />\n        ),\n        count > 0 ? (\n          <React.Fragment key={moveToFolderDrawerSlug}>\n            <ListSelectionButton\n              onClick={() => {\n                openModal(moveToFolderDrawerSlug)\n              }}\n              type=\"button\"\n            >\n              {t('general:move')}\n            </ListSelectionButton>\n\n            <MoveItemsToFolderDrawer\n              action=\"moveItemsToFolder\"\n              drawerSlug={moveToFolderDrawerSlug}\n              folderAssignedCollections={folderAssignedCollections}\n              folderCollectionSlug={folderCollectionSlug}\n              folderFieldName={folderFieldName}\n              fromFolderID={folderID}\n              fromFolderName={currentFolder?.value?._folderOrDocumentTitle}\n              itemsToMove={getSelectedItems()}\n              onConfirm={async ({ id, name }) => {\n                await moveToFolder({\n                  itemsToMove: getSelectedItems(),\n                  toFolderID: id,\n                })\n\n                if (id) {\n                  // moved to folder\n                  toast.success(\n                    t('folder:itemsMovedToFolder', {\n                      folderName: `\"${name}\"`,\n                      title: `${count} ${count > 1 ? t('general:items') : t('general:item')}`,\n                    }),\n                  )\n                } else {\n                  // moved to root\n                  toast.success(\n                    t('folder:itemsMovedToRoot', {\n                      title: `${count} ${count > 1 ? t('general:items') : t('general:item')}`,\n                    }),\n                  )\n                }\n\n                clearRouteCache()\n                closeModal(moveToFolderDrawerSlug)\n              }}\n            />\n          </React.Fragment>\n        ) : null,\n        !disableBulkDelete && (\n          <DeleteMany_v4\n            afterDelete={() => {\n              clearRouteCache()\n              clearSelections()\n            }}\n            key=\"bulk-delete\"\n            selections={groupedSelections}\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import type { FolderListViewClientProps } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+export declare function DefaultCollectionFolderView({ allCollectionFolderSlugs: folderCollectionSlugs, allowCreateCollectionSlugs, baseFolderPath, breadcrumbs, documents, folderFieldName, folderID, FolderResultsComponent, search, sort, subfolders, ...restOfProps }: FolderListViewClientProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/CollectionFolder/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAMjE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAuBvC,OAAO,cAAc,CAAA;AAQrB,wBAAgB,2BAA2B,CAAC,EAC1C,wBAAwB,EAAE,qBAAqB,EAC/C,0BAA0B,EAC1B,cAAc,EACd,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,EACR,sBAAsB,EACtB,MAAM,EACN,IAAI,EACJ,UAAU,EACV,GAAG,WAAW,EACf,EAAE,yBAAyB,qBAkB3B"}

package/dist/views/CollectionFolder/index.js

@@ -0,0 +1,319 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDndMonitor } from '@dnd-kit/core';
+import { getTranslation } from '@ruya.sa/translations';
+import { useRouter } from 'next/navigation.js';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React, { Fragment } from 'react';
+import { DefaultListViewTabs } from '../../elements/DefaultListViewTabs/index.js';
+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 { 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 { ListBulkUploadButton, 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 './index.scss';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { useWindowInfo } from '../../providers/WindowInfo/index.js';
+import { ListSelection } from './ListSelection/index.js';
+const baseClass = 'collection-folder-list';
+export function DefaultCollectionFolderView({
+  allCollectionFolderSlugs: folderCollectionSlugs,
+  allowCreateCollectionSlugs,
+  baseFolderPath,
+  breadcrumbs,
+  documents,
+  folderFieldName,
+  folderID,
+  FolderResultsComponent,
+  search,
+  sort,
+  subfolders,
+  ...restOfProps
+}) {
+  return /*#__PURE__*/_jsx(FolderProvider, {
+    allCollectionFolderSlugs: folderCollectionSlugs,
+    allowCreateCollectionSlugs: allowCreateCollectionSlugs,
+    baseFolderPath: baseFolderPath,
+    breadcrumbs: breadcrumbs,
+    documents: documents,
+    folderFieldName: folderFieldName,
+    folderID: folderID,
+    FolderResultsComponent: FolderResultsComponent,
+    search: search,
+    sort: sort,
+    subfolders: subfolders,
+    children: /*#__PURE__*/_jsx(CollectionFolderViewInContext, {
+      ...restOfProps
+    })
+  });
+}
+function CollectionFolderViewInContext(props) {
+  const $ = _c(6);
+  const {
+    AfterFolderList,
+    AfterFolderListTable,
+    BeforeFolderList,
+    BeforeFolderListTable,
+    collectionSlug,
+    Description,
+    disableBulkDelete,
+    disableBulkEdit,
+    search,
+    viewPreference
+  } = props;
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const drawerDepth = useEditDepth();
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    setPreference
+  } = usePreferences();
+  const {
+    allowCreateCollectionSlugs,
+    breadcrumbs,
+    documents,
+    dragOverlayItem,
+    folderCollectionConfig,
+    folderCollectionSlug,
+    FolderResultsComponent,
+    folderType,
+    getSelectedItems,
+    moveToFolder,
+    refineFolderData,
+    selectedItemKeys,
+    setIsDragging,
+    subfolders
+  } = useFolder();
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const {
+    labels,
+    upload
+  } = collectionConfig;
+  const isUploadCollection = Boolean(upload);
+  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload;
+  const {
+    breakpoints: t0
+  } = useWindowInfo();
+  const {
+    s: smallBreak
+  } = t0;
+  let t1;
+  if ($[0] !== clearRouteCache || $[1] !== getSelectedItems || $[2] !== moveToFolder) {
+    t1 = async event => {
+      if (!event.over) {
+        return;
+      }
+      if (event.over.data.current.type === "folder" && "id" in event.over.data.current) {
+        ;
+        try {
+          await moveToFolder({
+            itemsToMove: getSelectedItems(),
+            toFolderID: event.over.data.current.id
+          });
+        } catch (t2) {
+          const error = t2;
+          console.error("Error moving items:", error);
+        }
+        clearRouteCache();
+      }
+    };
+    $[0] = clearRouteCache;
+    $[1] = getSelectedItems;
+    $[2] = moveToFolder;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const onDragEnd = t1;
+  const handleSetViewType = async view => {
+    await setPreference(`${collectionSlug}-collection-folder`, {
+      viewPreference: view
+    });
+    clearRouteCache();
+  };
+  React.useEffect(() => {
+    if (!drawerDepth) {
+      setStepNav([!breadcrumbs.length ? {
+        label: _jsxs("div", {
+          className: `${baseClass}__step-nav-icon-label`,
+          children: [_jsx(ColoredFolderIcon, {}), getTranslation(labels?.plural, i18n)]
+        }, "root")
+      } : {
+        label: _jsxs(DroppableBreadcrumb, {
+          className: [`${baseClass}__step-nav-droppable`, `${baseClass}__step-nav-icon-label`].filter(Boolean).join(" "),
+          id: null,
+          onClick: () => {
+            startRouteTransition(() => {
+              if (config.folders) {
+                router.push(formatAdminURL({
+                  adminRoute: config.routes.admin,
+                  path: `/collections/${collectionSlug}/${config.folders.slug}`
+                }));
+              }
+            });
+          },
+          children: [_jsx(ColoredFolderIcon, {}), getTranslation(labels?.plural, i18n)]
+        }, "root")
+      }, ...breadcrumbs.map((crumb, crumbIndex) => ({
+        label: crumbIndex === breadcrumbs.length - 1 ? crumb.name : _jsx(DroppableBreadcrumb, {
+          className: `${baseClass}__step-nav-droppable`,
+          id: crumb.id,
+          onClick: () => {
+            startRouteTransition(() => {
+              if (config.folders) {
+                router.push(formatAdminURL({
+                  adminRoute: config.routes.admin,
+                  path: `/collections/${collectionSlug}/${config.folders.slug}/${crumb.id}`
+                }));
+              }
+            });
+          },
+          children: crumb.name
+        }, crumb.id)
+      }))]);
+    }
+  }, [breadcrumbs, collectionSlug, config.folders, config.routes.admin, config.serverURL, drawerDepth, i18n, labels?.plural, router, setStepNav, startRouteTransition]);
+  const totalDocsAndSubfolders = documents.length + subfolders.length;
+  let t2;
+  if ($[4] !== refineFolderData) {
+    t2 = search_0 => refineFolderData({
+      query: {
+        search: search_0
+      },
+      updateURL: true
+    });
+    $[4] = refineFolderData;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return _jsxs(Fragment, {
+    children: [_jsx(DndEventListener, {
+      onDragEnd,
+      setIsDragging
+    }), _jsxs("div", {
+      className: `${baseClass} ${baseClass}--${collectionSlug}`,
+      children: [BeforeFolderList, _jsxs(Gutter, {
+        className: `${baseClass}__wrap`,
+        children: [_jsx(ListHeader, {
+          Actions: [!smallBreak && _jsx(ListSelection, {
+            disableBulkDelete,
+            disableBulkEdit: collectionConfig.disableBulkEdit ?? disableBulkEdit,
+            folderAssignedCollections: Array.isArray(folderType) ? folderType : [collectionSlug]
+          }, "list-selection"), _jsx(DefaultListViewTabs, {
+            collectionConfig,
+            config,
+            viewType: "folders"
+          }, "default-list-actions")].filter(Boolean),
+          AfterListHeaderContent: Description,
+          title: getTranslation(labels?.plural, i18n),
+          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 : [collectionSlug],
+            onCreateSuccess: clearRouteCache,
+            slugPrefix: "create-document--header-pill"
+          }, "create-new-button"), _jsx(ListBulkUploadButton, {
+            collectionSlug,
+            hasCreatePermission: allowCreateCollectionSlugs.includes(collectionSlug),
+            isBulkUploadEnabled
+          }, "bulk-upload-button")].filter(Boolean)
+        }), _jsx(SearchBar, {
+          Actions: [_jsx(SortByPill, {}, "sort-by-pill"), _jsx(ToggleViewButtons, {
+            activeView: viewPreference,
+            setActiveView: handleSetViewType
+          }, "toggle-view-buttons"), _jsx(CurrentFolderActions, {}, "current-folder-actions")].filter(Boolean),
+          label: t("general:searchBy", {
+            label: t("general:name")
+          }),
+          onSearchChange: t2,
+          searchQueryParam: search
+        }), BeforeFolderListTable, totalDocsAndSubfolders > 0 && FolderResultsComponent, totalDocsAndSubfolders === 0 && _jsx(NoListResults, {
+          Actions: [allowCreateCollectionSlugs.includes(folderCollectionSlug) && _jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+            collectionSlugs: [folderCollectionConfig.slug],
+            folderAssignedCollections: Array.isArray(folderType) ? folderType : [collectionSlug],
+            onCreateSuccess: clearRouteCache,
+            slugPrefix: "create-folder--no-results"
+          }, "create-folder"), allowCreateCollectionSlugs.includes(collectionSlug) && _jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: `${t("general:create")} ${t("general:document").toLowerCase()}`,
+            collectionSlugs: [collectionSlug],
+            folderAssignedCollections: Array.isArray(folderType) ? folderType : [collectionSlug],
+            onCreateSuccess: clearRouteCache,
+            slugPrefix: "create-document--no-results"
+          }, "create-document")].filter(Boolean),
+          Message: _jsx("p", {
+            children: i18n.t("general:noResults", {
+              label: `${getTranslation(labels?.plural, i18n)} ${t("general:or").toLowerCase()} ${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
+            })
+          })
+        }), 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/CollectionFolder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useDndMonitor","getTranslation","useRouter","formatAdminURL","React","Fragment","DefaultListViewTabs","DroppableBreadcrumb","ColoredFolderIcon","CurrentFolderActions","DragOverlaySelection","SortByPill","ToggleViewButtons","Gutter","ListHeader","ListBulkUploadButton","ListCreateNewDocInFolderButton","NoListResults","SearchBar","useStepNav","useConfig","useEditDepth","FolderProvider","useFolder","usePreferences","useRouteCache","useRouteTransition","useTranslation","useWindowInfo","ListSelection","baseClass","DefaultCollectionFolderView","allCollectionFolderSlugs","folderCollectionSlugs","allowCreateCollectionSlugs","baseFolderPath","breadcrumbs","documents","folderFieldName","folderID","FolderResultsComponent","search","sort","subfolders","restOfProps","_jsx","CollectionFolderViewInContext","props","$","AfterFolderList","AfterFolderListTable","BeforeFolderList","BeforeFolderListTable","collectionSlug","Description","disableBulkDelete","disableBulkEdit","viewPreference","config","getEntityConfig","i18n","t","drawerDepth","setStepNav","setPreference","dragOverlayItem","folderCollectionConfig","folderCollectionSlug","folderType","getSelectedItems","moveToFolder","refineFolderData","selectedItemKeys","setIsDragging","router","startRouteTransition","clearRouteCache","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","breakpoints","t0","s","smallBreak","t1","event","over","data","current","type","itemsToMove","toFolderID","id","t2","error","console","onDragEnd","handleSetViewType","view","useEffect","length","label","_jsxs","className","children","plural","filter","join","onClick","folders","push","adminRoute","routes","admin","path","slug","map","crumb","crumbIndex","name","serverURL","totalDocsAndSubfolders","search_0","query","updateURL","DndEventListener","Actions","folderAssignedCollections","Array","isArray","viewType","AfterListHeaderContent","title","TitleActions","buttonLabel","singular","toLowerCase","collectionSlugs","onCreateSuccess","slugPrefix","hasCreatePermission","includes","activeView","setActiveView","onSearchChange","searchQueryParam","Message","size","item","selectedCount","onDragCancel","onDragStart"],"sources":["../../../src/views/CollectionFolder/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 { formatAdminURL } from '@ruya.sa/payload/shared'\nimport React, { Fragment } from 'react'\n\nimport { DefaultListViewTabs } from '../../elements/DefaultListViewTabs/index.js'\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 { 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 {\n  ListBulkUploadButton,\n  ListCreateNewDocInFolderButton,\n} 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 './index.scss'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from './ListSelection/index.js'\n\nconst baseClass = 'collection-folder-list'\n\nexport function DefaultCollectionFolderView({\n  allCollectionFolderSlugs: folderCollectionSlugs,\n  allowCreateCollectionSlugs,\n  baseFolderPath,\n  breadcrumbs,\n  documents,\n  folderFieldName,\n  folderID,\n  FolderResultsComponent,\n  search,\n  sort,\n  subfolders,\n  ...restOfProps\n}: FolderListViewClientProps) {\n  return (\n    <FolderProvider\n      allCollectionFolderSlugs={folderCollectionSlugs}\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      sort={sort}\n      subfolders={subfolders}\n    >\n      <CollectionFolderViewInContext {...restOfProps} />\n    </FolderProvider>\n  )\n}\n\ntype CollectionFolderViewInContextProps = Omit<\n  FolderListViewClientProps,\n  | 'allCollectionFolderSlugs'\n  | 'allowCreateCollectionSlugs'\n  | 'baseFolderPath'\n  | 'breadcrumbs'\n  | 'documents'\n  | 'folderFieldName'\n  | 'folderID'\n  | 'FolderResultsComponent'\n  | 'subfolders'\n>\n\nfunction CollectionFolderViewInContext(props: CollectionFolderViewInContextProps) {\n  const {\n    AfterFolderList,\n    AfterFolderListTable,\n    BeforeFolderList,\n    BeforeFolderListTable,\n    collectionSlug,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    search,\n    viewPreference,\n  } = props\n\n  const { config, getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const drawerDepth = useEditDepth()\n  const { setStepNav } = useStepNav()\n  const { setPreference } = usePreferences()\n  const {\n    allowCreateCollectionSlugs,\n    breadcrumbs,\n    documents,\n    dragOverlayItem,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    FolderResultsComponent,\n    folderType,\n    getSelectedItems,\n    moveToFolder,\n    refineFolderData,\n    selectedItemKeys,\n    setIsDragging,\n    subfolders,\n  } = useFolder()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n  const isUploadCollection = Boolean(upload)\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\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        try {\n          await moveToFolder({\n            itemsToMove: getSelectedItems(),\n            toFolderID: event.over.data.current.id,\n          })\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error('Error moving items:', error)\n        }\n\n        clearRouteCache()\n      }\n    },\n    [moveToFolder, getSelectedItems, clearRouteCache],\n  )\n\n  const handleSetViewType = React.useCallback(\n    async (view: 'grid' | 'list') => {\n      await setPreference(`${collectionSlug}-collection-folder`, {\n        viewPreference: view,\n      })\n      clearRouteCache()\n    },\n    [collectionSlug, setPreference, clearRouteCache],\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                  {getTranslation(labels?.plural, i18n)}\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                      if (config.folders) {\n                        router.push(\n                          formatAdminURL({\n                            adminRoute: config.routes.admin,\n                            path: `/collections/${collectionSlug}/${config.folders.slug}`,\n                          }),\n                        )\n                      }\n                    })\n                  }}\n                >\n                  <ColoredFolderIcon />\n                  {getTranslation(labels?.plural, i18n)}\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                      if (config.folders) {\n                        router.push(\n                          formatAdminURL({\n                            adminRoute: config.routes.admin,\n                            path: `/collections/${collectionSlug}/${config.folders.slug}/${crumb.id}`,\n                          }),\n                        )\n                      }\n                    })\n                  }}\n                >\n                  {crumb.name}\n                </DroppableBreadcrumb>\n              ),\n          }\n        }),\n      ])\n    }\n  }, [\n    breadcrumbs,\n    collectionSlug,\n    config.folders,\n    config.routes.admin,\n    config.serverURL,\n    drawerDepth,\n    i18n,\n    labels?.plural,\n    router,\n    setStepNav,\n    startRouteTransition,\n  ])\n\n  const totalDocsAndSubfolders = documents.length + subfolders.length\n\n  return (\n    <Fragment>\n      <DndEventListener onDragEnd={onDragEnd} setIsDragging={setIsDragging} />\n\n      <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n        {BeforeFolderList}\n        <Gutter className={`${baseClass}__wrap`}>\n          <ListHeader\n            Actions={[\n              !smallBreak && (\n                <ListSelection\n                  disableBulkDelete={disableBulkDelete}\n                  disableBulkEdit={collectionConfig.disableBulkEdit ?? disableBulkEdit}\n                  folderAssignedCollections={\n                    Array.isArray(folderType) ? folderType : [collectionSlug]\n                  }\n                  key=\"list-selection\"\n                />\n              ),\n              <DefaultListViewTabs\n                collectionConfig={collectionConfig}\n                config={config}\n                key=\"default-list-actions\"\n                viewType=\"folders\"\n              />,\n            ].filter(Boolean)}\n            AfterListHeaderContent={Description}\n            title={getTranslation(labels?.plural, i18n)}\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={\n                    Array.isArray(folderType) ? folderType : [collectionSlug]\n                  }\n                  key=\"create-new-button\"\n                  onCreateSuccess={clearRouteCache}\n                  slugPrefix=\"create-document--header-pill\"\n                />\n              ),\n              <ListBulkUploadButton\n                collectionSlug={collectionSlug}\n                hasCreatePermission={allowCreateCollectionSlugs.includes(collectionSlug)}\n                isBulkUploadEnabled={isBulkUploadEnabled}\n                key=\"bulk-upload-button\"\n              />,\n            ].filter(Boolean)}\n          />\n          <SearchBar\n            Actions={[\n              <SortByPill key=\"sort-by-pill\" />,\n              <ToggleViewButtons\n                activeView={viewPreference}\n                key=\"toggle-view-buttons\"\n                setActiveView={handleSetViewType}\n              />,\n              <CurrentFolderActions key=\"current-folder-actions\" />,\n            ].filter(Boolean)}\n            label={t('general:searchBy', {\n              label: t('general:name'),\n            })}\n            onSearchChange={(search) => refineFolderData({ query: { search }, updateURL: true })}\n            searchQueryParam={search}\n          />\n          {BeforeFolderListTable}\n          {totalDocsAndSubfolders > 0 && FolderResultsComponent}\n          {totalDocsAndSubfolders === 0 && (\n            <NoListResults\n              Actions={[\n                allowCreateCollectionSlugs.includes(folderCollectionSlug) && (\n                  <ListCreateNewDocInFolderButton\n                    buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                    collectionSlugs={[folderCollectionConfig.slug]}\n                    folderAssignedCollections={\n                      Array.isArray(folderType) ? folderType : [collectionSlug]\n                    }\n                    key=\"create-folder\"\n                    onCreateSuccess={clearRouteCache}\n                    slugPrefix=\"create-folder--no-results\"\n                  />\n                ),\n                allowCreateCollectionSlugs.includes(collectionSlug) && (\n                  <ListCreateNewDocInFolderButton\n                    buttonLabel={`${t('general:create')} ${t('general:document').toLowerCase()}`}\n                    collectionSlugs={[collectionSlug]}\n                    folderAssignedCollections={\n                      Array.isArray(folderType) ? folderType : [collectionSlug]\n                    }\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: `${getTranslation(labels?.plural, i18n)} ${t('general:or').toLowerCase()} ${getTranslation(\n                      folderCollectionConfig.labels?.plural,\n                      i18n,\n                    )}`,\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}\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":[]}