@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/elements/FolderView/CurrentFolderActions/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -19,144 +19,180 @@ import { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js';
 const moveToFolderDrawerSlug = 'move-to-folder--current-folder';
 const confirmDeleteDrawerSlug = 'confirm-many-delete';
 const baseClass = 'current-folder-actions';
-export function CurrentFolderActions({
-  className
-}) {
-  const router = useRouter();
-  const {
-    startRouteTransition
-  } = useRouteTransition();
-  const {
-    breadcrumbs,
-    currentFolder,
-    folderCollectionConfig,
-    folderCollectionSlug,
-    folderFieldName,
-    folderID,
-    getFolderRoute,
-    moveToFolder
-  } = useFolder();
-  const [FolderDocumentDrawer,, {
-    closeDrawer: closeFolderDrawer,
-    openDrawer: openFolderDrawer
-  }] = useDocumentDrawer({
-    id: folderID,
-    collectionSlug: folderCollectionSlug
-  });
-  const {
-    clearRouteCache
-  } = useRouteCache();
-  const {
-    config
-  } = useConfig();
-  const {
-    routes
-  } = config;
-  const {
-    closeModal,
-    openModal
-  } = useModal();
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const deleteCurrentFolder = React.useCallback(async () => {
-    await fetch(formatAdminURL({
-      apiRoute: routes.api,
-      path: `/${folderCollectionSlug}/${folderID}?depth=0`
-    }), {
-      credentials: 'include',
-      method: 'DELETE'
+export function CurrentFolderActions({ className }) {
+    const router = useRouter();
+    const { startRouteTransition } = useRouteTransition();
+    const { breadcrumbs, currentFolder, folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID, getFolderRoute, moveToFolder } = useFolder();
+    const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] = useDocumentDrawer({
+        id: folderID,
+        collectionSlug: folderCollectionSlug
     });
-    startRouteTransition(() => {
-      router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null));
-    });
-  }, [breadcrumbs, folderCollectionSlug, folderID, getFolderRoute, router, routes.api, startRouteTransition]);
-  if (!folderID) {
-    return null;
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Popup, {
-      button: /*#__PURE__*/_jsx(Dots, {}),
-      className: [baseClass, className].filter(Boolean).join(' '),
-      render: () => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
-        children: [/*#__PURE__*/_jsx(PopupList.Button, {
-          onClick: () => {
-            openFolderDrawer();
-          },
-          children: t('general:editLabel', {
-            label: getTranslation(folderCollectionConfig.labels.singular, i18n)
-          })
-        }), /*#__PURE__*/_jsx(PopupList.Button, {
-          onClick: () => {
-            openModal(moveToFolderDrawerSlug);
-          },
-          children: t('folder:moveFolder')
-        }), /*#__PURE__*/_jsx(PopupList.Button, {
-          onClick: () => {
-            openModal(confirmDeleteDrawerSlug);
-          },
-          children: t('folder:deleteFolder')
-        })]
-      })
-    }), /*#__PURE__*/_jsx(MoveItemsToFolderDrawer, {
-      action: "moveItemToFolder",
-      drawerSlug: moveToFolderDrawerSlug,
-      folderAssignedCollections: currentFolder?.value.folderType,
-      folderCollectionSlug: folderCollectionSlug,
-      folderFieldName: folderFieldName,
-      fromFolderID: currentFolder?.value.id,
-      fromFolderName: currentFolder?.value._folderOrDocumentTitle,
-      itemsToMove: [currentFolder],
-      onConfirm: async ({
-        id,
-        name
-      }) => {
-        await moveToFolder({
-          itemsToMove: [currentFolder],
-          toFolderID: id
+    const { clearRouteCache } = useRouteCache();
+    const { config } = useConfig();
+    const { routes } = config;
+    const { closeModal, openModal } = useModal();
+    const { i18n, t } = useTranslation();
+    const deleteCurrentFolder = React.useCallback(async ()=>{
+        await fetch(formatAdminURL({
+            apiRoute: routes.api,
+            path: `/${folderCollectionSlug}/${folderID}?depth=0`
+        }), {
+            credentials: 'include',
+            method: 'DELETE'
+        });
+        startRouteTransition(()=>{
+            router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null));
         });
-        if (id) {
-          // moved to folder
-          toast.success(t('folder:itemHasBeenMoved', {
-            folderName: `"${name}"`,
-            title: currentFolder.value._folderOrDocumentTitle
-          }));
-        } else {
-          // moved to root
-          toast.success(t('folder:itemHasBeenMovedToRoot', {
-            title: currentFolder.value._folderOrDocumentTitle
-          }));
-        }
-        closeModal(moveToFolderDrawerSlug);
-      },
-      title: currentFolder.value._folderOrDocumentTitle
-    }), /*#__PURE__*/_jsx(ConfirmationModal, {
-      body: /*#__PURE__*/_jsx(Translation, {
-        elements: {
-          '1': ({
-            children
-          }) => /*#__PURE__*/_jsx("strong", {
-            children: children
-          })
-        },
-        i18nKey: "general:aboutToDelete",
-        t: t,
-        variables: {
-          label: getTranslation(folderCollectionConfig.labels.singular, i18n),
-          title: currentFolder.value._folderOrDocumentTitle
-        }
-      }),
-      confirmingLabel: t('general:deleting'),
-      heading: t('general:confirmDeletion'),
-      modalSlug: confirmDeleteDrawerSlug,
-      onConfirm: deleteCurrentFolder
-    }), /*#__PURE__*/_jsx(FolderDocumentDrawer, {
-      onSave: () => {
-        closeFolderDrawer();
-        clearRouteCache();
-      }
-    })]
-  });
+    }, [
+        breadcrumbs,
+        folderCollectionSlug,
+        folderID,
+        getFolderRoute,
+        router,
+        routes.api,
+        startRouteTransition
+    ]);
+    if (!folderID) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxDEV(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxDEV(Popup, {
+                button: /*#__PURE__*/ _jsxDEV(Dots, {}, void 0, false, {
+                    fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                    lineNumber: 83,
+                    columnNumber: 17
+                }, void 0),
+                className: [
+                    baseClass,
+                    className
+                ].filter(Boolean).join(' '),
+                render: ()=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
+                        children: [
+                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                onClick: ()=>{
+                                    openFolderDrawer();
+                                },
+                                children: t('general:editLabel', {
+                                    label: getTranslation(folderCollectionConfig.labels.singular, i18n)
+                                })
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                                lineNumber: 87,
+                                columnNumber: 13
+                            }, void 0),
+                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                onClick: ()=>{
+                                    openModal(moveToFolderDrawerSlug);
+                                },
+                                children: t('folder:moveFolder')
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                                lineNumber: 96,
+                                columnNumber: 13
+                            }, void 0),
+                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
+                                onClick: ()=>{
+                                    openModal(confirmDeleteDrawerSlug);
+                                },
+                                children: t('folder:deleteFolder')
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                                lineNumber: 103,
+                                columnNumber: 13
+                            }, void 0)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                        lineNumber: 86,
+                        columnNumber: 11
+                    }, void 0)
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                lineNumber: 82,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(MoveItemsToFolderDrawer, {
+                action: "moveItemToFolder",
+                drawerSlug: moveToFolderDrawerSlug,
+                folderAssignedCollections: currentFolder?.value.folderType,
+                folderCollectionSlug: folderCollectionSlug,
+                folderFieldName: folderFieldName,
+                fromFolderID: currentFolder?.value.id,
+                fromFolderName: currentFolder?.value._folderOrDocumentTitle,
+                itemsToMove: [
+                    currentFolder
+                ],
+                onConfirm: async ({ id, name })=>{
+                    await moveToFolder({
+                        itemsToMove: [
+                            currentFolder
+                        ],
+                        toFolderID: id
+                    });
+                    if (id) {
+                        // moved to folder
+                        toast.success(t('folder:itemHasBeenMoved', {
+                            folderName: `"${name}"`,
+                            title: currentFolder.value._folderOrDocumentTitle
+                        }));
+                    } else {
+                        // moved to root
+                        toast.success(t('folder:itemHasBeenMovedToRoot', {
+                            title: currentFolder.value._folderOrDocumentTitle
+                        }));
+                    }
+                    closeModal(moveToFolderDrawerSlug);
+                },
+                title: currentFolder.value._folderOrDocumentTitle
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                lineNumber: 113,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsxDEV(Translation, {
+                    elements: {
+                        '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
+                                children: children
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                                lineNumber: 152,
+                                columnNumber: 38
+                            }, void 0)
+                    },
+                    i18nKey: "general:aboutToDelete",
+                    t: t,
+                    variables: {
+                        label: getTranslation(folderCollectionConfig.labels.singular, i18n),
+                        title: currentFolder.value._folderOrDocumentTitle
+                    }
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                    lineNumber: 150,
+                    columnNumber: 11
+                }, void 0),
+                confirmingLabel: t('general:deleting'),
+                heading: t('general:confirmDeletion'),
+                modalSlug: confirmDeleteDrawerSlug,
+                onConfirm: deleteCurrentFolder
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                lineNumber: 148,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(FolderDocumentDrawer, {
+                onSave: ()=>{
+                    closeFolderDrawer();
+                    clearRouteCache();
+                }
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                lineNumber: 168,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true);
 }
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/CurrentFolderActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","useRouter","formatAdminURL","React","toast","Dots","useConfig","useFolder","useRouteCache","useRouteTransition","useTranslation","ConfirmationModal","useDocumentDrawer","Popup","PopupList","Translation","MoveItemsToFolderDrawer","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","router","startRouteTransition","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","getFolderRoute","moveToFolder","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","id","collectionSlug","clearRouteCache","config","routes","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","apiRoute","api","path","credentials","method","push","length","_jsxs","_Fragment","_jsx","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","label","labels","singular","action","drawerSlug","folderAssignedCollections","value","folderType","fromFolderID","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave"],"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { Dots } from '../../../icons/Dots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst moveToFolderDrawerSlug = 'move-to-folder--current-folder'\nconst confirmDeleteDrawerSlug = 'confirm-many-delete'\n\nconst baseClass = 'current-folder-actions'\n\ntype Props = {\n  className?: string\n}\nexport function CurrentFolderActions({ className }: Props) {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    getFolderRoute,\n    moveToFolder,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      id: folderID,\n      collectionSlug: folderCollectionSlug,\n    })\n  const { clearRouteCache } = useRouteCache()\n  const { config } = useConfig()\n  const { routes } = config\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n\n  const deleteCurrentFolder = React.useCallback(async () => {\n    await fetch(\n      formatAdminURL({\n        apiRoute: routes.api,\n        path: `/${folderCollectionSlug}/${folderID}?depth=0`,\n      }),\n      {\n        credentials: 'include',\n        method: 'DELETE',\n      },\n    )\n    startRouteTransition(() => {\n      router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null))\n    })\n  }, [\n    breadcrumbs,\n    folderCollectionSlug,\n    folderID,\n    getFolderRoute,\n    router,\n    routes.api,\n    startRouteTransition,\n  ])\n\n  if (!folderID) {\n    return null\n  }\n\n  return (\n    <>\n      <Popup\n        button={<Dots />}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        render={() => (\n          <PopupList.ButtonGroup>\n            <PopupList.Button\n              onClick={() => {\n                openFolderDrawer()\n              }}\n            >\n              {t('general:editLabel', {\n                label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              })}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(moveToFolderDrawerSlug)\n              }}\n            >\n              {t('folder:moveFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(confirmDeleteDrawerSlug)\n              }}\n            >\n              {t('folder:deleteFolder')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n      />\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={moveToFolderDrawerSlug}\n        folderAssignedCollections={currentFolder?.value.folderType}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={currentFolder?.value.id}\n        fromFolderName={currentFolder?.value._folderOrDocumentTitle}\n        itemsToMove={[currentFolder]}\n        onConfirm={async ({ id, name }) => {\n          await moveToFolder({\n            itemsToMove: [currentFolder],\n            toFolderID: id,\n          })\n          if (id) {\n            // moved to folder\n            toast.success(\n              t('folder:itemHasBeenMoved', {\n                folderName: `\"${name}\"`,\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          } else {\n            // moved to root\n            toast.success(\n              t('folder:itemHasBeenMovedToRoot', {\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          }\n          closeModal(moveToFolderDrawerSlug)\n        }}\n        title={currentFolder.value._folderOrDocumentTitle}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              title: currentFolder.value._folderOrDocumentTitle,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeleteDrawerSlug}\n        onConfirm={deleteCurrentFolder}\n      />\n\n      <FolderDocumentDrawer\n        onSave={() => {\n          closeFolderDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { Dots } from '../../../icons/Dots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst moveToFolderDrawerSlug = 'move-to-folder--current-folder'\nconst confirmDeleteDrawerSlug = 'confirm-many-delete'\n\nconst baseClass = 'current-folder-actions'\n\ntype Props = {\n  className?: string\n}\nexport function CurrentFolderActions({ className }: Props) {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    getFolderRoute,\n    moveToFolder,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      id: folderID,\n      collectionSlug: folderCollectionSlug,\n    })\n  const { clearRouteCache } = useRouteCache()\n  const { config } = useConfig()\n  const { routes } = config\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n\n  const deleteCurrentFolder = React.useCallback(async () => {\n    await fetch(\n      formatAdminURL({\n        apiRoute: routes.api,\n        path: `/${folderCollectionSlug}/${folderID}?depth=0`,\n      }),\n      {\n        credentials: 'include',\n        method: 'DELETE',\n      },\n    )\n    startRouteTransition(() => {\n      router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null))\n    })\n  }, [\n    breadcrumbs,\n    folderCollectionSlug,\n    folderID,\n    getFolderRoute,\n    router,\n    routes.api,\n    startRouteTransition,\n  ])\n\n  if (!folderID) {\n    return null\n  }\n\n  return (\n    <>\n      <Popup\n        button={<Dots />}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        render={() => (\n          <PopupList.ButtonGroup>\n            <PopupList.Button\n              onClick={() => {\n                openFolderDrawer()\n              }}\n            >\n              {t('general:editLabel', {\n                label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              })}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(moveToFolderDrawerSlug)\n              }}\n            >\n              {t('folder:moveFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(confirmDeleteDrawerSlug)\n              }}\n            >\n              {t('folder:deleteFolder')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n      />\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={moveToFolderDrawerSlug}\n        folderAssignedCollections={currentFolder?.value.folderType}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={currentFolder?.value.id}\n        fromFolderName={currentFolder?.value._folderOrDocumentTitle}\n        itemsToMove={[currentFolder]}\n        onConfirm={async ({ id, name }) => {\n          await moveToFolder({\n            itemsToMove: [currentFolder],\n            toFolderID: id,\n          })\n          if (id) {\n            // moved to folder\n            toast.success(\n              t('folder:itemHasBeenMoved', {\n                folderName: `\"${name}\"`,\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          } else {\n            // moved to root\n            toast.success(\n              t('folder:itemHasBeenMovedToRoot', {\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          }\n          closeModal(moveToFolderDrawerSlug)\n        }}\n        title={currentFolder.value._folderOrDocumentTitle}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              title: currentFolder.value._folderOrDocumentTitle,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeleteDrawerSlug}\n        onConfirm={deleteCurrentFolder}\n      />\n\n      <FolderDocumentDrawer\n        onSave={() => {\n          closeFolderDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","formatAdminURL","React","toast","Dots","useConfig","useFolder","useRouteCache","useRouteTransition","useTranslation","ConfirmationModal","useDocumentDrawer","Popup","PopupList","Translation","MoveItemsToFolderDrawer","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","router","startRouteTransition","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","getFolderRoute","moveToFolder","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","id","collectionSlug","clearRouteCache","config","routes","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","apiRoute","api","path","credentials","method","push","length","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","label","labels","singular","action","drawerSlug","folderAssignedCollections","value","folderType","fromFolderID","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave"],"mappings":"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"}

package/dist/elements/FolderView/DragOverlaySelection/index.js

@@ -1,62 +1,81 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { DragOverlay } from '@dnd-kit/core';
 import { getEventCoordinates } from '@dnd-kit/utilities';
 import { FolderFileCard } from '../FolderFileCard/index.js';
 import './index.scss';
 const baseClass = 'drag-overlay-selection';
-export function DragOverlaySelection({
-  item,
-  selectedCount
-}) {
-  return /*#__PURE__*/_jsx(DragOverlay, {
-    dropAnimation: null,
-    modifiers: [snapTopLeftToCursor],
-    style: {
-      height: 'unset',
-      maxWidth: '220px'
-    },
-    children: /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__cards`,
-      children: [Array.from({
-        length: selectedCount > 1 ? 2 : 1
-      }).map((_, index) => /*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__card`,
+export function DragOverlaySelection({ item, selectedCount }) {
+    return /*#__PURE__*/ _jsxDEV(DragOverlay, {
+        dropAnimation: null,
+        modifiers: [
+            snapTopLeftToCursor
+        ],
         style: {
-          right: `${index * 3}px`,
-          top: `-${index * 3}px`
+            height: 'unset',
+            maxWidth: '220px'
         },
-        children: /*#__PURE__*/_jsx(FolderFileCard, {
-          id: null,
-          isSelected: true,
-          itemKey: "overlay-card",
-          title: item.value._folderOrDocumentTitle,
-          type: "folder"
-        })
-      }, index)), selectedCount > 1 ? /*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__card-count`,
-        children: selectedCount
-      }) : null]
-    })
-  });
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__cards`,
+            children: [
+                Array.from({
+                    length: selectedCount > 1 ? 2 : 1
+                }).map((_, index)=>/*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__card`,
+                        style: {
+                            right: `${index * 3}px`,
+                            top: `-${index * 3}px`
+                        },
+                        children: /*#__PURE__*/ _jsxDEV(FolderFileCard, {
+                            id: null,
+                            isSelected: true,
+                            itemKey: "overlay-card",
+                            title: item.value._folderOrDocumentTitle,
+                            type: "folder"
+                        }, void 0, false, {
+                            fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
+                            lineNumber: 36,
+                            columnNumber: 13
+                        }, this)
+                    }, index, false, {
+                        fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
+                        lineNumber: 28,
+                        columnNumber: 11
+                    }, this)),
+                selectedCount > 1 ? /*#__PURE__*/ _jsxDEV("span", {
+                    className: `${baseClass}__card-count`,
+                    children: selectedCount
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
+                    lineNumber: 46,
+                    columnNumber: 11
+                }, this) : null
+            ]
+        }, void 0, true, {
+            fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
+            lineNumber: 26,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
+        lineNumber: 18,
+        columnNumber: 5
+    }, this);
 }
