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

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

@@ -1,5 +1,4 @@
 'use client';
-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,22 +32,9 @@ const confirmModalSlug = `${baseModalSlug}-confirm-move`;
    * Set to `true` to skip the confirmation modal
    * @default false
    */ export function MoveItemsToFolderDrawer(props) {
-    return /*#__PURE__*/ _jsxDEV(Drawer, {
-        gutter: false,
-        Header: null,
-        slug: props.drawerSlug,
-        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);
+    return <Drawer gutter={false} Header={null} slug={props.drawerSlug}>
+      <LoadFolderData {...props}/>
+    </Drawer>;
 }
 function LoadFolderData(props) {
     const { permissions } = useAuth();
@@ -99,42 +85,17 @@ function LoadFolderData(props) {
         props.fromFolderID
     ]);
     if (!hasLoaded) {
-        return /*#__PURE__*/ _jsxDEV(LoadingOverlay, {}, void 0, false, {
-            fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
-            lineNumber: 123,
-            columnNumber: 12
-        }, this);
+        return <LoadingOverlay/>;
     }
-    return /*#__PURE__*/ _jsxDEV(FolderProvider, {
-        allCollectionFolderSlugs: [
-            props.folderCollectionSlug
-        ],
-        allowCreateCollectionSlugs: permissions.collections[props.folderCollectionSlug]?.create ? [
-            props.folderCollectionSlug
-        ] : [],
-        allowMultiSelection: false,
-        breadcrumbs: breadcrumbs,
-        documents: documents,
-        folderFieldName: props.folderFieldName,
-        folderID: folderID,
-        FolderResultsComponent: FolderResultsComponent,
-        onItemClick: async (item)=>{
-            await populateMoveToFolderDrawer(item.value.id);
-        },
-        subfolders: subfolders,
-        children: /*#__PURE__*/ _jsxDEV(Content, {
-            ...props,
-            populateMoveToFolderDrawer: populateMoveToFolderDrawer
-        }, 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);
+    return <FolderProvider allCollectionFolderSlugs={[
+        props.folderCollectionSlug
+    ]} allowCreateCollectionSlugs={permissions.collections[props.folderCollectionSlug]?.create ? [
+        props.folderCollectionSlug
+    ] : []} allowMultiSelection={false} breadcrumbs={breadcrumbs} documents={documents} folderFieldName={props.folderFieldName} folderID={folderID} FolderResultsComponent={FolderResultsComponent} key={folderID} onItemClick={async (item)=>{
+        await populateMoveToFolderDrawer(item.value.id);
+    }} subfolders={subfolders}>
+      <Content {...props} populateMoveToFolderDrawer={populateMoveToFolderDrawer}/>
+    </FolderProvider>;
 }
 function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConfirm, populateMoveToFolderDrawer, skipConfirmModal, ...props }) {
     const { clearRouteCache } = useRouteCache();
@@ -200,183 +161,72 @@ function Content({ drawerSlug, fromFolderID, fromFolderName, itemsToMove, onConf
         clearRouteCache,
         folderAddedToUnderlyingFolder
     ]);
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV(DrawerActionHeader, {
-                onCancel: ()=>{
-                    closeModal(drawerSlug);
-                },
-                onSave: ()=>{
-                    if (skipConfirmModal) {
-                        onConfirmMove();
-                    } else {
-                        openModal(confirmModalSlug);
-                    }
-                },
-                saveLabel: t('general:select'),
-                title: /*#__PURE__*/ _jsxDEV(DrawerHeading, {
-                    action: props.action,
-                    count: count,
-                    fromFolderName: fromFolderID ? fromFolderName : undefined,
-                    title: props.action === 'moveItemToFolder' ? props.title : undefined
-                }, 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__*/ _jsxDEV(FolderBreadcrumbs, {
-                        breadcrumbs: [
-                            {
-                                id: null,
-                                name: /*#__PURE__*/ _jsxDEV("span", {
-                                    className: `${baseClass}__folder-breadcrumbs-root`,
-                                    children: [
-                                        /*#__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
-                            },
-                            ...breadcrumbs.map((crumb, index)=>({
-                                    id: crumb.id,
-                                    name: crumb.name,
-                                    onClick: index !== breadcrumbs.length - 1 ? ()=>{
-                                        void populateMoveToFolderDrawer(crumb.id);
-                                    } : undefined
-                                }))
-                        ]
-                    }, void 0, false, {
-                        fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
-                        lineNumber: 260,
-                        columnNumber: 9
-                    }, this),
-                    subfolders.length > 0 && /*#__PURE__*/ _jsxDEV(_Fragment, {
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(Button, {
-                                buttonStyle: "pill",
-                                className: `${baseClass}__add-folder-button`,
-                                margin: false,
-                                onClick: ()=>{
-                                    openFolderDrawer();
-                                },
-                                children: t('fields:addLabel', {
-                                    label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
-                                })
-                            }, void 0, false, {
-                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
-                                lineNumber: 290,
-                                columnNumber: 13
-                            }, this),
-                            /*#__PURE__*/ _jsxDEV(FolderDocumentDrawer, {
-                                initialData: {
-                                    [folderFieldName]: folderID,
-                                    folderType
-                                },
-                                onSave: (result)=>{
-                                    void onCreateSuccess({
-                                        collectionSlug: folderCollectionConfig.slug,
-                                        doc: result.doc
-                                    });
-                                    closeFolderDrawer();
-                                },
-                                redirectAfterCreate: false
-                            }, void 0, false, {
-                                fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
-                                lineNumber: 302,
-                                columnNumber: 13
-                            }, this)
-                        ]
-                    }, void 0, true)
-                ]
-            }, 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__*/ _jsxDEV(NoListResults, {
-                    Actions: [
-                        /*#__PURE__*/ _jsxDEV(ListCreateNewDocInFolderButton, {
-                            buttonLabel: `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
-                            collectionSlugs: [
-                                folderCollectionSlug
-                            ],
-                            folderAssignedCollections: props.folderAssignedCollections,
-                            onCreateSuccess: onCreateSuccess,
-                            slugPrefix: "create-new-folder-from-drawer--no-results"
-                        }, "create-folder", false, {
-                            fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
-                            lineNumber: 326,
-                            columnNumber: 15
-                        }, void 0)
-                    ],
-                    Message: /*#__PURE__*/ _jsxDEV("p", {
-                        children: i18n.t('general:noResults', {
-                            label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
-                        })
-                    }, 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);
+    return <div className={baseClass}>
+      <DrawerActionHeader onCancel={()=>{
+        closeModal(drawerSlug);
+    }} onSave={()=>{
+        if (skipConfirmModal) {
+            onConfirmMove();
+        } else {
+            openModal(confirmModalSlug);
+        }
+    }} saveLabel={t('general:select')} title={<DrawerHeading action={props.action} count={count} fromFolderName={fromFolderID ? fromFolderName : undefined} title={props.action === 'moveItemToFolder' ? props.title : undefined}/>}/>
+
+      <div className={`${baseClass}__breadcrumbs-section`}>
+        <FolderBreadcrumbs breadcrumbs={[
+        {
+            id: null,
+            name: <span className={`${baseClass}__folder-breadcrumbs-root`}>
+                  <ColoredFolderIcon/>
+                  {t('folder:folders')}
+                </span>,
+            onClick: breadcrumbs.length ? ()=>{
+                void populateMoveToFolderDrawer(null);
+            } : undefined
+        },
+        ...breadcrumbs.map((crumb, index)=>({
+                id: crumb.id,
+                name: crumb.name,
+                onClick: index !== breadcrumbs.length - 1 ? ()=>{
+                    void populateMoveToFolderDrawer(crumb.id);
+                } : undefined
+            }))
+    ]}/>
+        {subfolders.length > 0 && <>
+            <Button buttonStyle="pill" className={`${baseClass}__add-folder-button`} margin={false} onClick={()=>{
+        openFolderDrawer();
+    }}>
+              {t('fields:addLabel', {
+        label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
+    })}
+            </Button>
+            <FolderDocumentDrawer initialData={{
+        [folderFieldName]: folderID,
+        folderType
+    }} onSave={(result)=>{
+        void onCreateSuccess({
+            collectionSlug: folderCollectionConfig.slug,
+            doc: result.doc
+        });
+        closeFolderDrawer();
+    }} redirectAfterCreate={false}/>
+          </>}
+      </div>
+
+      <DrawerContentContainer className={`${baseClass}__body-section`}>
+        {subfolders.length > 0 ? FolderResultsComponent : <NoListResults Actions={[
+        <ListCreateNewDocInFolderButton buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`} collectionSlugs={[
+            folderCollectionSlug
+        ]} folderAssignedCollections={props.folderAssignedCollections} key="create-folder" onCreateSuccess={onCreateSuccess} slugPrefix="create-new-folder-from-drawer--no-results"/>
+    ]} Message={<p>
+                {i18n.t('general:noResults', {
+        label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
+    })}
+              </p>}/>}
+      </DrawerContentContainer>
+
+      {!skipConfirmModal && <ConfirmationModal body={<ConfirmationMessage action={props.action} count={count} fromFolderName={fromFolderName} title={props.action === 'moveItemToFolder' ? props.title : undefined} toFolderName={getSelectedFolder().name}/>} confirmingLabel={t('general:moving')} confirmLabel={t('general:move')} heading={t('general:confirmMove')} modalSlug={confirmModalSlug} onConfirm={onConfirmMove}/>}
+    </div>;
 }
 function DrawerHeading(props) {
     const { t } = useTranslation();
@@ -420,116 +270,44 @@ function ConfirmationMessage(props) {
             if (props.toFolderName) {
                 // move to destination
                 // You are about to move {{title}} to {{toFolder}}. Are you sure?
-                return /*#__PURE__*/ _jsxDEV(Translation, {
-                    elements: {
-                        1: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
-                                children: children
-                            }, 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,
-                    variables: {
-                        title: props.title,
-                        toFolder: props.toFolderName
-                    }
-                }, void 0, false, {
-                    fileName: "src/elements/FolderView/Drawers/MoveToFolder/index.tsx",
-                    lineNumber: 420,
-                    columnNumber: 11
-                }, this);
+                return <Translation elements={{
+                    1: ({ children })=><strong>{children}</strong>,
+                    2: ({ children })=><strong>{children}</strong>
+                }} i18nKey="folder:moveItemToFolderConfirmation" t={t} variables={{
+                    title: props.title,
+                    toFolder: props.toFolderName
+                }}/>;
             } else {
                 // move to root
                 // You are about to move {{title}} to the root folder. Are you sure?
-                return /*#__PURE__*/ _jsxDEV(Translation, {
-                    elements: {
-                        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);
+                return <Translation elements={{
+                    1: ({ children })=><strong>{children}</strong>
+                }} i18nKey="folder:moveItemToRootConfirmation" t={t} variables={{
+                    title: props.title
+                }}/>;
             }
         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__*/ _jsxDEV(Translation, {
-                    elements: {
-                        1: ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
-                                children: children
-                            }, 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,
-                    variables: {
-                        count: props.count,
-                        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);
+                return <Translation elements={{
+                    1: ({ children })=><strong>{children}</strong>,
+                    2: ({ children })=><strong>{children}</strong>
+                }} i18nKey="folder:moveItemsToFolderConfirmation" t={t} variables={{
+                    count: props.count,
+                    label: props.count > 1 ? t('general:items') : t('general:item'),
+                    toFolder: props.toFolderName
+                }}/>;
             } else {
                 // move to root
                 // You are about to move {{count}} {{label}} to the root folder. Are you sure?
-                return /*#__PURE__*/ _jsxDEV(Translation, {
-                    elements: {
-                        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,
-                    variables: {
-                        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);
+                return <Translation elements={{
+                    1: ({ children })=><strong>{children}</strong>
+                }} i18nKey="folder:moveItemsToRootConfirmation" t={t} variables={{
+                    count: props.count,
+                    label: props.count > 1 ? t('general:items') : t('general:item')
+                }}/>;
             }
     }
 }

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","key","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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"}