@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

package/dist/elements/FolderView/Drawers/MoveToFolder/index.js

@@ -1,5 +1,5 @@
 'use client';
-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 { extractID } from 'payload/shared';
@@ -33,14 +33,22 @@ const confirmModalSlug = `${baseModalSlug}-confirm-move`;
    * Set to `true` to skip the confirmation modal
    * @default false
    */ export function MoveItemsToFolderDrawer(props) {
-    return /*#__PURE__*/ _jsx(Drawer, {
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
         gutter: false,
         Header: null,
         slug: props.drawerSlug,
-        children: /*#__PURE__*/ _jsx(LoadFolderData, {
+        children: /*#__PURE__*/ _jsxDEV(LoadFolderData, {
             ...props
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+            lineNumber: 70,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+        lineNumber: 69,
+        columnNumber: 5
+    }, this);
 }
 function LoadFolderData(props) {
     const { permissions } = useAuth();
@@ -91,9 +99,13 @@ function LoadFolderData(props) {
         props.fromFolderID
     ]);
     if (!hasLoaded) {
-        return /*#__PURE__*/ _jsx(LoadingOverlay, {});
+        return /*#__PURE__*/ _jsxDEV(LoadingOverlay, {}, void 0, false, {
+            fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+            lineNumber: 123,
+            columnNumber: 12
+        }, this);
     }
-    return /*#__PURE__*/ _jsx(FolderProvider, {
+    return /*#__PURE__*/ _jsxDEV(FolderProvider, {
         allCollectionFolderSlugs: [
             props.folderCollectionSlug
         ],
@@ -110,11 +122,19 @@ function LoadFolderData(props) {
             await populateMoveToFolderDrawer(item.value.id);
         },
         subfolders: subfolders,
-        children: /*#__PURE__*/ _jsx(Content, {
+        children: /*#__PURE__*/ _jsxDEV(Content, {
             ...props,
             populateMoveToFolderDrawer: populateMoveToFolderDrawer
-        })
-    }, folderID);
+        }, void 0, false, {
+            fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+            lineNumber: 146,
+            columnNumber: 7
+        }, this)
+    }, folderID, false, {
+        fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+        lineNumber: 127,
+        columnNumber: 5
+    }, this);
 }
 function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConfirm, populateMoveToFolderDrawer, skipConfirmModal, ...props }) {
     const { clearRouteCache } = useRouteCache();
@@ -180,10 +200,10 @@ function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConf
         clearRouteCache,
         folderAddedToUnderlyingFolder
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         className: baseClass,
         children: [
-            /*#__PURE__*/ _jsx(DrawerActionHeader, {
+            /*#__PURE__*/ _jsxDEV(DrawerActionHeader, {
                 onCancel: ()=>{
                     closeModal(drawerSlug);
                 },
@@ -195,27 +215,43 @@ function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConf
                     }
                 },
                 saveLabel: t('general:select'),
-                title: /*#__PURE__*/ _jsx(DrawerHeading, {
+                title: /*#__PURE__*/ _jsxDEV(DrawerHeading, {
                     action: props.action,
                     count: count,
                     fromFolderName: fromFolderID ? fromFolderName : undefined,
                     title: props.action === 'moveItemToFolder' ? props.title : undefined
-                })
-            }),
-            /*#__PURE__*/ _jsxs("div", {
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                    lineNumber: 250,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                lineNumber: 237,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${baseClass}__breadcrumbs-section`,
                 children: [
-                    /*#__PURE__*/ _jsx(FolderBreadcrumbs, {
+                    /*#__PURE__*/ _jsxDEV(FolderBreadcrumbs, {
                         breadcrumbs: [
                             {
                                 id: null,
-                                name: /*#__PURE__*/ _jsxs("span", {
+                                name: /*#__PURE__*/ _jsxDEV("span", {
                                     className: `${baseClass}__folder-breadcrumbs-root`,
                                     children: [
-                                        /*#__PURE__*/ _jsx(ColoredFolderIcon, {}),
+                                        /*#__PURE__*/ _jsxDEV(ColoredFolderIcon, {}, void 0, false, {
+                                            fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                            lineNumber: 266,
+                                            columnNumber: 19
+                                        }, void 0),
                                         t('folder:folders')
                                     ]
-                                }),
+                                }, void 0, true, {
+                                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                    lineNumber: 265,
+                                    columnNumber: 17
+                                }, void 0),
                                 onClick: breadcrumbs.length ? ()=>{
                                     void populateMoveToFolderDrawer(null);
                                 } : undefined
@@ -228,10 +264,14 @@ function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConf
                                     } : undefined
                                 }))
                         ]
-                    }),
-                    subfolders.length > 0 && /*#__PURE__*/ _jsxs(_Fragment, {
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                        lineNumber: 260,
+                        columnNumber: 9
+                    }, this),
+                    subfolders.length > 0 && /*#__PURE__*/ _jsxDEV(_Fragment, {
                         children: [
-                            /*#__PURE__*/ _jsx(Button, {
+                            /*#__PURE__*/ _jsxDEV(Button, {
                                 buttonStyle: "pill",
                                 className: `${baseClass}__add-folder-button`,
                                 margin: false,
@@ -241,8 +281,12 @@ function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConf
                                 children: t('fields:addLabel', {
                                     label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
                                 })
-                            }),
-                            /*#__PURE__*/ _jsx(FolderDocumentDrawer, {
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                lineNumber: 290,
+                                columnNumber: 13
+                            }, this),
+                            /*#__PURE__*/ _jsxDEV(FolderDocumentDrawer, {
                                 initialData: {
                                     [folderFieldName]: folderID,
                                     folderType
@@ -255,16 +299,24 @@ function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConf
                                     closeFolderDrawer();
                                 },
                                 redirectAfterCreate: false
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                lineNumber: 302,
+                                columnNumber: 13
+                            }, this)
                         ]
-                    })
+                    }, void 0, true)
                 ]
-            }),
-            /*#__PURE__*/ _jsx(DrawerContentContainer, {
+            }, void 0, true, {
+                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                lineNumber: 259,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(DrawerContentContainer, {
                 className: `${baseClass}__body-section`,
-                children: subfolders.length > 0 ? FolderResultsComponent : /*#__PURE__*/ _jsx(NoListResults, {
+                children: subfolders.length > 0 ? FolderResultsComponent : /*#__PURE__*/ _jsxDEV(NoListResults, {
                     Actions: [
-                        /*#__PURE__*/ _jsx(ListCreateNewDocInFolderButton, {
+                        /*#__PURE__*/ _jsxDEV(ListCreateNewDocInFolderButton, {
                             buttonLabel: `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
                             collectionSlugs: [
                                 folderCollectionSlug
@@ -272,31 +324,59 @@ function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConf
                             folderAssignedCollections: props.folderAssignedCollections,
                             onCreateSuccess: onCreateSuccess,
                             slugPrefix: "create-new-folder-from-drawer--no-results"
-                        }, "create-folder")
+                        }, "create-folder", false, {
+                            fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                            lineNumber: 326,
+                            columnNumber: 15
+                        }, void 0)
                     ],
-                    Message: /*#__PURE__*/ _jsx("p", {
+                    Message: /*#__PURE__*/ _jsxDEV("p", {
                         children: i18n.t('general:noResults', {
                             label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
                         })
-                    })
-                })
-            }),
-            !skipConfirmModal && /*#__PURE__*/ _jsx(ConfirmationModal, {
-                body: /*#__PURE__*/ _jsx(ConfirmationMessage, {
+                    }, void 0, false, {
+                        fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                        lineNumber: 336,
+                        columnNumber: 15
+                    }, void 0)
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                    lineNumber: 324,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                lineNumber: 320,
+                columnNumber: 7
+            }, this),
+            !skipConfirmModal && /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsxDEV(ConfirmationMessage, {
                     action: props.action,
                     count: count,
                     fromFolderName: fromFolderName,
                     title: props.action === 'moveItemToFolder' ? props.title : undefined,
                     toFolderName: getSelectedFolder().name
-                }),
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                    lineNumber: 349,
+                    columnNumber: 13
+                }, void 0),
                 confirmingLabel: t('general:moving'),
                 confirmLabel: t('general:move'),
                 heading: t('general:confirmMove'),
                 modalSlug: confirmModalSlug,
                 onConfirm: onConfirmMove