-export const snapTopLeftToCursor = ({
-  activatorEvent,
-  draggingNodeRect,
-  transform
-}) => {
-  if (draggingNodeRect && activatorEvent) {
-    const activatorCoordinates = getEventCoordinates(activatorEvent);
-    if (!activatorCoordinates) {
-      return transform;
+export const snapTopLeftToCursor = ({ activatorEvent, draggingNodeRect, transform })=>{
+    if (draggingNodeRect && activatorEvent) {
+        const activatorCoordinates = getEventCoordinates(activatorEvent);
+        if (!activatorCoordinates) {
+            return transform;
+        }
+        const offsetX = activatorCoordinates.x - draggingNodeRect.left;
+        const offsetY = activatorCoordinates.y - draggingNodeRect.top;
+        return {
+            ...transform,
+            x: transform.x + offsetX + 5,
+            y: transform.y + offsetY + 5
+        };
     }
-    const offsetX = activatorCoordinates.x - draggingNodeRect.left;
-    const offsetY = activatorCoordinates.y - draggingNodeRect.top;
-    return {
-      ...transform,
-      x: transform.x + offsetX + 5,
-      y: transform.y + offsetY + 5
-    };
-  }
-  return transform;
+    return transform;
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/FolderView/DragOverlaySelection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","_jsx","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","_jsxs","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly item: FolderOrDocument\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ item, selectedCount }: DragCardsProps) {\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={item.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"mappings":";AAGA,SAASA,WAAW,QAAQ;AAC5B,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,qBAAqB;EAAEC,IAAI;EAAEC;AAAa,CAAkB;EAC1E,oBACEC,IAAA,CAACP,WAAA;IACCQ,aAAA,EAAe;IACfC,SAAA,EAAW,CAACC,mBAAA,CAAoB;IAChCC,KAAA,EAAO;MACLC,MAAA,EAAQ;MACRC,QAAA,EAAU;IACZ;cAEA,aAAAC,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGZ,SAAA,SAAkB;iBAClCa,KAAA,CAAMC,IAAI,CAAC;QAAEC,MAAA,EAAQZ,aAAA,GAAgB,IAAI,IAAI;MAAE,GAAGa,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBACzDd,IAAA,CAAC;QACCQ,SAAA,EAAW,GAAGZ,SAAA,QAAiB;QAE/BQ,KAAA,EAAO;UACLW,KAAA,EAAO,GAAGD,KAAA,GAAQ,KAAK;UACvBE,GAAA,EAAK,IAAIF,KAAA,GAAQ;QACnB;kBAEA,aAAAd,IAAA,CAACL,cAAA;UACCsB,EAAA,EAAI;UACJC,UAAU;UACVC,OAAA,EAAQ;UACRC,KAAA,EAAOtB,IAAA,CAAKuB,KAAK,CAACC,sBAAsB;UACxCC,IAAA,EAAK;;SAXFT,KAAA,IAeRf,aAAA,GAAgB,iBACfC,IAAA,CAAC;QAAKQ,SAAA,EAAW,GAAGZ,SAAA,cAAuB;kBAAGG;WAC5C;;;AAIZ;AAEA,OAAO,MAAMI,mBAAA,GAAgCA,CAAC;EAAEqB,cAAc;EAAEC,gBAAgB;EAAEC;AAAS,CAAE;EAC3F,IAAID,gBAAA,IAAoBD,cAAA,EAAgB;IACtC,MAAMG,oBAAA,GAAuBjC,mBAAA,CAAoB8B,cAAA;IAEjD,IAAI,CAACG,oBAAA,EAAsB;MACzB,OAAOD,SAAA;IACT;IAEA,MAAME,OAAA,GAAUD,oBAAA,CAAqBE,CAAC,GAAGJ,gBAAA,CAAiBK,IAAI;IAC9D,MAAMC,OAAA,GAAUJ,oBAAA,CAAqBK,CAAC,GAAGP,gBAAA,CAAiBT,GAAG;IAE7D,OAAO;MACL,GAAGU,SAAS;MACZG,CAAA,EAAGH,SAAA,CAAUG,CAAC,GAAGD,OAAA,GAAU;MAC3BI,CAAA,EAAGN,SAAA,CAAUM,CAAC,GAAGD,OAAA,GAAU;IAC7B;EACF;EAEA,OAAOL,SAAA;AACT","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly item: FolderOrDocument\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ item, selectedCount }: DragCardsProps) {\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={item.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","div","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","span","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"mappings":";AAGA,SAASA,WAAW,QAAQ,gBAAe;AAC3C,SAASC,mBAAmB,QAAQ,qBAAoB;AAExD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,aAAa,EAAkB;IAC1E,qBACE,QAACN;QACCO,eAAe;QACfC,WAAW;YAACC;SAAoB;QAChCC,OAAO;YACLC,QAAQ;YACRC,UAAU;QACZ;kBAEA,cAAA,QAACC;YAAIC,WAAW,GAAGX,UAAU,OAAO,CAAC;;gBAClCY,MAAMC,IAAI,CAAC;oBAAEC,QAAQX,gBAAgB,IAAI,IAAI;gBAAE,GAAGY,GAAG,CAAC,CAACC,GAAGC,sBACzD,QAACP;wBACCC,WAAW,GAAGX,UAAU,MAAM,CAAC;wBAE/BO,OAAO;4BACLW,OAAO,GAAGD,QAAQ,EAAE,EAAE,CAAC;4BACvBE,KAAK,CAAC,CAAC,EAAEF,QAAQ,EAAE,EAAE,CAAC;wBACxB;kCAEA,cAAA,QAAClB;4BACCqB,IAAI;4BACJC,UAAU;4BACVC,SAAQ;4BACRC,OAAOrB,KAAKsB,KAAK,CAACC,sBAAsB;4BACxCC,MAAK;;;;;;uBAXFT;;;;;gBAeRd,gBAAgB,kBACf,QAACwB;oBAAKhB,WAAW,GAAGX,UAAU,YAAY,CAAC;8BAAGG;;;;;2BAC5C;;;;;;;;;;;;AAIZ;AAEA,OAAO,MAAMG,sBAAgC,CAAC,EAAEsB,cAAc,EAAEC,gBAAgB,EAAEC,SAAS,EAAE;IAC3F,IAAID,oBAAoBD,gBAAgB;QACtC,MAAMG,uBAAuBjC,oBAAoB8B;QAEjD,IAAI,CAACG,sBAAsB;YACzB,OAAOD;QACT;QAEA,MAAME,UAAUD,qBAAqBE,CAAC,GAAGJ,iBAAiBK,IAAI;QAC9D,MAAMC,UAAUJ,qBAAqBK,CAAC,GAAGP,iBAAiBV,GAAG;QAE7D,OAAO;YACL,GAAGW,SAAS;YACZG,GAAGH,UAAUG,CAAC,GAAGD,UAAU;YAC3BI,GAAGN,UAAUM,CAAC,GAAGD,UAAU;QAC7B;IACF;IAEA,OAAOL;AACT,EAAC"}