@payloadcms/ui 3.41.0-internal.c079756 → 3.41.0

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

@@ -20,10 +20,11 @@ const baseClass = 'move-doc-to-folder';
  * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.
  */
 export function MoveDocToFolder(t0) {
-  const $ = _c(27);
+  const $ = _c(29);
   const {
     buttonProps,
     className: t1,
+    folderCollectionSlug,
     folderFieldName
   } = t0;
   const className = t1 === undefined ? "" : t1;
@@ -68,11 +69,11 @@ export function MoveDocToFolder(t0) {
   const modalID = useId();
   let t4;
   let t5;
-  if ($[4] !== config.folders.slug || $[5] !== config.routes.api || $[6] !== fromFolderID || $[7] !== t) {
+  if ($[4] !== config.routes.api || $[5] !== folderCollectionSlug || $[6] !== fromFolderID || $[7] !== t) {
     t4 = () => {
       const fetchFolderLabel = async function fetchFolderLabel() {
         if (fromFolderID && (typeof fromFolderID === "string" || typeof fromFolderID === "number")) {
-          const response = await fetch(`${config.routes.api}/${config.folders.slug}/${fromFolderID}`);
+          const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`);
           const folderData = await response.json();
           setFromFolderName(folderData?.name || t("folder:noFolder"));
         } else {
@@ -81,9 +82,9 @@ export function MoveDocToFolder(t0) {
       };
       fetchFolderLabel();
     };
-    t5 = [config.folders.slug, config.routes.api, fromFolderID, t];
-    $[4] = config.folders.slug;
-    $[5] = config.routes.api;
+    t5 = [folderCollectionSlug, config.routes.api, fromFolderID, t];
+    $[4] = config.routes.api;
+    $[5] = folderCollectionSlug;
     $[6] = fromFolderID;
     $[7] = t;
     $[8] = t4;
@@ -119,7 +120,7 @@ export function MoveDocToFolder(t0) {
   }
   const t8 = !currentParentFolder?.value;
   let t9;
-  if ($[15] !== buttonProps || $[16] !== className || $[17] !== collectionSlug || $[18] !== fromFolderID || $[19] !== fromFolderName || $[20] !== id || $[21] !== initialData || $[22] !== t6 || $[23] !== t7 || $[24] !== t8 || $[25] !== title) {
+  if ($[15] !== buttonProps || $[16] !== className || $[17] !== collectionSlug || $[18] !== folderCollectionSlug || $[19] !== folderFieldName || $[20] !== fromFolderID || $[21] !== fromFolderName || $[22] !== id || $[23] !== initialData || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== title) {
     t9 = _jsx(MoveDocToFolderButton, {
       buttonProps,
       className,
@@ -127,6 +128,8 @@ export function MoveDocToFolder(t0) {
       docData: initialData,
       docID: id,
       docTitle: title,
+      folderCollectionSlug,
+      folderFieldName,
       fromFolderID,
       fromFolderName,
       modalSlug: t6,
@@ -136,17 +139,19 @@ export function MoveDocToFolder(t0) {
     $[15] = buttonProps;
     $[16] = className;
     $[17] = collectionSlug;
-    $[18] = fromFolderID;
-    $[19] = fromFolderName;
-    $[20] = id;
-    $[21] = initialData;
-    $[22] = t6;
-    $[23] = t7;
-    $[24] = t8;
-    $[25] = title;
-    $[26] = t9;
+    $[18] = folderCollectionSlug;
+    $[19] = folderFieldName;
+    $[20] = fromFolderID;
+    $[21] = fromFolderName;
+    $[22] = id;
+    $[23] = initialData;
+    $[24] = t6;
+    $[25] = t7;
+    $[26] = t8;
+    $[27] = title;
+    $[28] = t9;
   } else {
-    t9 = $[26];
+    t9 = $[28];
   }
   return t9;
 }
@@ -158,7 +163,7 @@ function _temp(t0) {
   return dispatch;
 }
 export const MoveDocToFolderButton = t0 => {
-  const $ = _c(25);
+  const $ = _c(27);
   const {
     buttonProps,
     className,
@@ -166,6 +171,8 @@ export const MoveDocToFolderButton = t0 => {
     docData,
     docID,
     docTitle,
+    folderCollectionSlug,
+    folderFieldName,
     fromFolderID,
     fromFolderName,
     modalSlug,
@@ -185,32 +192,32 @@ export const MoveDocToFolderButton = t0 => {
   } = useModal();
   const drawerDepth = useDrawerDepth();
   let t1;
-  if ($[0] !== buttonProps || $[1] !== className || $[2] !== closeModal || $[3] !== collectionSlug || $[4] !== docData || $[5] !== docID || $[6] !== docTitle || $[7] !== drawerDepth || $[8] !== fromFolderID || $[9] !== fromFolderName || $[10] !== getEntityConfig || $[11] !== i18n || $[12] !== modalSlug || $[13] !== onConfirm || $[14] !== openModal || $[15] !== skipConfirmModal || $[16] !== t) {
+  if ($[0] !== buttonProps || $[1] !== className || $[2] !== closeModal || $[3] !== collectionSlug || $[4] !== docData || $[5] !== docID || $[6] !== docTitle || $[7] !== drawerDepth || $[8] !== folderCollectionSlug || $[9] !== folderFieldName || $[10] !== fromFolderID || $[11] !== fromFolderName || $[12] !== getEntityConfig || $[13] !== i18n || $[14] !== modalSlug || $[15] !== onConfirm || $[16] !== openModal || $[17] !== skipConfirmModal || $[18] !== t) {
     const drawerSlug = formatDrawerSlug({
       slug: modalSlug,
       depth: drawerDepth
     });
     let t2;
-    if ($[18] !== collectionSlug || $[19] !== docTitle || $[20] !== getEntityConfig || $[21] !== i18n) {
+    if ($[20] !== collectionSlug || $[21] !== docTitle || $[22] !== getEntityConfig || $[23] !== i18n) {
       t2 = docTitle || getTranslation(getEntityConfig({
         collectionSlug
       }).labels.singular, i18n);
-      $[18] = collectionSlug;
-      $[19] = docTitle;
-      $[20] = getEntityConfig;
-      $[21] = i18n;
-      $[22] = t2;
+      $[20] = collectionSlug;
+      $[21] = docTitle;
+      $[22] = getEntityConfig;
+      $[23] = i18n;
+      $[24] = t2;
     } else {
-      t2 = $[22];
+      t2 = $[24];
     }
     const titleToRender = t2;
     let t3;
-    if ($[23] !== className) {
+    if ($[25] !== className) {
       t3 = [baseClass, className].filter(Boolean);
-      $[23] = className;
-      $[24] = t3;
+      $[25] = className;
+      $[26] = t3;
     } else {
-      t3 = $[24];
+      t3 = $[26];
     }
     t1 = _jsxs(_Fragment, {
       children: [_jsx(Button, {
@@ -226,6 +233,8 @@ export const MoveDocToFolderButton = t0 => {
       }), _jsx(MoveItemsToFolderDrawer, {
         action: "moveItemToFolder",
         drawerSlug,
+        folderCollectionSlug,
+        folderFieldName,
         fromFolderID,
         fromFolderName,
         itemsToMove: [{
@@ -269,18 +278,20 @@ export const MoveDocToFolderButton = t0 => {
     $[5] = docID;
     $[6] = docTitle;
     $[7] = drawerDepth;
-    $[8] = fromFolderID;
-    $[9] = fromFolderName;
-    $[10] = getEntityConfig;
-    $[11] = i18n;
-    $[12] = modalSlug;
-    $[13] = onConfirm;
-    $[14] = openModal;
-    $[15] = skipConfirmModal;
-    $[16] = t;
-    $[17] = t1;
+    $[8] = folderCollectionSlug;
+    $[9] = folderFieldName;
+    $[10] = fromFolderID;
+    $[11] = fromFolderName;
+    $[12] = getEntityConfig;
+    $[13] = i18n;
+    $[14] = modalSlug;
+    $[15] = onConfirm;
+    $[16] = openModal;
+    $[17] = skipConfirmModal;
+    $[18] = t;
+    $[19] = t1;
   } else {
-    t1 = $[17];
+    t1 = $[19];
   }
   return t1;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useId","toast","useForm","useFormFields","FolderIcon","useConfig","useDocumentInfo","useTranslation","Button","formatDrawerSlug","useDrawerDepth","MoveItemsToFolderDrawer","baseClass","MoveDocToFolder","t0","$","buttonProps","className","t1","folderFieldName","undefined","t","dispatchField","_temp","t2","t3","fields","currentParentFolder","fromFolderID","value","id","collectionSlug","initialData","title","setModified","fromFolderName","setFromFolderName","useState","config","modalID","t4","t5","folders","slug","routes","api","fetchFolderLabel","response","fetch","folderData","json","name","useEffect","t6","t7","t8","id_0","type","path","t9","_jsx","MoveDocToFolderButton","docData","docID","docTitle","modalSlug","onConfirm","skipConfirmModal","dispatch","getEntityConfig","i18n","closeModal","openModal","drawerDepth","drawerSlug","depth","labels","singular","titleToRender","filter","Boolean","_jsxs","_Fragment","children","buttonStyle","join","icon","iconPosition","onClick","action","itemsToMove","itemKey","relationTo","args","success","folderName","_"],"sources":["../../../../src/elements/FolderView/MoveDocToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useId } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props as ButtonProps } from '../../Button/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { FolderIcon } from '../../../icons/Folder/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { formatDrawerSlug, useDrawerDepth } from '../../Drawer/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\nimport './index.scss'\n\nconst baseClass = 'move-doc-to-folder'\n\n/**\n * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.\n */\nexport function MoveDocToFolder({\n  buttonProps,\n  className = '',\n  folderFieldName,\n}: {\n  buttonProps?: Partial<ButtonProps>\n  className?: string\n  folderFieldName: string\n}) {\n  const { t } = useTranslation()\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n  const currentParentFolder = useFormFields(\n    ([fields]) => (fields && fields?.[folderFieldName]) || null,\n  )\n  const fromFolderID = currentParentFolder?.value\n  const { id, collectionSlug, initialData, title } = useDocumentInfo()\n  const { setModified } = useForm()\n  const [fromFolderName, setFromFolderName] = React.useState(() => `${t('general:loading')}...`)\n\n  const { config } = useConfig()\n  const modalID = useId()\n\n  React.useEffect(() => {\n    async function fetchFolderLabel() {\n      if (fromFolderID && (typeof fromFolderID === 'string' || typeof fromFolderID === 'number')) {\n        const response = await fetch(`${config.routes.api}/${config.folders.slug}/${fromFolderID}`)\n        const folderData = await response.json()\n        setFromFolderName(folderData?.name || t('folder:noFolder'))\n      } else {\n        setFromFolderName(t('folder:noFolder'))\n      }\n    }\n\n    void fetchFolderLabel()\n  }, [config.folders.slug, config.routes.api, fromFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={buttonProps}\n      className={className}\n      collectionSlug={collectionSlug}\n      docData={initialData as FolderOrDocument['value']}\n      docID={id}\n      docTitle={title}\n      fromFolderID={fromFolderID as number | string}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-to-folder-${modalID}`}\n      onConfirm={({ id }) => {\n        if (currentParentFolder.value !== id) {\n          dispatchField({\n            type: 'UPDATE',\n            path: folderFieldName,\n            value: id,\n          })\n          setModified(true)\n        }\n      }}\n      skipConfirmModal={!currentParentFolder?.value}\n    />\n  )\n}\n\ntype MoveDocToFolderButtonProps = {\n  buttonProps?: Partial<ButtonProps>\n  className?: string\n  collectionSlug: string\n  docData: FolderOrDocument['value']\n  docID: number | string\n  docTitle?: string\n  fromFolderID?: number | string\n  fromFolderName: string\n  modalSlug: string\n  onConfirm?: (args: { id: number | string; name: string }) => Promise<void> | void\n  skipConfirmModal?: boolean\n}\n\n/**\n * This is a more generic button that can be used in other contexts, such as table cells and the edit view.\n */\nexport const MoveDocToFolderButton = ({\n  buttonProps,\n  className,\n  collectionSlug,\n  docData,\n  docID,\n  docTitle,\n  fromFolderID,\n  fromFolderName,\n  modalSlug,\n  onConfirm,\n  skipConfirmModal,\n}: MoveDocToFolderButtonProps) => {\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const drawerSlug = formatDrawerSlug({ slug: modalSlug, depth: drawerDepth })\n\n  const titleToRender =\n    docTitle || getTranslation(getEntityConfig({ collectionSlug }).labels.singular, i18n)\n\n  return (\n    <>\n      <Button\n        buttonStyle=\"subtle\"\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        icon={<FolderIcon />}\n        iconPosition=\"left\"\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n        {...buttonProps}\n      >\n        {fromFolderName}\n      </Button>\n\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={drawerSlug}\n        fromFolderID={fromFolderID}\n        fromFolderName={fromFolderName}\n        itemsToMove={[\n          {\n            itemKey: `${collectionSlug}-${docID}`,\n            relationTo: collectionSlug,\n            value: { ...docData, id: docID },\n          },\n        ]}\n        onConfirm={async (args) => {\n          if (fromFolderID !== args.id && typeof onConfirm === 'function') {\n            try {\n              await onConfirm(args)\n\n              if (args.id) {\n                // moved to folder\n                toast.success(\n                  t('folder:itemHasBeenMoved', {\n                    folderName: `\"${args.name}\"`,\n                    title: titleToRender,\n                  }),\n                )\n              } else {\n                // moved to root\n                toast.success(\n                  t('folder:itemHasBeenMovedToRoot', {\n                    title: titleToRender,\n                  }),\n                )\n              }\n            } catch (_) {\n              // todo: add error toast?\n            }\n          }\n\n          closeModal(drawerSlug)\n        }}\n        skipConfirmModal={skipConfirmModal}\n        title={titleToRender}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useId","toast","useForm","useFormFields","FolderIcon","useConfig","useDocumentInfo","useTranslation","Button","formatDrawerSlug","useDrawerDepth","MoveItemsToFolderDrawer","baseClass","MoveDocToFolder","t0","$","buttonProps","className","t1","folderCollectionSlug","folderFieldName","undefined","t","dispatchField","_temp","t2","t3","fields","currentParentFolder","fromFolderID","value","id","collectionSlug","initialData","title","setModified","fromFolderName","setFromFolderName","useState","config","modalID","t4","t5","routes","api","fetchFolderLabel","response","fetch","folderData","json","name","useEffect","t6","t7","t8","id_0","type","path","t9","_jsx","MoveDocToFolderButton","docData","docID","docTitle","modalSlug","onConfirm","skipConfirmModal","dispatch","getEntityConfig","i18n","closeModal","openModal","drawerDepth","drawerSlug","slug","depth","labels","singular","titleToRender","filter","Boolean","_jsxs","_Fragment","children","buttonStyle","join","icon","iconPosition","onClick","action","itemsToMove","itemKey","relationTo","args","success","folderName","_"],"sources":["../../../../src/elements/FolderView/MoveDocToFolder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useId } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props as ButtonProps } from '../../Button/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { FolderIcon } from '../../../icons/Folder/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { formatDrawerSlug, useDrawerDepth } from '../../Drawer/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\nimport './index.scss'\n\nconst baseClass = 'move-doc-to-folder'\n\n/**\n * This is the button shown on the edit document view. It uses the more generic `MoveDocToFolderButton` component.\n */\nexport function MoveDocToFolder({\n  buttonProps,\n  className = '',\n  folderCollectionSlug,\n  folderFieldName,\n}: {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n}) {\n  const { t } = useTranslation()\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n  const currentParentFolder = useFormFields(\n    ([fields]) => (fields && fields?.[folderFieldName]) || null,\n  )\n  const fromFolderID = currentParentFolder?.value\n  const { id, collectionSlug, initialData, title } = useDocumentInfo()\n  const { setModified } = useForm()\n  const [fromFolderName, setFromFolderName] = React.useState(() => `${t('general:loading')}...`)\n\n  const { config } = useConfig()\n  const modalID = useId()\n\n  React.useEffect(() => {\n    async function fetchFolderLabel() {\n      if (fromFolderID && (typeof fromFolderID === 'string' || typeof fromFolderID === 'number')) {\n        const response = await fetch(`${config.routes.api}/${folderCollectionSlug}/${fromFolderID}`)\n        const folderData = await response.json()\n        setFromFolderName(folderData?.name || t('folder:noFolder'))\n      } else {\n        setFromFolderName(t('folder:noFolder'))\n      }\n    }\n\n    void fetchFolderLabel()\n  }, [folderCollectionSlug, config.routes.api, fromFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={buttonProps}\n      className={className}\n      collectionSlug={collectionSlug}\n      docData={initialData as FolderOrDocument['value']}\n      docID={id}\n      docTitle={title}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID as number | string}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-to-folder-${modalID}`}\n      onConfirm={({ id }) => {\n        if (currentParentFolder.value !== id) {\n          dispatchField({\n            type: 'UPDATE',\n            path: folderFieldName,\n            value: id,\n          })\n          setModified(true)\n        }\n      }}\n      skipConfirmModal={!currentParentFolder?.value}\n    />\n  )\n}\n\ntype MoveDocToFolderButtonProps = {\n  readonly buttonProps?: Partial<ButtonProps>\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly docData: FolderOrDocument['value']\n  readonly docID: number | string\n  readonly docTitle?: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly fromFolderID?: number | string\n  readonly fromFolderName: string\n  readonly modalSlug: string\n  readonly onConfirm?: (args: { id: number | string; name: string }) => Promise<void> | void\n  readonly skipConfirmModal?: boolean\n}\n\n/**\n * This is a more generic button that can be used in other contexts, such as table cells and the edit view.\n */\nexport const MoveDocToFolderButton = ({\n  buttonProps,\n  className,\n  collectionSlug,\n  docData,\n  docID,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  fromFolderID,\n  fromFolderName,\n  modalSlug,\n  onConfirm,\n  skipConfirmModal,\n}: MoveDocToFolderButtonProps) => {\n  const { getEntityConfig } = useConfig()\n  const { i18n, t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const drawerDepth = useDrawerDepth()\n  const drawerSlug = formatDrawerSlug({ slug: modalSlug, depth: drawerDepth })\n\n  const titleToRender =\n    docTitle || getTranslation(getEntityConfig({ collectionSlug }).labels.singular, i18n)\n\n  return (\n    <>\n      <Button\n        buttonStyle=\"subtle\"\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        icon={<FolderIcon />}\n        iconPosition=\"left\"\n        onClick={() => {\n          openModal(drawerSlug)\n        }}\n        {...buttonProps}\n      >\n        {fromFolderName}\n      </Button>\n\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={drawerSlug}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={fromFolderID}\n        fromFolderName={fromFolderName}\n        itemsToMove={[\n          {\n            itemKey: `${collectionSlug}-${docID}`,\n            relationTo: collectionSlug,\n            value: { ...docData, id: docID },\n          },\n        ]}\n        onConfirm={async (args) => {\n          if (fromFolderID !== args.id && typeof onConfirm === 'function') {\n            try {\n              await onConfirm(args)\n\n              if (args.id) {\n                // moved to folder\n                toast.success(\n                  t('folder:itemHasBeenMoved', {\n                    folderName: `\"${args.name}\"`,\n                    title: titleToRender,\n                  }),\n                )\n              } else {\n                // moved to root\n                toast.success(\n                  t('folder:itemHasBeenMovedToRoot', {\n                    title: titleToRender,\n                  }),\n                )\n              }\n            } catch (_) {\n              // todo: add error toast?\n            }\n          }\n\n          closeModal(drawerSlug)\n        }}\n        skipConfirmModal={skipConfirmModal}\n        title={titleToRender}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListFolderPills/index.d.ts

@@ -1,9 +1,10 @@
 import type { ClientCollectionConfig } from 'payload';
 import './index.scss';
 type ListFolderPillsProps = {
-    collectionConfig: ClientCollectionConfig;
-    viewType: 'folders' | 'list';
+    readonly collectionConfig: ClientCollectionConfig;
+    readonly folderCollectionSlug: string;
+    readonly viewType: 'folders' | 'list';
 };
-export declare function ListFolderPills({ collectionConfig, viewType }: ListFolderPillsProps): import("react").JSX.Element;
+export declare function ListFolderPills({ collectionConfig, folderCollectionSlug, viewType, }: ListFolderPillsProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/ListFolderPills/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListFolderPills/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAQrD,OAAO,cAAc,CAAA;AAIrB,KAAK,oBAAoB,GAAG;IAC1B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAA;CAC7B,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BAyCnF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListFolderPills/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAQrD,OAAO,cAAc,CAAA;AAIrB,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAA;CACtC,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,gBAAgB,EAChB,oBAAoB,EACpB,QAAQ,GACT,EAAE,oBAAoB,+BA6CtB"}

package/dist/elements/ListFolderPills/index.js

@@ -13,6 +13,7 @@ export function ListFolderPills(t0) {
   const $ = _c(16);
   const {
     collectionConfig,
+    folderCollectionSlug,
     viewType
   } = t0;
   const {
@@ -22,6 +23,9 @@ export function ListFolderPills(t0) {
   const {
     config
   } = useConfig();
+  if (!folderCollectionSlug) {
+    return null;
+  }
   const t1 = viewType === "folders" && `${baseClass}__button--active`;
   let t2;
   if ($[0] !== t1) {
@@ -34,7 +38,7 @@ export function ListFolderPills(t0) {
   const t3 = t2.join(" ");
   const t4 = viewType === "folders";
   const t5 = viewType === "list" ? "link" : "div";
-  const t6 = `/collections/${collectionConfig.slug}/${config.folders.slug}`;
+  const t6 = `/collections/${collectionConfig.slug}/${folderCollectionSlug}`;
   let t7;
   if ($[2] !== collectionConfig.labels?.plural || $[3] !== collectionConfig.slug || $[4] !== config.routes.admin || $[5] !== config.serverURL || $[6] !== i18n || $[7] !== t || $[8] !== t3 || $[9] !== t4 || $[10] !== t5 || $[11] !== t6 || $[12] !== viewType) {
     const t8 = _jsx(Button, {

package/dist/elements/ListFolderPills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","useConfig","useTranslation","Button","baseClass","ListFolderPills","t0","$","collectionConfig","viewType","i18n","t","config","t1","t2","filter","Boolean","t3","join","t4","t5","t6","slug","folders","t7","labels","plural","routes","admin","serverURL","t8","_jsx","buttonStyle","className","disabled","el","to","adminRoute","path","children","t9","t10","_jsxs"],"sources":["../../../src/elements/ListFolderPills/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'list-folder-pills'\n\ntype ListFolderPillsProps = {\n  collectionConfig: ClientCollectionConfig\n  viewType: 'folders' | 'list'\n}\n\nexport function ListFolderPills({ collectionConfig, viewType }: ListFolderPillsProps) {\n  const { i18n, t } = useTranslation()\n  const { config } = useConfig()\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"tab\"\n        className={[\n          `${baseClass}__button`,\n          viewType === 'folders' && `${baseClass}__button--active`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'folders'}\n        el={viewType === 'list' ? 'link' : 'div'}\n        to={formatAdminURL({\n          adminRoute: config.routes.admin,\n          path: `/collections/${collectionConfig.slug}/${config.folders.slug}`,\n          serverURL: config.serverURL,\n        })}\n      >\n        {t('folder:byFolder')}\n      </Button>\n      <Button\n        buttonStyle=\"tab\"\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el={viewType === 'folders' ? 'link' : 'div'}\n        to={formatAdminURL({\n          adminRoute: config.routes.admin,\n          path: `/collections/${collectionConfig.slug}`,\n          serverURL: config.serverURL,\n        })}\n      >\n        {t('general:all')} {getTranslation(collectionConfig?.labels?.plural, i18n)}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","useConfig","useTranslation","Button","baseClass","ListFolderPills","t0","$","collectionConfig","folderCollectionSlug","viewType","i18n","t","config","t1","t2","filter","Boolean","t3","join","t4","t5","t6","slug","t7","labels","plural","routes","admin","serverURL","t8","_jsx","buttonStyle","className","disabled","el","to","adminRoute","path","children","t9","t10","_jsxs"],"sources":["../../../src/elements/ListFolderPills/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'list-folder-pills'\n\ntype ListFolderPillsProps = {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly folderCollectionSlug: string\n  readonly viewType: 'folders' | 'list'\n}\n\nexport function ListFolderPills({\n  collectionConfig,\n  folderCollectionSlug,\n  viewType,\n}: ListFolderPillsProps) {\n  const { i18n, t } = useTranslation()\n  const { config } = useConfig()\n\n  if (!folderCollectionSlug) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"tab\"\n        className={[\n          `${baseClass}__button`,\n          viewType === 'folders' && `${baseClass}__button--active`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'folders'}\n        el={viewType === 'list' ? 'link' : 'div'}\n        to={formatAdminURL({\n          adminRoute: config.routes.admin,\n          path: `/collections/${collectionConfig.slug}/${folderCollectionSlug}`,\n          serverURL: config.serverURL,\n        })}\n      >\n        {t('folder:byFolder')}\n      </Button>\n      <Button\n        buttonStyle=\"tab\"\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el={viewType === 'folders' ? 'link' : 'div'}\n        to={formatAdminURL({\n          adminRoute: config.routes.admin,\n          path: `/collections/${collectionConfig.slug}`,\n          serverURL: config.serverURL,\n        })}\n      >\n        {t('general:all')} {getTranslation(collectionConfig?.labels?.plural, i18n)}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListCreateNewDocInFolderButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,wBAAgB,8BAA8B,CAAC,EAC7C,WAAW,EACX,eAAe,EACf,eAAe,EACf,UAAU,GACX,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,EAAE,cAAc,CAAA;QAC9B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAC7B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,qBAkHA"}
+{"version":3,"file":"ListCreateNewDocInFolderButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,SAAS,CAAA;AAIrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,wBAAgB,8BAA8B,CAAC,EAC7C,WAAW,EACX,eAAe,EACf,eAAe,EACf,UAAU,GACX,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,EAAE,cAAc,CAAA;QAC9B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAC7B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,qBAwHA"}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.js

@@ -9,19 +9,17 @@ import { useConfig } from '../../../providers/Config/index.js';
 import { useFolder } from '../../../providers/Folders/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
-import { DocumentDrawer } from '../../DocumentDrawer/index.js';
-import { NewFolderDrawer } from '../../FolderView/Drawers/NewFolder/index.js';
+import { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js';
 import { Popup, PopupList } from '../../Popup/index.js';
 const baseClass = 'create-new-doc-in-folder';
 export function ListCreateNewDocInFolderButton(t0) {
-  const $ = _c(24);
+  const $ = _c(28);
   const {
     buttonLabel,
     collectionSlugs,
     onCreateSuccess,
     slugPrefix
   } = t0;
-  const newFolderDrawerSlug = `${slugPrefix}-new-folder-drawer`;
   const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`;
   const {
     i18n
@@ -35,16 +33,33 @@ export function ListCreateNewDocInFolderButton(t0) {
   } = useConfig();
   const {
     folderCollectionConfig,
+    folderCollectionSlug,
+    folderFieldName,
     folderID
   } = useFolder();
-  const [createCollectionSlug, setCreateCollectionSlug] = React.useState();
   let t1;
-  if ($[0] !== collectionSlugs || $[1] !== config) {
-    t1 = () => collectionSlugs.reduce((acc, collectionSlug) => {
-      const collectionConfig = config.collections.find(t2 => {
+  if ($[0] !== folderCollectionSlug) {
+    t1 = {
+      collectionSlug: folderCollectionSlug
+    };
+    $[0] = folderCollectionSlug;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [FolderDocumentDrawer,, t2] = useDocumentDrawer(t1);
+  const {
+    closeDrawer: closeFolderDrawer,
+    openDrawer: openFolderDrawer
+  } = t2;
+  const [createCollectionSlug, setCreateCollectionSlug] = React.useState();
+  let t3;
+  if ($[2] !== collectionSlugs || $[3] !== config) {
+    t3 = () => collectionSlugs.reduce((acc, collectionSlug) => {
+      const collectionConfig = config.collections.find(t4 => {
         const {
           slug
-        } = t2;
+        } = t4;
         return slug === collectionSlug;
       });
       if (collectionConfig) {
@@ -52,30 +67,30 @@ export function ListCreateNewDocInFolderButton(t0) {
       }
       return acc;
     }, []);
-    $[0] = collectionSlugs;
-    $[1] = config;
-    $[2] = t1;
+    $[2] = collectionSlugs;
+    $[3] = config;
+    $[4] = t3;
   } else {
-    t1 = $[2];
+    t3 = $[4];
   }
-  const [enabledCollections] = React.useState(t1);
+  const [enabledCollections] = React.useState(t3);
   if (enabledCollections.length === 0) {
     return null;
   }
-  let t2;
-  if ($[3] !== buttonLabel || $[4] !== closeModal || $[5] !== collectionSlugs || $[6] !== config || $[7] !== createCollectionSlug || $[8] !== enabledCollections || $[9] !== folderCollectionConfig.slug || $[10] !== folderID || $[11] !== i18n || $[12] !== newDocInFolderDrawerSlug || $[13] !== newFolderDrawerSlug || $[14] !== onCreateSuccess || $[15] !== openModal) {
-    let t3;
-    if ($[17] !== closeModal || $[18] !== config || $[19] !== createCollectionSlug || $[20] !== folderID || $[21] !== newDocInFolderDrawerSlug || $[22] !== onCreateSuccess) {
-      t3 = createCollectionSlug && _jsx(DocumentDrawer, {
+  let t4;
+  if ($[5] !== FolderDocumentDrawer || $[6] !== buttonLabel || $[7] !== closeFolderDrawer || $[8] !== closeModal || $[9] !== collectionSlugs || $[10] !== createCollectionSlug || $[11] !== enabledCollections || $[12] !== folderCollectionConfig.slug || $[13] !== folderFieldName || $[14] !== folderID || $[15] !== i18n || $[16] !== newDocInFolderDrawerSlug || $[17] !== onCreateSuccess || $[18] !== openFolderDrawer || $[19] !== openModal) {
+    let t5;
+    if ($[21] !== closeModal || $[22] !== createCollectionSlug || $[23] !== folderFieldName || $[24] !== folderID || $[25] !== newDocInFolderDrawerSlug || $[26] !== onCreateSuccess) {
+      t5 = createCollectionSlug && _jsx(DocumentDrawer, {
         collectionSlug: createCollectionSlug,
         drawerSlug: newDocInFolderDrawerSlug,
         initialData: {
-          [config.folders.fieldName]: folderID
+          [folderFieldName]: folderID
         },
-        onSave: t4 => {
+        onSave: t6 => {
           const {
             doc
-          } = t4;
+          } = t6;
           closeModal(newDocInFolderDrawerSlug);
           onCreateSuccess({
             collectionSlug: createCollectionSlug,
@@ -84,24 +99,24 @@ export function ListCreateNewDocInFolderButton(t0) {
         },
         redirectAfterCreate: false
       });
-      $[17] = closeModal;
-      $[18] = config;
-      $[19] = createCollectionSlug;
-      $[20] = folderID;
-      $[21] = newDocInFolderDrawerSlug;
-      $[22] = onCreateSuccess;
-      $[23] = t3;
+      $[21] = closeModal;
+      $[22] = createCollectionSlug;
+      $[23] = folderFieldName;
+      $[24] = folderID;
+      $[25] = newDocInFolderDrawerSlug;
+      $[26] = onCreateSuccess;
+      $[27] = t5;
     } else {
-      t3 = $[23];
+      t5 = $[27];
     }
-    t2 = _jsxs(React.Fragment, {
+    t4 = _jsxs(React.Fragment, {
       children: [enabledCollections.length === 1 ? _jsx(Button, {
         buttonStyle: "pill",
         className: `${baseClass}__button`,
         el: "div",
         onClick: () => {
           if (enabledCollections[0].slug === folderCollectionConfig.slug) {
-            openModal(newFolderDrawerSlug);
+            openFolderDrawer();
           } else {
             setCreateCollectionSlug(enabledCollections[0].slug);
             openModal(newDocInFolderDrawerSlug);
@@ -124,7 +139,7 @@ export function ListCreateNewDocInFolderButton(t0) {
           children: enabledCollections.map((collection, index) => _jsx(PopupList.Button, {
             onClick: () => {
               if (collection.slug === folderCollectionConfig.slug) {
-                openModal(newFolderDrawerSlug);
+                openFolderDrawer();
               } else {
                 setCreateCollectionSlug(collection.slug);
                 openModal(newDocInFolderDrawerSlug);
@@ -133,36 +148,41 @@ export function ListCreateNewDocInFolderButton(t0) {
             children: getTranslation(collection.labels.singular, i18n)
           }, index))
         })
-      }), t3, collectionSlugs.includes(folderCollectionConfig.slug) && _jsx(NewFolderDrawer, {
-        drawerSlug: newFolderDrawerSlug,
-        onNewFolderSuccess: doc_0 => {
-          closeModal(newFolderDrawerSlug);
+      }), t5, collectionSlugs.includes(folderCollectionConfig.slug) && _jsx(FolderDocumentDrawer, {
+        initialData: {
+          [folderFieldName]: folderID
+        },
+        onSave: result => {
           if (typeof onCreateSuccess === "function") {
             onCreateSuccess({
               collectionSlug: folderCollectionConfig.slug,
-              doc: doc_0
+              doc: result.doc
             });
           }
-        }
+          closeFolderDrawer();
+        },
+        redirectAfterCreate: false
       })]
     });
-    $[3] = buttonLabel;
-    $[4] = closeModal;
-    $[5] = collectionSlugs;
-    $[6] = config;
-    $[7] = createCollectionSlug;
-    $[8] = enabledCollections;
-    $[9] = folderCollectionConfig.slug;
-    $[10] = folderID;
-    $[11] = i18n;
-    $[12] = newDocInFolderDrawerSlug;
-    $[13] = newFolderDrawerSlug;
-    $[14] = onCreateSuccess;
-    $[15] = openModal;
-    $[16] = t2;
+    $[5] = FolderDocumentDrawer;
+    $[6] = buttonLabel;
+    $[7] = closeFolderDrawer;
+    $[8] = closeModal;
+    $[9] = collectionSlugs;
+    $[10] = createCollectionSlug;
+    $[11] = enabledCollections;
+    $[12] = folderCollectionConfig.slug;
+    $[13] = folderFieldName;
+    $[14] = folderID;
+    $[15] = i18n;
+    $[16] = newDocInFolderDrawerSlug;
+    $[17] = onCreateSuccess;
+    $[18] = openFolderDrawer;
+    $[19] = openModal;
+    $[20] = t4;
   } else {
-    t2 = $[16];
+    t4 = $[20];
   }
-  return t2;
+  return t4;
 }
 //# sourceMappingURL=ListCreateNewDocInFolderButton.js.map

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListCreateNewDocInFolderButton.js","names":["c","_c","useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","NewFolderDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","t0","$","buttonLabel","collectionSlugs","onCreateSuccess","slugPrefix","newFolderDrawerSlug","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderID","createCollectionSlug","setCreateCollectionSlug","useState","t1","reduce","acc","collectionSlug","collectionConfig","collections","find","t2","slug","push","enabledCollections","length","t3","_jsx","drawerSlug","initialData","folders","fieldName","onSave","t4","doc","redirectAfterCreate","_jsxs","Fragment","children","buttonStyle","className","el","onClick","size","button","icon","ButtonGroup","map","collection","index","labels","singular","includes","onNewFolderSuccess","doc_0"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\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 { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { NewFolderDrawer } from '../../FolderView/Drawers/NewFolder/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  collectionSlugs,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newFolderDrawerSlug = `${slugPrefix}-new-folder-drawer`\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderID } = useFolder()\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openModal(newFolderDrawerSlug)\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size=\"small\"\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size=\"small\"\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openModal(newFolderDrawerSlug)\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [config.folders.fieldName]: folderID,\n          }}\n          onSave={({ doc }) => {\n            closeModal(newDocInFolderDrawerSlug)\n            void onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\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    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ListCreateNewDocInFolderButton.js","names":["c","_c","useModal","getTranslation","React","useConfig","useFolder","useTranslation","Button","DocumentDrawer","useDocumentDrawer","Popup","PopupList","baseClass","ListCreateNewDocInFolderButton","t0","$","buttonLabel","collectionSlugs","onCreateSuccess","slugPrefix","newDocInFolderDrawerSlug","i18n","closeModal","openModal","config","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","t1","collectionSlug","FolderDocumentDrawer","t2","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","createCollectionSlug","setCreateCollectionSlug","useState","t3","reduce","acc","collectionConfig","collections","find","t4","slug","push","enabledCollections","length","t5","_jsx","drawerSlug","initialData","onSave","t6","doc","redirectAfterCreate","_jsxs","Fragment","children","buttonStyle","className","el","onClick","size","button","icon","ButtonGroup","map","collection","index","labels","singular","includes","result"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, CollectionSlug } from 'payload'\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 { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nconst baseClass = 'create-new-doc-in-folder'\n\nexport function ListCreateNewDocInFolderButton({\n  buttonLabel,\n  collectionSlugs,\n  onCreateSuccess,\n  slugPrefix,\n}: {\n  buttonLabel: string\n  collectionSlugs: CollectionSlug[]\n  onCreateSuccess: (args: {\n    collectionSlug: CollectionSlug\n    doc: Record<string, unknown>\n  }) => Promise<void> | void\n  slugPrefix: string\n}) {\n  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`\n  const { i18n } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const { config } = useConfig()\n  const { folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: folderCollectionSlug,\n    })\n  const [createCollectionSlug, setCreateCollectionSlug] = React.useState<string | undefined>()\n  const [enabledCollections] = React.useState<ClientCollectionConfig[]>(() =>\n    collectionSlugs.reduce((acc, collectionSlug) => {\n      const collectionConfig = config.collections.find(({ slug }) => slug === collectionSlug)\n      if (collectionConfig) {\n        acc.push(collectionConfig)\n      }\n      return acc\n    }, []),\n  )\n\n  if (enabledCollections.length === 0) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {enabledCollections.length === 1 ? (\n        // If there is only 1 option, do not render a popup\n        <Button\n          buttonStyle=\"pill\"\n          className={`${baseClass}__button`}\n          el=\"div\"\n          onClick={() => {\n            if (enabledCollections[0].slug === folderCollectionConfig.slug) {\n              openFolderDrawer()\n            } else {\n              setCreateCollectionSlug(enabledCollections[0].slug)\n              openModal(newDocInFolderDrawerSlug)\n            }\n          }}\n          size=\"small\"\n        >\n          {buttonLabel}\n        </Button>\n      ) : (\n        <Popup\n          button={\n            <Button\n              buttonStyle=\"pill\"\n              className={`${baseClass}__popup-button`}\n              el=\"div\"\n              icon=\"chevron\"\n              size=\"small\"\n            >\n              {buttonLabel}\n            </Button>\n          }\n          buttonType=\"default\"\n          className={`${baseClass}__action-popup`}\n        >\n          <PopupList.ButtonGroup>\n            {enabledCollections.map((collection, index) => {\n              return (\n                <PopupList.Button\n                  key={index}\n                  onClick={() => {\n                    if (collection.slug === folderCollectionConfig.slug) {\n                      openFolderDrawer()\n                    } else {\n                      setCreateCollectionSlug(collection.slug)\n                      openModal(newDocInFolderDrawerSlug)\n                    }\n                  }}\n                >\n                  {getTranslation(collection.labels.singular, i18n)}\n                </PopupList.Button>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </Popup>\n      )}\n\n      {createCollectionSlug && (\n        <DocumentDrawer\n          collectionSlug={createCollectionSlug}\n          drawerSlug={newDocInFolderDrawerSlug}\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={({ doc }) => {\n            closeModal(newDocInFolderDrawerSlug)\n            void onCreateSuccess({\n              collectionSlug: createCollectionSlug,\n              doc,\n            })\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n\n      {collectionSlugs.includes(folderCollectionConfig.slug) && (\n        <FolderDocumentDrawer\n          initialData={{\n            [folderFieldName]: folderID,\n          }}\n          onSave={(result) => {\n            if (typeof onCreateSuccess === 'function') {\n              void onCreateSuccess({\n                collectionSlug: folderCollectionConfig.slug,\n                doc: result.doc,\n              })\n            }\n            closeFolderDrawer()\n          }}\n          redirectAfterCreate={false}\n        />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Upload/index.scss

@@ -60,9 +60,8 @@
       flex-wrap: wrap;
     }
 
-    &__previewSizes,
-    &__edit {
-      margin-top: calc(var(--base) * 1.2);
+    &__upload-actions {
+      margin-top: calc(var(--base) * 0.5);
     }
 
     &__previewDrawer {