-            })
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                lineNumber: 347,
+                columnNumber: 9
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+        lineNumber: 236,
+        columnNumber: 5
+    }, this);
 }
 function DrawerHeading(props) {
     const { t } = useTranslation();
@@ -340,14 +420,22 @@ function ConfirmationMessage(props) {
             if (props.toFolderName) {
                 // move to destination
                 // You are about to move {{title}} to {{toFolder}}. Are you sure?
-                return /*#__PURE__*/ _jsx(Translation, {
+                return /*#__PURE__*/ _jsxDEV(Translation, {
                     elements: {
-                        1: ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                        1: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                 children: children
-                            }),
-                        2: ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                lineNumber: 422,
+                                columnNumber: 36
+                            }, void 0),
+                        2: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                 children: children
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                lineNumber: 423,
+                                columnNumber: 36
+                            }, void 0)
                     },
                     i18nKey: "folder:moveItemToFolderConfirmation",
                     t: t,
@@ -355,36 +443,56 @@ function ConfirmationMessage(props) {
                         title: props.title,
                         toFolder: props.toFolderName
                     }
-                });
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                    lineNumber: 420,
+                    columnNumber: 11
+                }, this);
             } else {
                 // move to root
                 // You are about to move {{title}} to the root folder. Are you sure?
-                return /*#__PURE__*/ _jsx(Translation, {
+                return /*#__PURE__*/ _jsxDEV(Translation, {
                     elements: {
-                        1: ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                        1: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                 children: children
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                lineNumber: 439,
+                                columnNumber: 36
+                            }, void 0)
                     },
                     i18nKey: "folder:moveItemToRootConfirmation",
                     t: t,
                     variables: {
                         title: props.title
                     }
-                });
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                    lineNumber: 437,
+                    columnNumber: 11
+                }, this);
             }
         case 'moveItemsToFolder':
             // moving many (documents/folders) from list view
             if (props.toFolderName) {
                 // move to destination
                 // You are about to move {{count}} {{label}} to {{toFolder}}. Are you sure?
-                return /*#__PURE__*/ _jsx(Translation, {
+                return /*#__PURE__*/ _jsxDEV(Translation, {
                     elements: {
-                        1: ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                        1: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                 children: children
-                            }),
-                        2: ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                lineNumber: 458,
+                                columnNumber: 36
+                            }, void 0),
+                        2: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                 children: children
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                lineNumber: 459,
+                                columnNumber: 36
+                            }, void 0)
                     },
                     i18nKey: "folder:moveItemsToFolderConfirmation",
                     t: t,
@@ -393,15 +501,23 @@ function ConfirmationMessage(props) {
                         label: props.count > 1 ? t('general:items') : t('general:item'),
                         toFolder: props.toFolderName
                     }
-                });
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                    lineNumber: 456,
+                    columnNumber: 11
+                }, this);
             } else {
                 // move to root
                 // You are about to move {{count}} {{label}} to the root folder. Are you sure?
-                return /*#__PURE__*/ _jsx(Translation, {
+                return /*#__PURE__*/ _jsxDEV(Translation, {
                     elements: {
-                        1: ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                        1: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                 children: children
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                                lineNumber: 476,
+                                columnNumber: 36
+                            }, void 0)
                     },
                     i18nKey: "folder:moveItemsToRootConfirmation",
                     t: t,
@@ -409,7 +525,11 @@ function ConfirmationMessage(props) {
                         count: props.count,
                         label: props.count > 1 ? t('general:items') : t('general:item')
                     }
-                });
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
+                    lineNumber: 474,
+                    columnNumber: 11
+                }, this);
             }
     }
 }

