@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

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

@@ -0,0 +1,493 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { useConfig } from '../../../../providers/Config/index.js';
+import { FolderProvider, useFolder } from '../../../../providers/Folders/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { Button } from '../../../Button/index.js';
+import { ConfirmationModal } from '../../../ConfirmationModal/index.js';
+import { Drawer } from '../../../Drawer/index.js';
+import { DrawerActionHeader } from '../../../DrawerActionHeader/index.js';
+import { DrawerContentContainer } from '../../../DrawerContentContainer/index.js';
+import { ListCreateNewDocInFolderButton } from '../../../ListHeader/TitleActions/ListCreateNewDocInFolderButton.js';
+import { LoadingOverlay } from '../../../Loading/index.js';
+import { NoListResults } from '../../../NoListResults/index.js';
+import { Translation } from '../../../Translation/index.js';
+import { FolderBreadcrumbs } from '../../Breadcrumbs/index.js';
+import { ColoredFolderIcon } from '../../ColoredFolderIcon/index.js';
+import { ItemCardGrid } from '../../ItemCardGrid/index.js';
+import { NewFolderDrawer } from '../NewFolder/index.js';
+import './index.scss';
+const baseClass = 'move-folder-drawer';
+const baseModalSlug = 'move-folder-drawer';
+const confirmModalSlug = `${baseModalSlug}-confirm-move`;
+const newFolderDrawerSlug = `${baseModalSlug}-new-folder`;
+export function MoveItemsToFolderDrawer(props) {
+  return /*#__PURE__*/_jsx(Drawer, {
+    gutter: false,
+    Header: null,
+    slug: props.drawerSlug,
+    children: /*#__PURE__*/_jsx(LoadFolderData, {
+      ...props
+    })
+  });
+}
+function LoadFolderData(props) {
+  const {
+    config: {
+      folders: {
+        slug: folderCollectionSlug
+      },
+      routes,
+      serverURL
+    }
+  } = useConfig();
+  const [subfolders, setSubfolders] = React.useState([]);
+  const [documents, setDocuments] = React.useState([]);
+  const [breadcrumbs, setBreadcrumbs] = React.useState([]);
+  const [hasLoaded, setHasLoaded] = React.useState(false);
+  React.useEffect(() => {
+    const onLoad = async () => {
+      // call some endpoint to load the data
+      try {
+        const folderDataReq = await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/populate-folder-data${props.fromFolderID ? `?folderID=${props.fromFolderID}` : ''}`, {
+          credentials: 'include',
+          headers: {
+            'content-type': 'application/json'
+          }
+        });
+        if (folderDataReq.status === 200) {
+          const folderDataRes = await folderDataReq.json();
+          setBreadcrumbs(folderDataRes?.breadcrumbs || []);
+          setSubfolders(folderDataRes?.subfolders || []);
+          setDocuments(folderDataRes?.documents || []);
+        } else {
+          setBreadcrumbs([]);
+          setSubfolders([]);
+          setDocuments([]);
+        }
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error(e);
+      }
+      setHasLoaded(true);
+    };
+    if (!hasLoaded) {
+      void onLoad();
+    }
+  }, [folderCollectionSlug, routes.api, serverURL, hasLoaded, props.fromFolderID]);
+  if (!hasLoaded) {
+    return /*#__PURE__*/_jsx(LoadingOverlay, {});
+  }
+  return /*#__PURE__*/_jsx(FolderProvider, {
+    allowMultiSelection: false,
+    breadcrumbs: breadcrumbs,
+    documents: documents,
+    folderCollectionSlugs: [],
+    folderID: props.fromFolderID,
+    subfolders: subfolders,
+    children: /*#__PURE__*/_jsx(Content, {
+      ...props
+    })
+  });
+}
+function Content({
+  drawerSlug,
+  fromFolderName,
+  itemsToMove,
+  onConfirm,
+  skipConfirmModal,
+  ...props
+}) {
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const [count] = React.useState(() => itemsToMove.length);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    addItems,
+    breadcrumbs,
+    folderCollectionConfig,
+    folderCollectionSlug,
+    folderFieldName,
+    getSelectedItems,
+    setFolderID,
+    subfolders
+  } = useFolder();
+  const getSelectedFolder = React.useCallback(() => {
+    const selected = getSelectedItems();
+    if (selected.length === 0) {
+      const lastCrumb = breadcrumbs?.[breadcrumbs.length - 1];
+      // use the breadcrumb
+      return {
+        id: lastCrumb?.id || null,
+        name: lastCrumb?.name || null
+      };
+    } else {
+      // use the selected item
+      return {
+        id: selected[0].value.id,
+        name: selected[0].value._folderOrDocumentTitle
+      };
+    }
+  }, [breadcrumbs, getSelectedItems]);
+  const onCreateSuccess = React.useCallback(({
+    collectionSlug,
+    doc
+  }) => {
+    const itemValue = {
+      id: doc?.id,
+      _folderOrDocumentTitle: doc?.[folderCollectionConfig.admin.useAsTitle ?? 'id'],
+      createdAt: doc?.createdAt,
+      folderID: doc?.[folderFieldName],
+      updatedAt: doc?.updatedAt
+    };
+    void addItems([{
+      itemKey: `${collectionSlug}-${doc.id}`,
+      relationTo: collectionSlug,
+      value: itemValue
+    }]);
+  }, [addItems, folderCollectionConfig.admin.useAsTitle]);
+  const onConfirmMove = React.useCallback(() => {
+    if (typeof onConfirm === 'function') {
+      void onConfirm(getSelectedFolder());
+    }
+  }, [getSelectedFolder, onConfirm]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DrawerActionHeader, {
+      onCancel: () => {
+        closeModal(drawerSlug);
+      },
+      onSave: () => {
+        if (skipConfirmModal) {
+          onConfirmMove();
+        } else {
+          openModal(confirmModalSlug);
+        }
+      },
+      saveLabel: t('general:select'),
+      title: /*#__PURE__*/_jsx(DrawerHeading, {
+        action: props.action,
+        count: count,
+        fromFolderName: props.fromFolderID ? fromFolderName : undefined,
+        title: props.action === 'moveItemToFolder' ? props.title : undefined
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__breadcrumbs-section`,
+      children: [/*#__PURE__*/_jsx(FolderBreadcrumbs, {
+        breadcrumbs: [{
+          id: null,
+          name: /*#__PURE__*/_jsxs("span", {
+            className: `${baseClass}__folder-breadcrumbs-root`,
+            children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), t('folder:folders')]
+          }),
+          onClick: breadcrumbs.length ? () => {
+            void setFolderID({
+              folderID: null
+            });
+          } : undefined
+        }, ...breadcrumbs.map((crumb, index) => ({
+          id: crumb.id,
+          name: crumb.name,
+          onClick: index !== breadcrumbs.length - 1 ? () => {
+            void setFolderID({
+              folderID: crumb.id
+            });
+          } : undefined
+        }))]
+      }), subfolders.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Button, {
+          buttonStyle: "pill",
+          className: `${baseClass}__add-folder-button`,
+          onClick: () => {
+            openModal(newFolderDrawerSlug);
+          },
+          children: t('fields:addLabel', {
+            label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
+          })
+        }), /*#__PURE__*/_jsx(NewFolderDrawer, {
+          drawerSlug: newFolderDrawerSlug,
+          onNewFolderSuccess: doc_0 => {
+            closeModal(newFolderDrawerSlug);
+            if (typeof onCreateSuccess === 'function') {
+              void onCreateSuccess({
+                collectionSlug: folderCollectionConfig.slug,
+                doc: doc_0
+              });
+            }
+          }
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(DrawerContentContainer, {
+      className: `${baseClass}__body-section`,
+      children: subfolders.length > 0 ? /*#__PURE__*/_jsx(ItemCardGrid, {
+        disabledItemKeys: new Set(itemsToMove.map(({
+          itemKey
+        }) => itemKey)),
+        items: subfolders,
+        selectedItemKeys: new Set([`${folderCollectionSlug}-${getSelectedFolder().id}`]),
+        type: "folder"
+      }) : /*#__PURE__*/_jsx(NoListResults, {
+        Actions: [/*#__PURE__*/_jsx(ListCreateNewDocInFolderButton, {
+          buttonLabel: `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+          collectionSlugs: [folderCollectionSlug],
+          onCreateSuccess: onCreateSuccess,
+          slugPrefix: "create-new-folder-from-drawer--no-results"
+        }, "create-folder")],
+        Message: /*#__PURE__*/_jsx("p", {
+          children: i18n.t('general:noResults', {
+            label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
+          })
+        })
+      })
+    }), !skipConfirmModal && /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: /*#__PURE__*/_jsx(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
+    })]
+  });
+}
+function DrawerHeading(props) {
+  const $ = _c(14);
+  const {
+    t
+  } = useTranslation();
+  switch (props.action) {
+    case "moveItemToFolder":
+      {
+        if (props.fromFolderName) {
+          let t0;
+          if ($[0] !== props.fromFolderName || $[1] !== props.title || $[2] !== t) {
+            t0 = t("folder:movingFromFolder", {
+              fromFolder: props.fromFolderName,
+              title: props.title
+            });
+            $[0] = props.fromFolderName;
+            $[1] = props.title;
+            $[2] = t;
+            $[3] = t0;
+          } else {
+            t0 = $[3];
+          }
+          return t0;
+        } else {
+          let t0;
+          if ($[4] !== props.title || $[5] !== t) {
+            t0 = t("folder:selectFolderForItem", {
+              title: props.title
+            });
+            $[4] = props.title;
+            $[5] = t;
+            $[6] = t0;
+          } else {
+            t0 = $[6];
+          }
+          return t0;
+        }
+      }
+    case "moveItemsToFolder":
+      {
+        if (props.fromFolderName) {
+          const t0 = `${props.count} ${props.count > 1 ? t("general:items") : t("general:item")}`;
+          let t1;
+          if ($[7] !== props.fromFolderName || $[8] !== t || $[9] !== t0) {
+            t1 = t("folder:movingFromFolder", {
+              fromFolder: props.fromFolderName,
+              title: t0
+            });
+            $[7] = props.fromFolderName;
+            $[8] = t;
+            $[9] = t0;
+            $[10] = t1;
+          } else {
+            t1 = $[10];
+          }
+          return t1;
+        } else {
+          const t0 = `${props.count} ${props.count > 1 ? t("general:items") : t("general:item")}`;
+          let t1;
+          if ($[11] !== t || $[12] !== t0) {
+            t1 = t("folder:selectFolderForItem", {
+              title: t0
+            });
+            $[11] = t;
+            $[12] = t0;
+            $[13] = t1;
+          } else {
+            t1 = $[13];
+          }
+          return t1;
+        }
+      }
+  }
+}
+function ConfirmationMessage(props) {
+  const $ = _c(14);
+  const {
+    t
+  } = useTranslation();
+  switch (props.action) {
+    case "moveItemToFolder":
+      {
+        if (props.toFolderName) {
+          let t0;
+          if ($[0] !== props.title || $[1] !== props.toFolderName || $[2] !== t) {
+            t0 = _jsx(Translation, {
+              elements: {
+                1: _temp2,
+                2: _temp3
+              },
+              i18nKey: "folder:moveItemToFolderConfirmation",
+              t,
+              variables: {
+                title: props.title,
+                toFolder: props.toFolderName
+              }
+            });
+            $[0] = props.title;
+            $[1] = props.toFolderName;
+            $[2] = t;
+            $[3] = t0;
+          } else {
+            t0 = $[3];
+          }
+          return t0;
+        } else {
+          let t0;
+          if ($[4] !== props.title || $[5] !== t) {
+            t0 = _jsx(Translation, {
+              elements: {
+                1: _temp4
+              },
+              i18nKey: "folder:moveItemToRootConfirmation",
+              t,
+              variables: {
+                title: props.title
+              }
+            });
+            $[4] = props.title;
+            $[5] = t;
+            $[6] = t0;
+          } else {
+            t0 = $[6];
+          }
+          return t0;
+        }
+      }
+    case "moveItemsToFolder":
+      {
+        if (props.toFolderName) {
+          let t0;
+          if ($[7] !== props.count || $[8] !== props.toFolderName || $[9] !== t) {
+            t0 = _jsx(Translation, {
+              elements: {
+                1: _temp5,
+                2: _temp6
+              },
+              i18nKey: "folder:moveItemsToFolderConfirmation",
+              t,
+              variables: {
+                count: props.count,
+                label: props.count > 1 ? t("general:items") : t("general:item"),
+                toFolder: props.toFolderName
+              }
+            });
+            $[7] = props.count;
+            $[8] = props.toFolderName;
+            $[9] = t;
+            $[10] = t0;
+          } else {
+            t0 = $[10];
+          }
+          return t0;
+        } else {
+          let t0;
+          if ($[11] !== props.count || $[12] !== t) {
+            t0 = _jsx(Translation, {
+              elements: {
+                1: _temp7
+              },
+              i18nKey: "folder:moveItemsToRootConfirmation",
+              t,
+              variables: {
+                count: props.count,
+                label: props.count > 1 ? t("general:items") : t("general:item")
+              }
+            });
+            $[11] = props.count;
+            $[12] = t;
+            $[13] = t0;
+          } else {
+            t0 = $[13];
+          }
+          return t0;
+        }
+      }
+  }
+}
+function _temp7(t0) {
+  const {
+    children: children_1
+  } = t0;
+  return _jsx("strong", {
+    children: children_1
+  });
+}
+function _temp6(t0) {
+  const {
+    children: children_0
+  } = t0;
+  return _jsx("strong", {
+    children: children_0
+  });
+}
+function _temp5(t0) {
+  const {
+    children
+  } = t0;
+  return _jsx("strong", {
+    children
+  });
+}
+function _temp4(t0) {
+  const {
+    children: children_4
+  } = t0;
+  return _jsx("strong", {
+    children: children_4
+  });
+}
+function _temp3(t0) {
+  const {
+    children: children_3
+  } = t0;
+  return _jsx("strong", {
+    children: children_3
+  });
+}
+function _temp2(t0) {
+  const {
+    children: children_2
+  } = t0;
+  return _jsx("strong", {
+    children: children_2
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useConfig","FolderProvider","useFolder","useTranslation","Button","ConfirmationModal","Drawer","DrawerActionHeader","DrawerContentContainer","ListCreateNewDocInFolderButton","LoadingOverlay","NoListResults","Translation","FolderBreadcrumbs","ColoredFolderIcon","ItemCardGrid","NewFolderDrawer","baseClass","baseModalSlug","confirmModalSlug","newFolderDrawerSlug","MoveItemsToFolderDrawer","props","_jsx","gutter","Header","slug","drawerSlug","LoadFolderData","config","folders","folderCollectionSlug","routes","serverURL","subfolders","setSubfolders","useState","documents","setDocuments","breadcrumbs","setBreadcrumbs","hasLoaded","setHasLoaded","useEffect","onLoad","folderDataReq","fetch","api","fromFolderID","credentials","headers","status","folderDataRes","json","e","console","error","allowMultiSelection","folderCollectionSlugs","folderID","Content","fromFolderName","itemsToMove","onConfirm","skipConfirmModal","closeModal","openModal","count","length","i18n","t","addItems","folderCollectionConfig","folderFieldName","getSelectedItems","setFolderID","getSelectedFolder","useCallback","selected","lastCrumb","id","name","value","_folderOrDocumentTitle","onCreateSuccess","collectionSlug","doc","itemValue","admin","useAsTitle","createdAt","updatedAt","itemKey","relationTo","onConfirmMove","_jsxs","_Fragment","onCancel","onSave","saveLabel","title","DrawerHeading","action","undefined","className","onClick","map","crumb","index","buttonStyle","label","labels","singular","onNewFolderSuccess","disabledItemKeys","Set","items","selectedItemKeys","type","Actions","buttonLabel","toLowerCase","collectionSlugs","slugPrefix","Message","plural","body","ConfirmationMessage","toFolderName","confirmingLabel","confirmLabel","heading","modalSlug","$","t0","fromFolder","t1","elements","1","_temp2","2","_temp3","i18nKey","variables","toFolder","_temp4","_temp5","_temp6","_temp7","children","children_1","children_0","children_4","children_3","children_2"],"sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, Document } from 'payload'\nimport type {\n  FolderBreadcrumb,\n  FolderDocumentItemKey,\n  FolderOrDocument,\n  GetFolderDataResult,\n} from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { FolderProvider, useFolder } from '../../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { ConfirmationModal } from '../../../ConfirmationModal/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 { ItemCardGrid } from '../../ItemCardGrid/index.js'\nimport { NewFolderDrawer } from '../NewFolder/index.js'\nimport './index.scss'\n\nconst baseClass = 'move-folder-drawer'\nconst baseModalSlug = 'move-folder-drawer'\nconst confirmModalSlug = `${baseModalSlug}-confirm-move`\nconst newFolderDrawerSlug = `${baseModalSlug}-new-folder`\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 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  /**\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 {\n    config: {\n      folders: { slug: folderCollectionSlug },\n      routes,\n      serverURL,\n    },\n  } = useConfig()\n  const [subfolders, setSubfolders] = React.useState<FolderOrDocument[]>([])\n  const [documents, setDocuments] = React.useState<FolderOrDocument[]>([])\n  const [breadcrumbs, setBreadcrumbs] = React.useState<FolderBreadcrumb[]>([])\n  const [hasLoaded, setHasLoaded] = React.useState(false)\n\n  React.useEffect(() => {\n    const onLoad = async () => {\n      // call some endpoint to load the data\n\n      try {\n        const folderDataReq = await fetch(\n          `${serverURL}${routes.api}/${folderCollectionSlug}/populate-folder-data${props.fromFolderID ? `?folderID=${props.fromFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'content-type': 'application/json',\n            },\n          },\n        )\n\n        if (folderDataReq.status === 200) {\n          const folderDataRes: GetFolderDataResult = await folderDataReq.json()\n          setBreadcrumbs(folderDataRes?.breadcrumbs || [])\n          setSubfolders(folderDataRes?.subfolders || [])\n          setDocuments(folderDataRes?.documents || [])\n        } else {\n          setBreadcrumbs([])\n          setSubfolders([])\n          setDocuments([])\n        }\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e)\n      }\n\n      setHasLoaded(true)\n    }\n\n    if (!hasLoaded) {\n      void onLoad()\n    }\n  }, [folderCollectionSlug, routes.api, serverURL, hasLoaded, props.fromFolderID])\n\n  if (!hasLoaded) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <FolderProvider\n      allowMultiSelection={false}\n      breadcrumbs={breadcrumbs}\n      documents={documents}\n      folderCollectionSlugs={[]}\n      folderID={props.fromFolderID}\n      subfolders={subfolders}\n    >\n      <Content {...props} />\n    </FolderProvider>\n  )\n}\n\nfunction Content({\n  drawerSlug,\n  fromFolderName,\n  itemsToMove,\n  onConfirm,\n  skipConfirmModal,\n  ...props\n}: MoveToFolderDrawerProps) {\n  const { closeModal, openModal } = useModal()\n  const [count] = React.useState(() => itemsToMove.length)\n  const { i18n, t } = useTranslation()\n  const {\n    addItems,\n    breadcrumbs,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    getSelectedItems,\n    setFolderID,\n    subfolders,\n  } = useFolder()\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    ({ collectionSlug, doc }: { collectionSlug: CollectionSlug; doc: Document }) => {\n      const itemValue: FolderOrDocument['value'] = {\n        id: doc?.id,\n        _folderOrDocumentTitle: doc?.[folderCollectionConfig.admin.useAsTitle ?? 'id'],\n        createdAt: doc?.createdAt,\n        folderID: doc?.[folderFieldName],\n        updatedAt: doc?.updatedAt,\n      }\n\n      void addItems([\n        {\n          itemKey: `${collectionSlug}-${doc.id}`,\n          relationTo: collectionSlug,\n          value: itemValue,\n        },\n      ])\n    },\n    [addItems, folderCollectionConfig.admin.useAsTitle],\n  )\n\n  const onConfirmMove = React.useCallback(() => {\n    if (typeof onConfirm === 'function') {\n      void onConfirm(getSelectedFolder())\n    }\n  }, [getSelectedFolder, onConfirm])\n\n  return (\n    <>\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={props.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 setFolderID({ folderID: 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 setFolderID({ folderID: 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              onClick={() => {\n                openModal(newFolderDrawerSlug)\n              }}\n            >\n              {t('fields:addLabel', {\n                label: getTranslation(folderCollectionConfig.labels?.singular, i18n),\n              })}\n            </Button>\n            <NewFolderDrawer\n              drawerSlug={newFolderDrawerSlug}\n              onNewFolderSuccess={(doc) => {\n                closeModal(newFolderDrawerSlug)\n                if (typeof onCreateSuccess === 'function') {\n                  void onCreateSuccess({\n                    collectionSlug: folderCollectionConfig.slug,\n                    doc,\n                  })\n                }\n              }}\n            />\n          </>\n        )}\n      </div>\n\n      <DrawerContentContainer className={`${baseClass}__body-section`}>\n        {subfolders.length > 0 ? (\n          <ItemCardGrid\n            disabledItemKeys={new Set(itemsToMove.map(({ itemKey }) => itemKey))}\n            items={subfolders}\n            selectedItemKeys={\n              new Set<FolderDocumentItemKey>([`${folderCollectionSlug}-${getSelectedFolder().id}`])\n            }\n            type=\"folder\"\n          />\n        ) : (\n          <NoListResults\n            Actions={[\n              <ListCreateNewDocInFolderButton\n                buttonLabel={`${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`}\n                collectionSlugs={[folderCollectionSlug]}\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    </>\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"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+@layer payload-default {
+  .move-folder-drawer {
+    &__body-section {
+      display: grid;
+      grid-template-rows: auto 1fr;
+      gap: var(--base);
+    }
+
+    &__breadcrumbs-section {
+      padding: calc(var(--base) * 0.75) var(--gutter-h);
+      border-bottom: 1px solid var(--theme-border-color);
+      display: flex;
+      justify-content: space-between;
+
+      .move-folder-drawer__add-folder-button {
+        margin-left: var(--base);
+      }
+    }
+
+    &__folder-breadcrumbs-root {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) / 2);
+    }
+  }
+}

package/dist/elements/FolderView/Drawers/NewFolder/index.d.ts

@@ -0,0 +1,9 @@
+import type { FolderInterface } from 'payload/shared';
+import React from 'react';
+type Props = {
+    readonly drawerSlug: string;
+    readonly onNewFolderSuccess: (doc: FolderInterface) => Promise<void> | void;
+};
+export declare const NewFolderDrawer: ({ drawerSlug, onNewFolderSuccess }: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/Drawers/NewFolder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/FolderView/Drawers/NewFolder/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAGrD,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,eAAe,uCAAwC,KAAK,sBAwExE,CAAA"}