@payloadcms/ui 3.55.0-canary.3 → 3.55.0-internal.b47bfce

package/dist/elements/DrawerActionHeader/index.js

@@ -9,7 +9,7 @@ import { Button } from '../Button/index.js';
 import './index.scss';
 const baseClass = 'drawer-action-header';
 export const DrawerActionHeader = t0 => {
-  const $ = _c(16);
+  const $ = _c(10);
   const {
     cancelLabel,
     className,
@@ -32,24 +32,6 @@ export const DrawerActionHeader = t0 => {
   const t2 = t1.join(" ");
   let t3;
   if ($[2] !== cancelLabel || $[3] !== onCancel || $[4] !== onSave || $[5] !== saveLabel || $[6] !== t || $[7] !== t2 || $[8] !== title) {
-    let t4;
-    if ($[10] !== cancelLabel || $[11] !== t) {
-      t4 = cancelLabel || t("general:cancel");
-      $[10] = cancelLabel;
-      $[11] = t;
-      $[12] = t4;
-    } else {
-      t4 = $[12];
-    }
-    let t5;
-    if ($[13] !== saveLabel || $[14] !== t) {
-      t5 = saveLabel || t("general:applyChanges");
-      $[13] = saveLabel;
-      $[14] = t;
-      $[15] = t5;
-    } else {
-      t5 = $[15];
-    }
     t3 = _jsx("div", {
       className: t2,
       children: _jsxs("div", {
@@ -63,11 +45,11 @@ export const DrawerActionHeader = t0 => {
             "aria-label": t("general:cancel"),
             buttonStyle: "secondary",
             onClick: onCancel,
-            children: t4
+            children: cancelLabel || t("general:cancel")
           }), _jsx(FormSubmit, {
             "aria-label": t("general:applyChanges"),
             onClick: onSave,
-            children: t5
+            children: saveLabel || t("general:applyChanges")
           })]
         })]
       })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","className","onCancel","onSave","saveLabel","title","t","t1","filter","Boolean","t2","join","t3","t4","t5","_jsx","children","_jsxs","buttonStyle","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAOV;EACvB;IAAAQ;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IAGIM,EAAA,IAAAX,SAAA,EAAYK,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAV,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAM,KAAA;IAAA,IAAAQ,EAAA;IAAA,IAAAd,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAO,CAAA;MAMnDO,EAAA,GAAAb,WAAA,IAAeM,CAAA,CAAE;MAAAP,CAAA,OAAAC,WAAA;MAAAD,CAAA,OAAAO,CAAA;MAAAP,CAAA,OAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IAAA,IAAAe,EAAA;IAAA,IAAAf,CAAA,SAAAK,SAAA,IAAAL,CAAA,SAAAO,CAAA;MAIjBQ,EAAA,GAAAV,SAAA,IAAaE,CAAA,CAAE;MAAAP,CAAA,OAAAK,SAAA;MAAAL,CAAA,OAAAO,CAAA;MAAAP,CAAA,OAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAVxBa,EAAA,GAAAG,IAAA,CAAC;MAAAd,SAAA,EAAeS,EAA4C;MAAAM,QAAA,EAC1DC,KAAA,CAAC;QAAAhB,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAoB,QAAA,GACrCD,IAAA,CAAC;UAAAd,SAAA,EAAc,GAAAL,SAAA,SAAqB;UAAAoB,QAAA,EAAGX;QAAA,C,GAEvCY,KAAA,CAAC;UAAAhB,SAAA,EAAe,GAAAL,SAAA,WAAuB;UAAAoB,QAAA,GACrCD,IAAA,CAAApB,MAAA;YAAA,cAAoBW,CAAA,CAAE;YAAAY,WAAA,EAA+B;YAAAC,OAAA,EAAqBjB,QAAA;YAAAc,QAAA,EACvEH;UAAiB,C,GAGpBE,IAAA,CAAAtB,UAAA;YAAA,cAAwBa,CAAA,CAAE;YAAAa,OAAA,EAAkChB,MAAA;YAAAa,QAAA,EACzDF;UAAe,C;;;;;;;;;;;;;;;SAVxBF,E;CAgBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","className","onCancel","onSave","saveLabel","title","t","t1","filter","Boolean","t2","join","t3","_jsx","children","_jsxs","buttonStyle","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer-action-header'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  className?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  className,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAP,EAOV;EACvB;IAAAQ;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,SAAA;IAGIM,EAAA,IAAAX,SAAA,EAAYK,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAV,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA9B,MAAAW,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAO,CAAA,IAAAP,CAAA,QAAAW,EAAA,IAAAX,CAAA,QAAAM,KAAA;IAA5DO,EAAA,GAAAC,IAAA,CAAC;MAAAZ,SAAA,EAAeS,EAA4C;MAAAI,QAAA,EAC1DC,KAAA,CAAC;QAAAd,SAAA,EAAe,GAAAL,SAAA,WAAuB;QAAAkB,QAAA,GACrCD,IAAA,CAAC;UAAAZ,SAAA,EAAc,GAAAL,SAAA,SAAqB;UAAAkB,QAAA,EAAGT;QAAA,C,GAEvCU,KAAA,CAAC;UAAAd,SAAA,EAAe,GAAAL,SAAA,WAAuB;UAAAkB,QAAA,GACrCD,IAAA,CAAAlB,MAAA;YAAA,cAAoBW,CAAA,CAAE;YAAAU,WAAA,EAA+B;YAAAC,OAAA,EAAqBf,QAAA;YAAAY,QAAA,EACvEd,WAAA,IAAeM,CAAA,CAAE;UAAA,C,GAGpBO,IAAA,CAAApB,UAAA;YAAA,cAAwBa,CAAA,CAAE;YAAAW,OAAA,EAAkCd,MAAA;YAAAW,QAAA,EACzDV,SAAA,IAAaE,CAAA,CAAE;UAAA,C;;;;;;;;;;;;;;;SAVxBM,E;CAgBJ","ignoreList":[]}

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

@@ -103,45 +103,17 @@ function LoadFolderData(props) {
   }, folderID);
 }
 function Content(t0) {
-  const $ = _c(79);
-  let drawerSlug;
-  let fromFolderID;
-  let fromFolderName;
-  let itemsToMove;
-  let onConfirm;
-  let populateMoveToFolderDrawer;
-  let props;
-  let skipConfirmModal;
-  if ($[0] !== t0) {
-    ({
-      drawerSlug,
-      fromFolderID,
-      fromFolderName,
-      itemsToMove,
-      onConfirm,
-      populateMoveToFolderDrawer,
-      skipConfirmModal,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = drawerSlug;
-    $[2] = fromFolderID;
-    $[3] = fromFolderName;
-    $[4] = itemsToMove;
-    $[5] = onConfirm;
-    $[6] = populateMoveToFolderDrawer;
-    $[7] = props;
-    $[8] = skipConfirmModal;
-  } else {
-    drawerSlug = $[1];
-    fromFolderID = $[2];
-    fromFolderName = $[3];
-    itemsToMove = $[4];
-    onConfirm = $[5];
-    populateMoveToFolderDrawer = $[6];
-    props = $[7];
-    skipConfirmModal = $[8];
-  }
+  const $ = _c(34);
+  const {
+    drawerSlug,
+    fromFolderID,
+    fromFolderName,
+    itemsToMove,
+    onConfirm,
+    populateMoveToFolderDrawer,
+    skipConfirmModal,
+    ...props
+  } = t0;
   const {
     clearRouteCache
   } = useRouteCache();
@@ -151,12 +123,12 @@ function Content(t0) {
     openModal
   } = useModal();
   let t1;
-  if ($[9] !== itemsToMove) {
+  if ($[0] !== itemsToMove) {
     t1 = () => itemsToMove.length;
-    $[9] = itemsToMove;
-    $[10] = t1;
+    $[0] = itemsToMove;
+    $[1] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[1];
   }
   const [count] = React.useState(t1);
   const [folderAddedToUnderlyingFolder, setFolderAddedToUnderlyingFolder] = React.useState(false);
@@ -176,14 +148,14 @@ function Content(t0) {
     subfolders
   } = useFolder();
   let t2;
-  if ($[11] !== folderCollectionSlug) {
+  if ($[2] !== folderCollectionSlug) {
     t2 = {
       collectionSlug: folderCollectionSlug
     };
-    $[11] = folderCollectionSlug;
-    $[12] = t2;
+    $[2] = folderCollectionSlug;
+    $[3] = t2;
   } else {
-    t2 = $[12];
+    t2 = $[3];
   }
   const [FolderDocumentDrawer,, t3] = useDocumentDrawer(t2);
   const {
@@ -191,7 +163,7 @@ function Content(t0) {
     openDrawer: openFolderDrawer
   } = t3;
   let t4;
-  if ($[13] !== breadcrumbs || $[14] !== getSelectedItems) {
+  if ($[4] !== breadcrumbs || $[5] !== getSelectedItems) {
     t4 = () => {
       const selected = getSelectedItems();
       if (selected.length === 0) {
@@ -207,15 +179,15 @@ function Content(t0) {
         };
       }
     };
-    $[13] = breadcrumbs;
-    $[14] = getSelectedItems;
-    $[15] = t4;
+    $[4] = breadcrumbs;
+    $[5] = getSelectedItems;
+    $[6] = t4;
   } else {
-    t4 = $[15];
+    t4 = $[6];
   }
   const getSelectedFolder = t4;
   let t5;
-  if ($[16] !== folderCollectionSlug || $[17] !== folderID || $[18] !== fromFolderID || $[19] !== populateMoveToFolderDrawer) {
+  if ($[7] !== folderCollectionSlug || $[8] !== folderID || $[9] !== fromFolderID || $[10] !== populateMoveToFolderDrawer) {
     t5 = async t6 => {
       const {
         collectionSlug,
@@ -226,32 +198,32 @@ function Content(t0) {
         setFolderAddedToUnderlyingFolder(true);
       }
     };
-    $[16] = folderCollectionSlug;
-    $[17] = folderID;
-    $[18] = fromFolderID;
-    $[19] = populateMoveToFolderDrawer;
-    $[20] = t5;
+    $[7] = folderCollectionSlug;
+    $[8] = folderID;
+    $[9] = fromFolderID;
+    $[10] = populateMoveToFolderDrawer;
+    $[11] = t5;
   } else {
-    t5 = $[20];
+    t5 = $[11];
   }
   const onCreateSuccess = t5;
   let t6;
-  if ($[21] !== getSelectedFolder || $[22] !== onConfirm) {
+  if ($[12] !== getSelectedFolder || $[13] !== onConfirm) {
     t6 = () => {
       if (typeof onConfirm === "function") {
         onConfirm(getSelectedFolder());
       }
     };
-    $[21] = getSelectedFolder;
-    $[22] = onConfirm;
-    $[23] = t6;
+    $[12] = getSelectedFolder;
+    $[13] = onConfirm;
+    $[14] = t6;
   } else {
-    t6 = $[23];
+    t6 = $[14];
   }
   const onConfirmMove = t6;
   let t7;
   let t8;
-  if ($[24] !== clearRouteCache || $[25] !== drawerSlug || $[26] !== folderAddedToUnderlyingFolder || $[27] !== isModalOpen) {
+  if ($[15] !== clearRouteCache || $[16] !== drawerSlug || $[17] !== folderAddedToUnderlyingFolder || $[18] !== isModalOpen) {
     t7 = () => {
       if (!isModalOpen(drawerSlug) && folderAddedToUnderlyingFolder) {
         setFolderAddedToUnderlyingFolder(false);
@@ -259,30 +231,30 @@ function Content(t0) {
       }
     };
     t8 = [drawerSlug, isModalOpen, clearRouteCache, folderAddedToUnderlyingFolder];
-    $[24] = clearRouteCache;
-    $[25] = drawerSlug;
-    $[26] = folderAddedToUnderlyingFolder;
-    $[27] = isModalOpen;
-    $[28] = t7;
-    $[29] = t8;
+    $[15] = clearRouteCache;
+    $[16] = drawerSlug;
+    $[17] = folderAddedToUnderlyingFolder;
+    $[18] = isModalOpen;
+    $[19] = t7;
+    $[20] = t8;
   } else {
-    t7 = $[28];
-    t8 = $[29];
+    t7 = $[19];
+    t8 = $[20];
   }
   React.useEffect(t7, t8);
   let t9;
-  if ($[30] !== closeModal || $[31] !== drawerSlug) {
+  if ($[21] !== closeModal || $[22] !== drawerSlug) {
     t9 = () => {
       closeModal(drawerSlug);
     };
-    $[30] = closeModal;
-    $[31] = drawerSlug;
-    $[32] = t9;
+    $[21] = closeModal;
+    $[22] = drawerSlug;
+    $[23] = t9;
   } else {
-    t9 = $[32];
+    t9 = $[23];
   }
   let t10;
-  if ($[33] !== onConfirmMove || $[34] !== openModal || $[35] !== skipConfirmModal) {
+  if ($[24] !== onConfirmMove || $[25] !== openModal || $[26] !== skipConfirmModal) {
     t10 = () => {
       if (skipConfirmModal) {
         onConfirmMove();
@@ -290,44 +262,91 @@ function Content(t0) {
         openModal(confirmModalSlug);
       }
     };
-    $[33] = onConfirmMove;
-    $[34] = openModal;
-    $[35] = skipConfirmModal;
-    $[36] = t10;
+    $[24] = onConfirmMove;
+    $[25] = openModal;
+    $[26] = skipConfirmModal;
+    $[27] = t10;
   } else {
-    t10 = $[36];
+    t10 = $[27];
   }
   let t11;
-  if ($[37] !== FolderDocumentDrawer || $[38] !== FolderResultsComponent || $[39] !== breadcrumbs || $[40] !== closeFolderDrawer || $[41] !== count || $[42] !== folderCollectionConfig || $[43] !== folderCollectionSlug || $[44] !== folderFieldName || $[45] !== folderID || $[46] !== folderType || $[47] !== fromFolderID || $[48] !== fromFolderName || $[49] !== getSelectedFolder || $[50] !== i18n || $[51] !== onConfirmMove || $[52] !== onCreateSuccess || $[53] !== openFolderDrawer || $[54] !== populateMoveToFolderDrawer || $[55] !== props.action || $[56] !== props.folderAssignedCollections || $[57] !== props.title || $[58] !== skipConfirmModal || $[59] !== subfolders.length || $[60] !== t || $[61] !== t10 || $[62] !== t9) {
-    let t12;
-    if ($[64] !== breadcrumbs.length || $[65] !== populateMoveToFolderDrawer) {
-      t12 = breadcrumbs.length ? () => {
-        populateMoveToFolderDrawer(null);
-      } : undefined;
-      $[64] = breadcrumbs.length;
-      $[65] = populateMoveToFolderDrawer;
-      $[66] = t12;
-    } else {
-      t12 = $[66];
-    }
-    let t13;
-    if ($[67] !== breadcrumbs.length || $[68] !== populateMoveToFolderDrawer) {
-      t13 = (crumb, index) => ({
-        id: crumb.id,
-        name: crumb.name,
-        onClick: index !== breadcrumbs.length - 1 ? () => {
-          populateMoveToFolderDrawer(crumb.id);
-        } : undefined
-      });
-      $[67] = breadcrumbs.length;
-      $[68] = populateMoveToFolderDrawer;
-      $[69] = t13;
-    } else {
-      t13 = $[69];
-    }
-    let t14;
-    if ($[70] !== FolderResultsComponent || $[71] !== folderCollectionConfig || $[72] !== folderCollectionSlug || $[73] !== i18n || $[74] !== onCreateSuccess || $[75] !== props.folderAssignedCollections || $[76] !== subfolders.length || $[77] !== t) {
-      t14 = subfolders.length > 0 ? FolderResultsComponent : _jsx(NoListResults, {
+  if ($[28] !== breadcrumbs.length || $[29] !== populateMoveToFolderDrawer) {
+    t11 = breadcrumbs.length ? () => {
+      populateMoveToFolderDrawer(null);
+    } : undefined;
+    $[28] = breadcrumbs.length;
+    $[29] = populateMoveToFolderDrawer;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  let t12;
+  if ($[31] !== breadcrumbs.length || $[32] !== populateMoveToFolderDrawer) {
+    t12 = (crumb, index) => ({
+      id: crumb.id,
+      name: crumb.name,
+      onClick: index !== breadcrumbs.length - 1 ? () => {
+        populateMoveToFolderDrawer(crumb.id);
+      } : undefined
+    });
+    $[31] = breadcrumbs.length;
+    $[32] = populateMoveToFolderDrawer;
+    $[33] = t12;
+  } else {
+    t12 = $[33];
+  }
+  return _jsxs("div", {
+    className: baseClass,
+    children: [_jsx(DrawerActionHeader, {
+      onCancel: t9,
+      onSave: t10,
+      saveLabel: t("general:select"),
+      title: _jsx(DrawerHeading, {
+        action: props.action,
+        count,
+        fromFolderName: fromFolderID ? fromFolderName : undefined,
+        title: props.action === "moveItemToFolder" ? props.title : undefined
+      })
+    }), _jsxs("div", {
+      className: `${baseClass}__breadcrumbs-section`,
+      children: [_jsx(FolderBreadcrumbs, {
+        breadcrumbs: [{
+          id: null,
+          name: _jsxs("span", {
+            className: `${baseClass}__folder-breadcrumbs-root`,
+            children: [_jsx(ColoredFolderIcon, {}), t("folder:folders")]
+          }),
+          onClick: t11
+        }, ...breadcrumbs.map(t12)]
+      }), subfolders.length > 0 && _jsxs(_Fragment, {
+        children: [_jsx(Button, {
+          buttonStyle: "pill",
+          className: `${baseClass}__add-folder-button`,
+          margin: false,
+          onClick: () => {
+            openFolderDrawer();
+          },
+          children: t("fields:addLabel", {
+            label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
+          })
+        }), _jsx(FolderDocumentDrawer, {
+          initialData: {
+            [folderFieldName]: folderID,
+            folderType
+          },
+          onSave: result => {
+            onCreateSuccess({
+              collectionSlug: folderCollectionConfig.slug,
+              doc: result.doc
+            });
+            closeFolderDrawer();
+          },
+          redirectAfterCreate: false
+        })]
+      })]
+    }), _jsx(DrawerContentContainer, {
+      className: `${baseClass}__body-section`,
+      children: subfolders.length > 0 ? FolderResultsComponent : _jsx(NoListResults, {
         Actions: [_jsx(ListCreateNewDocInFolderButton, {
           buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
           collectionSlugs: [folderCollectionSlug],
@@ -340,117 +359,22 @@ function Content(t0) {
             label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
           })
         })
-      });
-      $[70] = FolderResultsComponent;
-      $[71] = folderCollectionConfig;
-      $[72] = folderCollectionSlug;
-      $[73] = i18n;
-      $[74] = onCreateSuccess;
-      $[75] = props.folderAssignedCollections;
-      $[76] = subfolders.length;
-      $[77] = t;
-      $[78] = t14;
-    } else {
-      t14 = $[78];
-    }
-    t11 = _jsxs("div", {
-      className: baseClass,
-      children: [_jsx(DrawerActionHeader, {
-        onCancel: t9,
-        onSave: t10,
-        saveLabel: t("general:select"),
-        title: _jsx(DrawerHeading, {
-          action: props.action,
-          count,
-          fromFolderName: fromFolderID ? fromFolderName : undefined,
-          title: props.action === "moveItemToFolder" ? props.title : undefined
-        })
-      }), _jsxs("div", {
-        className: `${baseClass}__breadcrumbs-section`,
-        children: [_jsx(FolderBreadcrumbs, {
-          breadcrumbs: [{
-            id: null,
-            name: _jsxs("span", {
-              className: `${baseClass}__folder-breadcrumbs-root`,
-              children: [_jsx(ColoredFolderIcon, {}), t("folder:folders")]
-            }),
-            onClick: t12
-          }, ...breadcrumbs.map(t13)]
-        }), subfolders.length > 0 && _jsxs(_Fragment, {
-          children: [_jsx(Button, {
-            buttonStyle: "pill",
-            className: `${baseClass}__add-folder-button`,
-            margin: false,
-            onClick: () => {
-              openFolderDrawer();
-            },
-            children: t("fields:addLabel", {
-              label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
-            })
-          }), _jsx(FolderDocumentDrawer, {
-            initialData: {
-              [folderFieldName]: folderID,
-              folderType
-            },
-            onSave: result => {
-              onCreateSuccess({
-                collectionSlug: folderCollectionConfig.slug,
-                doc: result.doc
-              });
-              closeFolderDrawer();
-            },
-            redirectAfterCreate: false
-          })]
-        })]
-      }), _jsx(DrawerContentContainer, {
-        className: `${baseClass}__body-section`,
-        children: t14
-      }), !skipConfirmModal && _jsx(ConfirmationModal, {
-        body: _jsx(ConfirmationMessage, {
-          action: props.action,
-          count,
-          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
-      })]
-    });
-    $[37] = FolderDocumentDrawer;
-    $[38] = FolderResultsComponent;
-    $[39] = breadcrumbs;
-    $[40] = closeFolderDrawer;
-    $[41] = count;
-    $[42] = folderCollectionConfig;
-    $[43] = folderCollectionSlug;
-    $[44] = folderFieldName;
-    $[45] = folderID;
-    $[46] = folderType;
-    $[47] = fromFolderID;
-    $[48] = fromFolderName;
-    $[49] = getSelectedFolder;
-    $[50] = i18n;
-    $[51] = onConfirmMove;
-    $[52] = onCreateSuccess;
-    $[53] = openFolderDrawer;
-    $[54] = populateMoveToFolderDrawer;
-    $[55] = props.action;
-    $[56] = props.folderAssignedCollections;
-    $[57] = props.title;
-    $[58] = skipConfirmModal;
-    $[59] = subfolders.length;
-    $[60] = t;
-    $[61] = t10;
-    $[62] = t9;
-    $[63] = t11;
-  } else {
-    t11 = $[63];
-  }
-  return t11;
+      })
+    }), !skipConfirmModal && _jsx(ConfirmationModal, {
+      body: _jsx(ConfirmationMessage, {
+        action: props.action,
+        count,
+        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);