package/dist/elements/FolderView/Drawers/MoveToFolder/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, Document } from 'payload'\nimport type { FolderBreadcrumb, FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { extractID } from 'payload/shared'\nimport React from 'react'\n\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { FolderProvider, useFolder } from '../../../../providers/Folders/index.js'\nimport { useRouteCache } from '../../../../providers/RouteCache/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { ConfirmationModal } from '../../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { Drawer } from '../../../Drawer/index.js'\nimport { DrawerActionHeader } from '../../../DrawerActionHeader/index.js'\nimport { DrawerContentContainer } from '../../../DrawerContentContainer/index.js'\nimport { ListCreateNewDocInFolderButton } from '../../../ListHeader/TitleActions/ListCreateNewDocInFolderButton.js'\nimport { LoadingOverlay } from '../../../Loading/index.js'\nimport { NoListResults } from '../../../NoListResults/index.js'\nimport { Translation } from '../../../Translation/index.js'\nimport { FolderBreadcrumbs } from '../../Breadcrumbs/index.js'\nimport { ColoredFolderIcon } from '../../ColoredFolderIcon/index.js'\nimport './index.scss'\n\nconst baseClass = 'move-folder-drawer'\nconst baseModalSlug = 'move-folder-drawer'\nconst confirmModalSlug = `${baseModalSlug}-confirm-move`\n\ntype ActionProps =\n  | {\n      readonly action: 'moveItemsToFolder'\n    }\n  | {\n      readonly action: 'moveItemToFolder'\n      readonly title: string\n    }\nexport type MoveToFolderDrawerProps = {\n  readonly drawerSlug: string\n  readonly folderAssignedCollections: CollectionSlug[]\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName?: string\n  readonly itemsToMove: FolderOrDocument[]\n  /**\n   * Callback function to be called when the user confirms the move\n   *\n   * @param folderID - The ID of the folder to move the items to\n   */\n  readonly onConfirm: (args: {\n    id: null | number | string\n    name: null | string\n  }) => Promise<void> | void\n  readonly populateMoveToFolderDrawer?: (folderID: null | number | string) => Promise<void> | void\n  /**\n   * Set to `true` to skip the confirmation modal\n   * @default false\n   */\n  readonly skipConfirmModal?: boolean\n} & ActionProps\n\nexport function MoveItemsToFolderDrawer(props: MoveToFolderDrawerProps) {\n  return (\n    <Drawer gutter={false} Header={null} slug={props.drawerSlug}>\n      <LoadFolderData {...props} />\n    </Drawer>\n  )\n}\n\nfunction LoadFolderData(props: MoveToFolderDrawerProps) {\n  const { permissions } = useAuth()\n  const [subfolders, setSubfolders] = React.useState<FolderOrDocument[]>([])\n  const [documents, setDocuments] = React.useState<FolderOrDocument[]>([])\n  const [breadcrumbs, setBreadcrumbs] = React.useState<FolderBreadcrumb[]>([])\n  const [FolderResultsComponent, setFolderResultsComponent] = React.useState<React.ReactNode>(null)\n  const [hasLoaded, setHasLoaded] = React.useState(false)\n  const [folderID, setFolderID] = React.useState<null | number | string>(props.fromFolderID || null)\n  const hasLoadedRef = React.useRef(false)\n  const { getFolderResultsComponentAndData } = useServerFunctions()\n\n  const populateMoveToFolderDrawer = React.useCallback(\n    async (folderIDToPopulate: null | number | string) => {\n      try {\n        const result = await getFolderResultsComponentAndData({\n          browseByFolder: false,\n          collectionsToDisplay: [props.folderCollectionSlug],\n          displayAs: 'grid',\n          // todo: should be able to pass undefined, empty array or null and get all folders. Need to look at API for this in the server function\n          folderAssignedCollections: props.folderAssignedCollections,\n          folderID: folderIDToPopulate,\n          sort: 'name',\n        })\n\n        setBreadcrumbs(result.breadcrumbs || [])\n        setSubfolders(result?.subfolders || [])\n        setDocuments(result?.documents || [])\n        setFolderResultsComponent(result.FolderResultsComponent || null)\n        setFolderID(folderIDToPopulate)\n        setHasLoaded(true)\n      } catch (e) {\n        setBreadcrumbs([])\n        setSubfolders([])\n        setDocuments([])\n      }\n\n      hasLoadedRef.current = true\n    },\n    [getFolderResultsComponentAndData, props.folderAssignedCollections, props.folderCollectionSlug],\n  )\n\n  React.useEffect(() => {\n    if (!hasLoadedRef.current) {\n      void populateMoveToFolderDrawer(props.fromFolderID)\n    }\n  }, [populateMoveToFolderDrawer, props.fromFolderID])\n\n  if (!hasLoaded) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <FolderProvider\n      allCollectionFolderSlugs={[props.folderCollectionSlug]}\n      allowCreateCollectionSlugs={\n        permissions.collections[props.folderCollectionSlug]?.create\n          ? [props.folderCollectionSlug]\n          : []\n      }\n      allowMultiSelection={false}\n      breadcrumbs={breadcrumbs}\n      documents={documents}\n      folderFieldName={props.folderFieldName}\n      folderID={folderID}\n      FolderResultsComponent={FolderResultsComponent}\n      key={folderID}\n      onItemClick={async (item) => {\n        await populateMoveToFolderDrawer(item.value.id)\n      }}\n      subfolders={subfolders}\n    >\n      <Content {...props} populateMoveToFolderDrawer={populateMoveToFolderDrawer} />\n    </FolderProvider>\n  )\n}\n\nfunction Content({\n  drawerSlug,\n  fromFolderID,\n  fromFolderName,\n  itemsToMove,\n  onConfirm,\n  populateMoveToFolderDrawer,\n  skipConfirmModal,\n  ...props\n}: MoveToFolderDrawerProps) {\n  const { clearRouteCache } = useRouteCache()\n  const { closeModal, isModalOpen, openModal } = useModal()\n  const [count] = React.useState(() => itemsToMove.length)\n  const [folderAddedToUnderlyingFolder, setFolderAddedToUnderlyingFolder] = React.useState(false)\n  const { i18n, t } = useTranslation()\n  const {\n    breadcrumbs,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    FolderResultsComponent,\n    folderType,\n    getSelectedItems,\n    subfolders,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n\n  const getSelectedFolder = React.useCallback((): {\n    id: null | number | string\n    name: null | string\n  } => {\n    const selected = getSelectedItems()\n\n    if (selected.length === 0) {\n      const lastCrumb = breadcrumbs?.[breadcrumbs.length - 1]\n      // use the breadcrumb\n      return {\n        id: lastCrumb?.id || null,\n        name: lastCrumb?.name || null,\n      }\n    } else {\n      // use the selected item\n      return {\n        id: selected[0].value.id,\n        name: selected[0].value._folderOrDocumentTitle,\n      }\n    }\n  }, [breadcrumbs, getSelectedItems])\n\n  const onCreateSuccess = React.useCallback(\n    async ({ collectionSlug, doc }: { collectionSlug: CollectionSlug; doc: Document }) => {\n      await populateMoveToFolderDrawer(folderID)\n      if (\n        collectionSlug === folderCollectionSlug &&\n        ((doc?.folder && fromFolderID === extractID(doc?.folder)) ||\n          (!fromFolderID && !doc?.folder))\n      ) {\n        // if the folder we created is in the same folder as the one we are moving from\n        // set variable so we can clear the route cache when we close the drawer\n        setFolderAddedToUnderlyingFolder(true)\n      }\n    },\n    [populateMoveToFolderDrawer, folderID, fromFolderID, folderCollectionSlug],\n  )\n\n  const onConfirmMove = React.useCallback(() => {\n    if (typeof onConfirm === 'function') {\n      void onConfirm(getSelectedFolder())\n    }\n  }, [getSelectedFolder, onConfirm])\n\n  React.useEffect(() => {\n    if (!isModalOpen(drawerSlug) && folderAddedToUnderlyingFolder) {\n      // if we added a folder to the underlying folder, clear the route cache\n      // so that the folder view will be reloaded with the new folder\n      setFolderAddedToUnderlyingFolder(false)\n      clearRouteCache()\n    }\n  }, [drawerSlug, isModalOpen, clearRouteCache, folderAddedToUnderlyingFolder])\n\n  return (\n    <div className={baseClass}>\n      <DrawerActionHeader\n        onCancel={() => {\n          closeModal(drawerSlug)\n        }}\n        onSave={() => {\n          if (skipConfirmModal) {\n            onConfirmMove()\n          } else {\n            openModal(confirmModalSlug)\n          }\n        }}\n        saveLabel={t('general:select')}\n        title={\n          <DrawerHeading\n            action={props.action}\n            count={count}\n            fromFolderName={fromFolderID ? fromFolderName : undefined}\n            title={props.action === 'moveItemToFolder' ? props.title : undefined}\n          />\n        }\n      />\n\n      <div className={`${baseClass}__breadcrumbs-section`}>\n        <FolderBreadcrumbs\n          breadcrumbs={[\n            {\n              id: null,\n              name: (\n                <span className={`${baseClass}__folder-breadcrumbs-root`}>\n                  <ColoredFolderIcon />\n                  {t('folder:folders')}\n                </span>\n              ),\n              onClick: breadcrumbs.length\n                ? () => {\n                    void populateMoveToFolderDrawer(null)\n                  }\n                : undefined,\n            },\n            ...breadcrumbs.map((crumb, index) => ({\n              id: crumb.id,\n              name: crumb.name,\n              onClick:\n                index !== breadcrumbs.length - 1\n                  ? () => {\n                      void populateMoveToFolderDrawer(crumb.id)\n                    }\n                  : undefined,\n            })),\n          ]}\n        />\n        {subfolders.length > 0 && (\n          <>\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__add-folder-button`}\n              margin={false}\n              onClick={() => {\n                openFolderDrawer()\n              }}\n            >\n              {t('fields:addLabel', {\n                label: getTranslation(folderCollectionConfig.labels?.singular, i18n),\n              })}\n            </Button>\n            <FolderDocumentDrawer\n              initialData={{\n                [folderFieldName]: folderID,\n                folderType,\n              }}\n              onSave={(result) => {\n                void onCreateSuccess({\n                  collectionSlug: folderCollectionConfig.slug,\n                  doc: result.doc,\n                })\n                closeFolderDrawer()\n              }}\n              redirectAfterCreate={false}\n            />\n          </>\n        )}\n      </div>\n\n      <DrawerContentContainer className={`${baseClass}__body-section`}>\n        {subfolders.length > 0 ? (\n          FolderResultsComponent\n        ) : (\n          <NoListResults\n            Actions={[\n              <ListCreateNewDocInFolderButton\n                buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                collectionSlugs={[folderCollectionSlug]}\n                folderAssignedCollections={props.folderAssignedCollections}\n                key=\"create-folder\"\n                onCreateSuccess={onCreateSuccess}\n                slugPrefix=\"create-new-folder-from-drawer--no-results\"\n              />,\n            ]}\n            Message={\n              <p>\n                {i18n.t('general:noResults', {\n                  label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`,\n                })}\n              </p>\n            }\n          />\n        )}\n      </DrawerContentContainer>\n\n      {!skipConfirmModal && (\n        <ConfirmationModal\n          body={\n            <ConfirmationMessage\n              action={props.action}\n              count={count}\n              fromFolderName={fromFolderName}\n              title={props.action === 'moveItemToFolder' ? props.title : undefined}\n              toFolderName={getSelectedFolder().name}\n            />\n          }\n          confirmingLabel={t('general:moving')}\n          confirmLabel={t('general:move')}\n          heading={t('general:confirmMove')}\n          modalSlug={confirmModalSlug}\n          onConfirm={onConfirmMove}\n        />\n      )}\n    </div>\n  )\n}\n\nfunction DrawerHeading(\n  props: { count?: number } & ActionProps & Pick<MoveToFolderDrawerProps, 'fromFolderName'>,\n): string {\n  const { t } = useTranslation()\n\n  switch (props.action) {\n    case 'moveItemToFolder':\n      // moving current folder from list view actions menu\n      // or moving item from edit view\n      if (props.fromFolderName) {\n        // move from folder\n        return t('folder:movingFromFolder', {\n          fromFolder: props.fromFolderName,\n          title: props.title,\n        })\n      } else {\n        // move from root\n        return t('folder:selectFolderForItem', {\n          title: props.title,\n        })\n      }\n\n    case 'moveItemsToFolder':\n      if (props.fromFolderName) {\n        // move from folder\n        return t('folder:movingFromFolder', {\n          fromFolder: props.fromFolderName,\n          title: `${props.count} ${props.count > 1 ? t('general:items') : t('general:item')}`,\n        })\n      } else {\n        // move from root\n        return t('folder:selectFolderForItem', {\n          title: `${props.count} ${props.count > 1 ? t('general:items') : t('general:item')}`,\n        })\n      }\n  }\n}\n\nfunction ConfirmationMessage(\n  props: { count?: number; toFolderName?: string } & ActionProps &\n    Pick<MoveToFolderDrawerProps, 'fromFolderName'>,\n) {\n  const { t } = useTranslation()\n\n  switch (props.action) {\n    case 'moveItemToFolder':\n      // moving current folder from list view actions menu\n      // or moving item from edit view\n      if (props.toFolderName) {\n        // move to destination\n        // You are about to move {{title}} to {{toFolder}}. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n              2: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemToFolderConfirmation\"\n            t={t}\n            variables={{\n              title: props.title,\n              toFolder: props.toFolderName,\n            }}\n          />\n        )\n      } else {\n        // move to root\n        // You are about to move {{title}} to the root folder. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemToRootConfirmation\"\n            t={t}\n            variables={{\n              title: props.title,\n            }}\n          />\n        )\n      }\n\n    case 'moveItemsToFolder':\n      // moving many (documents/folders) from list view\n      if (props.toFolderName) {\n        // move to destination\n        // You are about to move {{count}} {{label}} to {{toFolder}}. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n              2: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemsToFolderConfirmation\"\n            t={t}\n            variables={{\n              count: props.count,\n              label: props.count > 1 ? t('general:items') : t('general:item'),\n              toFolder: props.toFolderName,\n            }}\n          />\n        )\n      } else {\n        // move to root\n        // You are about to move {{count}} {{label}} to the root folder. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemsToRootConfirmation\"\n            t={t}\n            variables={{\n              count: props.count,\n              label: props.count > 1 ? t('general:items') : t('general:item'),\n            }}\n          />\n        )\n      }\n  }\n}\n"],"names":["useModal","getTranslation","extractID","React","useAuth","FolderProvider","useFolder","useRouteCache","useServerFunctions","useTranslation","Button","ConfirmationModal","useDocumentDrawer","Drawer","DrawerActionHeader","DrawerContentContainer","ListCreateNewDocInFolderButton","LoadingOverlay","NoListResults","Translation","FolderBreadcrumbs","ColoredFolderIcon","baseClass","baseModalSlug","confirmModalSlug","MoveItemsToFolderDrawer","props","gutter","Header","slug","drawerSlug","LoadFolderData","permissions","subfolders","setSubfolders","useState","documents","setDocuments","breadcrumbs","setBreadcrumbs","FolderResultsComponent","setFolderResultsComponent","hasLoaded","setHasLoaded","folderID","setFolderID","fromFolderID","hasLoadedRef","useRef","getFolderResultsComponentAndData","populateMoveToFolderDrawer","useCallback","folderIDToPopulate","result","browseByFolder","collectionsToDisplay","folderCollectionSlug","displayAs","folderAssignedCollections","sort","e","current","useEffect","allCollectionFolderSlugs","allowCreateCollectionSlugs","collections","create","allowMultiSelection","folderFieldName","onItemClick","item","value","id","Content","fromFolderName","itemsToMove","onConfirm","skipConfirmModal","clearRouteCache","closeModal","isModalOpen","openModal","count","length","folderAddedToUnderlyingFolder","setFolderAddedToUnderlyingFolder","i18n","t","folderCollectionConfig","folderType","getSelectedItems","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","collectionSlug","getSelectedFolder","selected","lastCrumb","name","_folderOrDocumentTitle","onCreateSuccess","doc","folder","onConfirmMove","div","className","onCancel","onSave","saveLabel","title","DrawerHeading","action","undefined","span","onClick","map","crumb","index","buttonStyle","margin","label","labels","singular","initialData","redirectAfterCreate","Actions","buttonLabel","toLowerCase","collectionSlugs","slugPrefix","Message","p","plural","body","ConfirmationMessage","toFolderName","confirmingLabel","confirmLabel","heading","modalSlug","fromFolder","elements","children","strong","i18nKey","variables","toFolder"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, Document } from 'payload'\nimport type { FolderBreadcrumb, FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { extractID } from 'payload/shared'\nimport React from 'react'\n\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { FolderProvider, useFolder } from '../../../../providers/Folders/index.js'\nimport { useRouteCache } from '../../../../providers/RouteCache/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { ConfirmationModal } from '../../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { Drawer } from '../../../Drawer/index.js'\nimport { DrawerActionHeader } from '../../../DrawerActionHeader/index.js'\nimport { DrawerContentContainer } from '../../../DrawerContentContainer/index.js'\nimport { ListCreateNewDocInFolderButton } from '../../../ListHeader/TitleActions/ListCreateNewDocInFolderButton.js'\nimport { LoadingOverlay } from '../../../Loading/index.js'\nimport { NoListResults } from '../../../NoListResults/index.js'\nimport { Translation } from '../../../Translation/index.js'\nimport { FolderBreadcrumbs } from '../../Breadcrumbs/index.js'\nimport { ColoredFolderIcon } from '../../ColoredFolderIcon/index.js'\nimport './index.scss'\n\nconst baseClass = 'move-folder-drawer'\nconst baseModalSlug = 'move-folder-drawer'\nconst confirmModalSlug = `${baseModalSlug}-confirm-move`\n\ntype ActionProps =\n  | {\n      readonly action: 'moveItemsToFolder'\n    }\n  | {\n      readonly action: 'moveItemToFolder'\n      readonly title: string\n    }\nexport type MoveToFolderDrawerProps = {\n  readonly drawerSlug: string\n  readonly folderAssignedCollections: CollectionSlug[]\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName?: string\n  readonly itemsToMove: FolderOrDocument[]\n  /**\n   * Callback function to be called when the user confirms the move\n   *\n   * @param folderID - The ID of the folder to move the items to\n   */\n  readonly onConfirm: (args: {\n    id: null | number | string\n    name: null | string\n  }) => Promise<void> | void\n  readonly populateMoveToFolderDrawer?: (folderID: null | number | string) => Promise<void> | void\n  /**\n   * Set to `true` to skip the confirmation modal\n   * @default false\n   */\n  readonly skipConfirmModal?: boolean\n} & ActionProps\n\nexport function MoveItemsToFolderDrawer(props: MoveToFolderDrawerProps) {\n  return (\n    <Drawer gutter={false} Header={null} slug={props.drawerSlug}>\n      <LoadFolderData {...props} />\n    </Drawer>\n  )\n}\n\nfunction LoadFolderData(props: MoveToFolderDrawerProps) {\n  const { permissions } = useAuth()\n  const [subfolders, setSubfolders] = React.useState<FolderOrDocument[]>([])\n  const [documents, setDocuments] = React.useState<FolderOrDocument[]>([])\n  const [breadcrumbs, setBreadcrumbs] = React.useState<FolderBreadcrumb[]>([])\n  const [FolderResultsComponent, setFolderResultsComponent] = React.useState<React.ReactNode>(null)\n  const [hasLoaded, setHasLoaded] = React.useState(false)\n  const [folderID, setFolderID] = React.useState<null | number | string>(props.fromFolderID || null)\n  const hasLoadedRef = React.useRef(false)\n  const { getFolderResultsComponentAndData } = useServerFunctions()\n\n  const populateMoveToFolderDrawer = React.useCallback(\n    async (folderIDToPopulate: null | number | string) => {\n      try {\n        const result = await getFolderResultsComponentAndData({\n          browseByFolder: false,\n          collectionsToDisplay: [props.folderCollectionSlug],\n          displayAs: 'grid',\n          // todo: should be able to pass undefined, empty array or null and get all folders. Need to look at API for this in the server function\n          folderAssignedCollections: props.folderAssignedCollections,\n          folderID: folderIDToPopulate,\n          sort: 'name',\n        })\n\n        setBreadcrumbs(result.breadcrumbs || [])\n        setSubfolders(result?.subfolders || [])\n        setDocuments(result?.documents || [])\n        setFolderResultsComponent(result.FolderResultsComponent || null)\n        setFolderID(folderIDToPopulate)\n        setHasLoaded(true)\n      } catch (e) {\n        setBreadcrumbs([])\n        setSubfolders([])\n        setDocuments([])\n      }\n\n      hasLoadedRef.current = true\n    },\n    [getFolderResultsComponentAndData, props.folderAssignedCollections, props.folderCollectionSlug],\n  )\n\n  React.useEffect(() => {\n    if (!hasLoadedRef.current) {\n      void populateMoveToFolderDrawer(props.fromFolderID)\n    }\n  }, [populateMoveToFolderDrawer, props.fromFolderID])\n\n  if (!hasLoaded) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <FolderProvider\n      allCollectionFolderSlugs={[props.folderCollectionSlug]}\n      allowCreateCollectionSlugs={\n        permissions.collections[props.folderCollectionSlug]?.create\n          ? [props.folderCollectionSlug]\n          : []\n      }\n      allowMultiSelection={false}\n      breadcrumbs={breadcrumbs}\n      documents={documents}\n      folderFieldName={props.folderFieldName}\n      folderID={folderID}\n      FolderResultsComponent={FolderResultsComponent}\n      key={folderID}\n      onItemClick={async (item) => {\n        await populateMoveToFolderDrawer(item.value.id)\n      }}\n      subfolders={subfolders}\n    >\n      <Content {...props} populateMoveToFolderDrawer={populateMoveToFolderDrawer} />\n    </FolderProvider>\n  )\n}\n\nfunction Content({\n  drawerSlug,\n  fromFolderID,\n  fromFolderName,\n  itemsToMove,\n  onConfirm,\n  populateMoveToFolderDrawer,\n  skipConfirmModal,\n  ...props\n}: MoveToFolderDrawerProps) {\n  const { clearRouteCache } = useRouteCache()\n  const { closeModal, isModalOpen, openModal } = useModal()\n  const [count] = React.useState(() => itemsToMove.length)\n  const [folderAddedToUnderlyingFolder, setFolderAddedToUnderlyingFolder] = React.useState(false)\n  const { i18n, t } = useTranslation()\n  const {\n    breadcrumbs,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    FolderResultsComponent,\n    folderType,\n    getSelectedItems,\n    subfolders,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n\n  const getSelectedFolder = React.useCallback((): {\n    id: null | number | string\n    name: null | string\n  } => {\n    const selected = getSelectedItems()\n\n    if (selected.length === 0) {\n      const lastCrumb = breadcrumbs?.[breadcrumbs.length - 1]\n      // use the breadcrumb\n      return {\n        id: lastCrumb?.id || null,\n        name: lastCrumb?.name || null,\n      }\n    } else {\n      // use the selected item\n      return {\n        id: selected[0].value.id,\n        name: selected[0].value._folderOrDocumentTitle,\n      }\n    }\n  }, [breadcrumbs, getSelectedItems])\n\n  const onCreateSuccess = React.useCallback(\n    async ({ collectionSlug, doc }: { collectionSlug: CollectionSlug; doc: Document }) => {\n      await populateMoveToFolderDrawer(folderID)\n      if (\n        collectionSlug === folderCollectionSlug &&\n        ((doc?.folder && fromFolderID === extractID(doc?.folder)) ||\n          (!fromFolderID && !doc?.folder))\n      ) {\n        // if the folder we created is in the same folder as the one we are moving from\n        // set variable so we can clear the route cache when we close the drawer\n        setFolderAddedToUnderlyingFolder(true)\n      }\n    },\n    [populateMoveToFolderDrawer, folderID, fromFolderID, folderCollectionSlug],\n  )\n\n  const onConfirmMove = React.useCallback(() => {\n    if (typeof onConfirm === 'function') {\n      void onConfirm(getSelectedFolder())\n    }\n  }, [getSelectedFolder, onConfirm])\n\n  React.useEffect(() => {\n    if (!isModalOpen(drawerSlug) && folderAddedToUnderlyingFolder) {\n      // if we added a folder to the underlying folder, clear the route cache\n      // so that the folder view will be reloaded with the new folder\n      setFolderAddedToUnderlyingFolder(false)\n      clearRouteCache()\n    }\n  }, [drawerSlug, isModalOpen, clearRouteCache, folderAddedToUnderlyingFolder])\n\n  return (\n    <div className={baseClass}>\n      <DrawerActionHeader\n        onCancel={() => {\n          closeModal(drawerSlug)\n        }}\n        onSave={() => {\n          if (skipConfirmModal) {\n            onConfirmMove()\n          } else {\n            openModal(confirmModalSlug)\n          }\n        }}\n        saveLabel={t('general:select')}\n        title={\n          <DrawerHeading\n            action={props.action}\n            count={count}\n            fromFolderName={fromFolderID ? fromFolderName : undefined}\n            title={props.action === 'moveItemToFolder' ? props.title : undefined}\n          />\n        }\n      />\n\n      <div className={`${baseClass}__breadcrumbs-section`}>\n        <FolderBreadcrumbs\n          breadcrumbs={[\n            {\n              id: null,\n              name: (\n                <span className={`${baseClass}__folder-breadcrumbs-root`}>\n                  <ColoredFolderIcon />\n                  {t('folder:folders')}\n                </span>\n              ),\n              onClick: breadcrumbs.length\n                ? () => {\n                    void populateMoveToFolderDrawer(null)\n                  }\n                : undefined,\n            },\n            ...breadcrumbs.map((crumb, index) => ({\n              id: crumb.id,\n              name: crumb.name,\n              onClick:\n                index !== breadcrumbs.length - 1\n                  ? () => {\n                      void populateMoveToFolderDrawer(crumb.id)\n                    }\n                  : undefined,\n            })),\n          ]}\n        />\n        {subfolders.length > 0 && (\n          <>\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__add-folder-button`}\n              margin={false}\n              onClick={() => {\n                openFolderDrawer()\n              }}\n            >\n              {t('fields:addLabel', {\n                label: getTranslation(folderCollectionConfig.labels?.singular, i18n),\n              })}\n            </Button>\n            <FolderDocumentDrawer\n              initialData={{\n                [folderFieldName]: folderID,\n                folderType,\n              }}\n              onSave={(result) => {\n                void onCreateSuccess({\n                  collectionSlug: folderCollectionConfig.slug,\n                  doc: result.doc,\n                })\n                closeFolderDrawer()\n              }}\n              redirectAfterCreate={false}\n            />\n          </>\n        )}\n      </div>\n\n      <DrawerContentContainer className={`${baseClass}__body-section`}>\n        {subfolders.length > 0 ? (\n          FolderResultsComponent\n        ) : (\n          <NoListResults\n            Actions={[\n              <ListCreateNewDocInFolderButton\n                buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                collectionSlugs={[folderCollectionSlug]}\n                folderAssignedCollections={props.folderAssignedCollections}\n                key=\"create-folder\"\n                onCreateSuccess={onCreateSuccess}\n                slugPrefix=\"create-new-folder-from-drawer--no-results\"\n              />,\n            ]}\n            Message={\n              <p>\n                {i18n.t('general:noResults', {\n                  label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`,\n                })}\n              </p>\n            }\n          />\n        )}\n      </DrawerContentContainer>\n\n      {!skipConfirmModal && (\n        <ConfirmationModal\n          body={\n            <ConfirmationMessage\n              action={props.action}\n              count={count}\n              fromFolderName={fromFolderName}\n              title={props.action === 'moveItemToFolder' ? props.title : undefined}\n              toFolderName={getSelectedFolder().name}\n            />\n          }\n          confirmingLabel={t('general:moving')}\n          confirmLabel={t('general:move')}\n          heading={t('general:confirmMove')}\n          modalSlug={confirmModalSlug}\n          onConfirm={onConfirmMove}\n        />\n      )}\n    </div>\n  )\n}\n\nfunction DrawerHeading(\n  props: { count?: number } & ActionProps & Pick<MoveToFolderDrawerProps, 'fromFolderName'>,\n): string {\n  const { t } = useTranslation()\n\n  switch (props.action) {\n    case 'moveItemToFolder':\n      // moving current folder from list view actions menu\n      // or moving item from edit view\n      if (props.fromFolderName) {\n        // move from folder\n        return t('folder:movingFromFolder', {\n          fromFolder: props.fromFolderName,\n          title: props.title,\n        })\n      } else {\n        // move from root\n        return t('folder:selectFolderForItem', {\n          title: props.title,\n        })\n      }\n\n    case 'moveItemsToFolder':\n      if (props.fromFolderName) {\n        // move from folder\n        return t('folder:movingFromFolder', {\n          fromFolder: props.fromFolderName,\n          title: `${props.count} ${props.count > 1 ? t('general:items') : t('general:item')}`,\n        })\n      } else {\n        // move from root\n        return t('folder:selectFolderForItem', {\n          title: `${props.count} ${props.count > 1 ? t('general:items') : t('general:item')}`,\n        })\n      }\n  }\n}\n\nfunction ConfirmationMessage(\n  props: { count?: number; toFolderName?: string } & ActionProps &\n    Pick<MoveToFolderDrawerProps, 'fromFolderName'>,\n) {\n  const { t } = useTranslation()\n\n  switch (props.action) {\n    case 'moveItemToFolder':\n      // moving current folder from list view actions menu\n      // or moving item from edit view\n      if (props.toFolderName) {\n        // move to destination\n        // You are about to move {{title}} to {{toFolder}}. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n              2: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemToFolderConfirmation\"\n            t={t}\n            variables={{\n              title: props.title,\n              toFolder: props.toFolderName,\n            }}\n          />\n        )\n      } else {\n        // move to root\n        // You are about to move {{title}} to the root folder. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemToRootConfirmation\"\n            t={t}\n            variables={{\n              title: props.title,\n            }}\n          />\n        )\n      }\n\n    case 'moveItemsToFolder':\n      // moving many (documents/folders) from list view\n      if (props.toFolderName) {\n        // move to destination\n        // You are about to move {{count}} {{label}} to {{toFolder}}. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n              2: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemsToFolderConfirmation\"\n            t={t}\n            variables={{\n              count: props.count,\n              label: props.count > 1 ? t('general:items') : t('general:item'),\n              toFolder: props.toFolderName,\n            }}\n          />\n        )\n      } else {\n        // move to root\n        // You are about to move {{count}} {{label}} to the root folder. Are you sure?\n        return (\n          <Translation\n            elements={{\n              1: ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"folder:moveItemsToRootConfirmation\"\n            t={t}\n            variables={{\n              count: props.count,\n              label: props.count > 1 ? t('general:items') : t('general:item'),\n            }}\n          />\n        )\n      }\n  }\n}\n"],"names":["useModal","getTranslation","extractID","React","useAuth","FolderProvider","useFolder","useRouteCache","useServerFunctions","useTranslation","Button","ConfirmationModal","useDocumentDrawer","Drawer","DrawerActionHeader","DrawerContentContainer","ListCreateNewDocInFolderButton","LoadingOverlay","NoListResults","Translation","FolderBreadcrumbs","ColoredFolderIcon","baseClass","baseModalSlug","confirmModalSlug","MoveItemsToFolderDrawer","props","gutter","Header","slug","drawerSlug","LoadFolderData","permissions","subfolders","setSubfolders","useState","documents","setDocuments","breadcrumbs","setBreadcrumbs","FolderResultsComponent","setFolderResultsComponent","hasLoaded","setHasLoaded","folderID","setFolderID","fromFolderID","hasLoadedRef","useRef","getFolderResultsComponentAndData","populateMoveToFolderDrawer","useCallback","folderIDToPopulate","result","browseByFolder","collectionsToDisplay","folderCollectionSlug","displayAs","folderAssignedCollections","sort","e","current","useEffect","allCollectionFolderSlugs","allowCreateCollectionSlugs","collections","create","allowMultiSelection","folderFieldName","onItemClick","item","value","id","Content","fromFolderName","itemsToMove","onConfirm","skipConfirmModal","clearRouteCache","closeModal","isModalOpen","openModal","count","length","folderAddedToUnderlyingFolder","setFolderAddedToUnderlyingFolder","i18n","t","folderCollectionConfig","folderType","getSelectedItems","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","collectionSlug","getSelectedFolder","selected","lastCrumb","name","_folderOrDocumentTitle","onCreateSuccess","doc","folder","onConfirmMove","div","className","onCancel","onSave","saveLabel","title","DrawerHeading","action","undefined","span","onClick","map","crumb","index","buttonStyle","margin","label","labels","singular","initialData","redirectAfterCreate","Actions","buttonLabel","toLowerCase","collectionSlugs","slugPrefix","Message","p","plural","body","ConfirmationMessage","toFolderName","confirmingLabel","confirmLabel","heading","modalSlug","fromFolder","elements","children","strong","i18nKey","variables","toFolder"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useConfig } from '../../../providers/Config/index.js';
@@ -31,21 +31,29 @@ export function FilterFolderTypePill() {
             }
         ]);
     });
-    return /*#__PURE__*/ _jsx(CheckboxPopup, {
-        Button: /*#__PURE__*/ _jsxs(Button, {
+    return /*#__PURE__*/ _jsxDEV(CheckboxPopup, {
+        Button: /*#__PURE__*/ _jsxDEV(Button, {
             buttonStyle: "pill",
             el: "div",
             icon: "chevron",
             margin: false,
             size: "small",
             children: [
-                visibleCollectionSlugs.length ? /*#__PURE__*/ _jsx("span", {
+                visibleCollectionSlugs.length ? /*#__PURE__*/ _jsxDEV("span", {
                     className: `${baseClass}__count`,
                     children: visibleCollectionSlugs.length
-                }) : null,
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/FilterFolderTypePill/index.tsx",
+                    lineNumber: 54,
+                    columnNumber: 13
+                }, void 0) : null,
                 t('version:type')
             ]
-        }),
+        }, void 0, true, {
+            fileName: "src/elements/FolderView/FilterFolderTypePill/index.tsx",
+            lineNumber: 52,
+            columnNumber: 9
+        }, void 0),
         onChange: ({ selectedValues: relationTo })=>{
             void refineFolderData({
                 query: {
@@ -56,7 +64,11 @@ export function FilterFolderTypePill() {
         },
         options: allCollectionOptions,
         selectedValues: visibleCollectionSlugs
-    }, "relation-to-selection-popup");
+    }, "relation-to-selection-popup", false, {
+        fileName: "src/elements/FolderView/FilterFolderTypePill/index.tsx",
+        lineNumber: 50,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/FilterFolderTypePill/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CheckboxPopup } from '../../CheckboxPopup/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-type'\n\nexport function FilterFolderTypePill() {\n  const {\n    activeCollectionFolderSlugs: visibleCollectionSlugs,\n    allCollectionFolderSlugs: folderCollectionSlugs,\n    folderCollectionSlug,\n    refineFolderData,\n  } = useFolder()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n\n  const [allCollectionOptions] = React.useState(() => {\n    return config.collections.reduce(\n      (acc, collection) => {\n        if (collection.folders && folderCollectionSlugs.includes(collection.slug)) {\n          acc.push({\n            label: getTranslation(collection.labels?.plural, i18n),\n            value: collection.slug,\n          })\n        }\n\n        return acc\n      },\n      [\n        {\n          label: getTranslation(\n            getEntityConfig({ collectionSlug: folderCollectionSlug }).labels?.plural,\n            i18n,\n          ),\n          value: folderCollectionSlug,\n        },\n      ],\n    )\n  })\n\n  return (\n    <CheckboxPopup\n      Button={\n        <Button buttonStyle=\"pill\" el=\"div\" icon=\"chevron\" margin={false} size=\"small\">\n          {visibleCollectionSlugs.length ? (\n            <span className={`${baseClass}__count`}>{visibleCollectionSlugs.length}</span>\n          ) : null}\n          {t('version:type')}\n        </Button>\n      }\n      key=\"relation-to-selection-popup\"\n      onChange={({ selectedValues: relationTo }) => {\n        void refineFolderData({ query: { relationTo }, updateURL: true })\n      }}\n      options={allCollectionOptions}\n      selectedValues={visibleCollectionSlugs}\n    />\n  )\n}\n"],"names":["getTranslation","React","useConfig","useFolder","useTranslation","Button","CheckboxPopup","baseClass","FilterFolderTypePill","activeCollectionFolderSlugs","visibleCollectionSlugs","allCollectionFolderSlugs","folderCollectionSlugs","folderCollectionSlug","refineFolderData","i18n","t","config","getEntityConfig","allCollectionOptions","useState","collections","reduce","acc","collection","folders","includes","slug","push","label","labels","plural","value","collectionSlug","buttonStyle","el","icon","margin","size","length","span","className","onChange","selectedValues","relationTo","query","updateURL","options"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,sCAAqC;AAC/D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC;IACd,MAAM,EACJC,6BAA6BC,sBAAsB,EACnDC,0BAA0BC,qBAAqB,EAC/CC,oBAAoB,EACpBC,gBAAgB,EACjB,GAAGX;IACJ,MAAM,EAAEY,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,EAAEa,MAAM,EAAEC,eAAe,EAAE,GAAGhB;IAEpC,MAAM,CAACiB,qBAAqB,GAAGlB,MAAMmB,QAAQ,CAAC;QAC5C,OAAOH,OAAOI,WAAW,CAACC,MAAM,CAC9B,CAACC,KAAKC;YACJ,IAAIA,WAAWC,OAAO,IAAIb,sBAAsBc,QAAQ,CAACF,WAAWG,IAAI,GAAG;gBACzEJ,IAAIK,IAAI,CAAC;oBACPC,OAAO7B,eAAewB,WAAWM,MAAM,EAAEC,QAAQhB;oBACjDiB,OAAOR,WAAWG,IAAI;gBACxB;YACF;YAEA,OAAOJ;QACT,GACA;YACE;gBACEM,OAAO7B,eACLkB,gBAAgB;oBAAEe,gBAAgBpB;gBAAqB,GAAGiB,MAAM,EAAEC,QAClEhB;gBAEFiB,OAAOnB;YACT;SACD;IAEL;IAEA,qBACE,KAACP;QACCD,sBACE,MAACA;YAAO6B,aAAY;YAAOC,IAAG;YAAMC,MAAK;YAAUC,QAAQ;YAAOC,MAAK;;gBACpE5B,uBAAuB6B,MAAM,iBAC5B,KAACC;oBAAKC,WAAW,GAAGlC,UAAU,OAAO,CAAC;8BAAGG,uBAAuB6B,MAAM;qBACpE;gBACHvB,EAAE;;;QAIP0B,UAAU,CAAC,EAAEC,gBAAgBC,UAAU,EAAE;YACvC,KAAK9B,iBAAiB;gBAAE+B,OAAO;oBAAED;gBAAW;gBAAGE,WAAW;YAAK;QACjE;QACAC,SAAS5B;QACTwB,gBAAgBjC;OALZ;AAQV"}
+{"version":3,"sources":["../../../../src/elements/FolderView/FilterFolderTypePill/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { CheckboxPopup } from '../../CheckboxPopup/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-type'\n\nexport function FilterFolderTypePill() {\n  const {\n    activeCollectionFolderSlugs: visibleCollectionSlugs,\n    allCollectionFolderSlugs: folderCollectionSlugs,\n    folderCollectionSlug,\n    refineFolderData,\n  } = useFolder()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n\n  const [allCollectionOptions] = React.useState(() => {\n    return config.collections.reduce(\n      (acc, collection) => {\n        if (collection.folders && folderCollectionSlugs.includes(collection.slug)) {\n          acc.push({\n            label: getTranslation(collection.labels?.plural, i18n),\n            value: collection.slug,\n          })\n        }\n\n        return acc\n      },\n      [\n        {\n          label: getTranslation(\n            getEntityConfig({ collectionSlug: folderCollectionSlug }).labels?.plural,\n            i18n,\n          ),\n          value: folderCollectionSlug,\n        },\n      ],\n    )\n  })\n\n  return (\n    <CheckboxPopup\n      Button={\n        <Button buttonStyle=\"pill\" el=\"div\" icon=\"chevron\" margin={false} size=\"small\">\n          {visibleCollectionSlugs.length ? (\n            <span className={`${baseClass}__count`}>{visibleCollectionSlugs.length}</span>\n          ) : null}\n          {t('version:type')}\n        </Button>\n      }\n      key=\"relation-to-selection-popup\"\n      onChange={({ selectedValues: relationTo }) => {\n        void refineFolderData({ query: { relationTo }, updateURL: true })\n      }}\n      options={allCollectionOptions}\n      selectedValues={visibleCollectionSlugs}\n    />\n  )\n}\n"],"names":["getTranslation","React","useConfig","useFolder","useTranslation","Button","CheckboxPopup","baseClass","FilterFolderTypePill","activeCollectionFolderSlugs","visibleCollectionSlugs","allCollectionFolderSlugs","folderCollectionSlugs","folderCollectionSlug","refineFolderData","i18n","t","config","getEntityConfig","allCollectionOptions","useState","collections","reduce","acc","collection","folders","includes","slug","push","label","labels","plural","value","collectionSlug","buttonStyle","el","icon","margin","size","length","span","className","onChange","selectedValues","relationTo","query","updateURL","options"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,sCAAqC;AAC/D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,MAAM,QAAQ,wBAAuB;AAC9C,SAASC,aAAa,QAAQ,+BAA8B;AAC5D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC;IACd,MAAM,EACJC,6BAA6BC,sBAAsB,EACnDC,0BAA0BC,qBAAqB,EAC/CC,oBAAoB,EACpBC,gBAAgB,EACjB,GAAGX;IACJ,MAAM,EAAEY,IAAI,EAAEC,CAAC,EAAE,GAAGZ;IACpB,MAAM,EAAEa,MAAM,EAAEC,eAAe,EAAE,GAAGhB;IAEpC,MAAM,CAACiB,qBAAqB,GAAGlB,MAAMmB,QAAQ,CAAC;QAC5C,OAAOH,OAAOI,WAAW,CAACC,MAAM,CAC9B,CAACC,KAAKC;YACJ,IAAIA,WAAWC,OAAO,IAAIb,sBAAsBc,QAAQ,CAACF,WAAWG,IAAI,GAAG;gBACzEJ,IAAIK,IAAI,CAAC;oBACPC,OAAO7B,eAAewB,WAAWM,MAAM,EAAEC,QAAQhB;oBACjDiB,OAAOR,WAAWG,IAAI;gBACxB;YACF;YAEA,OAAOJ;QACT,GACA;YACE;gBACEM,OAAO7B,eACLkB,gBAAgB;oBAAEe,gBAAgBpB;gBAAqB,GAAGiB,MAAM,EAAEC,QAClEhB;gBAEFiB,OAAOnB;YACT;SACD;IAEL;IAEA,qBACE,QAACP;QACCD,sBACE,QAACA;YAAO6B,aAAY;YAAOC,IAAG;YAAMC,MAAK;YAAUC,QAAQ;YAAOC,MAAK;;gBACpE5B,uBAAuB6B,MAAM,iBAC5B,QAACC;oBAAKC,WAAW,GAAGlC,UAAU,OAAO,CAAC;8BAAGG,uBAAuB6B,MAAM;;;;;6BACpE;gBACHvB,EAAE;;;;;;;QAIP0B,UAAU,CAAC,EAAEC,gBAAgBC,UAAU,EAAE;YACvC,KAAK9B,iBAAiB;gBAAE+B,OAAO;oBAAED;gBAAW;gBAAGE,WAAW;YAAK;QACjE;QACAC,SAAS5B;QACTwB,gBAAgBjC;OALZ;;;;;AAQV"}