@payloadcms/ui 3.41.0-internal.8617025 → 3.41.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","React","toast","Dots","useConfig","useFolder","useTranslation","ConfirmationModal","Popup","PopupList","Translation","MoveItemsToFolderDrawer","RenameFolderDrawer","renameFolderDrawerSlug","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderID","moveToFolder","renameFolder","setFolderID","config","routes","serverURL","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","api","credentials","method","length","id","_jsxs","_Fragment","_jsx","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","action","drawerSlug","fromFolderID","value","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","1","children","i18nKey","variables","label","labels","singular","confirmingLabel","heading","modalSlug","folderToRename","onRenameConfirm","updatedFolderID","updatedName","newName"],"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { Dots } from '../../../icons/Dots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\nimport { RenameFolderDrawer } from '../Drawers/RenameFolder/index.js'\n\nconst renameFolderDrawerSlug = 'rename-folder--current-folder'\nconst moveToFolderDrawerSlug = 'move-to-folder--current-folder'\nconst confirmDeleteDrawerSlug = 'confirm-many-delete'\n\nconst baseClass = 'current-folder-actions'\n\ntype Props = {\n  className?: string\n}\nexport function CurrentFolderActions({ className }: Props) {\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderID,\n    moveToFolder,\n    renameFolder,\n    setFolderID,\n  } = useFolder()\n  const { config } = useConfig()\n  const { routes, serverURL } = config\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n\n  const deleteCurrentFolder = React.useCallback(async () => {\n    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}?depth=0`, {\n      credentials: 'include',\n      method: 'DELETE',\n    })\n    await setFolderID({ folderID: breadcrumbs[breadcrumbs.length - 2]?.id || null })\n  }, [breadcrumbs, folderCollectionSlug, folderID, routes.api, serverURL, setFolderID])\n\n  if (!folderID) {\n    return null\n  }\n\n  return (\n    <>\n      <Popup\n        button={<Dots />}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        render={() => (\n          <PopupList.ButtonGroup>\n            <PopupList.Button\n              onClick={() => {\n                openModal(renameFolderDrawerSlug)\n              }}\n            >\n              {t('folder:renameFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(moveToFolderDrawerSlug)\n              }}\n            >\n              {t('folder:moveFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(confirmDeleteDrawerSlug)\n              }}\n            >\n              {t('folder:deleteFolder')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n      />\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={moveToFolderDrawerSlug}\n        fromFolderID={currentFolder?.value.id}\n        fromFolderName={currentFolder?.value._folderOrDocumentTitle}\n        itemsToMove={[currentFolder]}\n        onConfirm={async ({ id, name }) => {\n          await moveToFolder({\n            itemsToMove: [currentFolder],\n            toFolderID: id,\n          })\n          if (id) {\n            // moved to folder\n            toast.success(\n              t('folder:itemHasBeenMoved', {\n                folderName: `\"${name}\"`,\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          } else {\n            // moved to root\n            toast.success(\n              t('folder:itemHasBeenMovedToRoot', {\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          }\n          closeModal(moveToFolderDrawerSlug)\n        }}\n        title={currentFolder.value._folderOrDocumentTitle}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              title: currentFolder.value._folderOrDocumentTitle,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeleteDrawerSlug}\n        onConfirm={deleteCurrentFolder}\n      />\n\n      <RenameFolderDrawer\n        drawerSlug={renameFolderDrawerSlug}\n        folderToRename={currentFolder}\n        onRenameConfirm={({ folderID: updatedFolderID, updatedName }) => {\n          renameFolder({\n            folderID: updatedFolderID,\n            newName: updatedName,\n          })\n          closeModal(renameFolderDrawerSlug)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAClB,SAASC,KAAK,QAAQ;AAEtB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,uBAAuB,QAAQ;AACxC,SAASC,kBAAkB,QAAQ;AAEnC,MAAMC,sBAAA,GAAyB;AAC/B,MAAMC,sBAAA,GAAyB;AAC/B,MAAMC,uBAAA,GAA0B;AAEhC,MAAMC,SAAA,GAAY;AAKlB,OAAO,SAASC,qBAAqB;EAAEC;AAAS,CAAS;EACvD,MAAM;IACJC,WAAW;IACXC,aAAa;IACbC,sBAAsB;IACtBC,oBAAoB;IACpBC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC;EAAW,CACZ,GAAGrB,SAAA;EACJ,MAAM;IAAEsB;EAAM,CAAE,GAAGvB,SAAA;EACnB,MAAM;IAAEwB,MAAM;IAAEC;EAAS,CAAE,GAAGF,MAAA;EAC9B,MAAM;IAAEG,UAAU;IAAEC;EAAS,CAAE,GAAGhC,QAAA;EAClC,MAAM;IAAEiC,IAAI;IAAEC;EAAC,CAAE,GAAG3B,cAAA;EAEpB,MAAM4B,mBAAA,GAAsBjC,KAAA,CAAMkC,WAAW,CAAC;IAC5C,MAAMC,KAAA,CAAM,GAAGP,SAAA,GAAYD,MAAA,CAAOS,GAAG,IAAIf,oBAAA,IAAwBC,QAAA,UAAkB,EAAE;MACnFe,WAAA,EAAa;MACbC,MAAA,EAAQ;IACV;IACA,MAAMb,WAAA,CAAY;MAAEH,QAAA,EAAUJ,WAAW,CAACA,WAAA,CAAYqB,MAAM,GAAG,EAAE,EAAEC,EAAA,IAAM;IAAK;EAChF,GAAG,CAACtB,WAAA,EAAaG,oBAAA,EAAsBC,QAAA,EAAUK,MAAA,CAAOS,GAAG,EAAER,SAAA,EAAWH,WAAA,CAAY;EAEpF,IAAI,CAACH,QAAA,EAAU;IACb,OAAO;EACT;EAEA,oBACEmB,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACpC,KAAA;MACCqC,MAAA,eAAQD,IAAA,CAACzC,IAAA;MACTe,SAAA,EAAW,CAACF,SAAA,EAAWE,SAAA,CAAU,CAAC4B,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;MACvDC,MAAA,EAAQA,CAAA,kBACNP,KAAA,CAACjC,SAAA,CAAUyC,WAAW;gCACpBN,IAAA,CAACnC,SAAA,CAAU0C,MAAM;UACfC,OAAA,EAASA,CAAA;YACPrB,SAAA,CAAUlB,sBAAA;UACZ;oBAECoB,CAAA,CAAE;yBAELW,IAAA,CAACnC,SAAA,CAAU0C,MAAM;UACfC,OAAA,EAASA,CAAA;YACPrB,SAAA,CAAUjB,sBAAA;UACZ;oBAECmB,CAAA,CAAE;yBAELW,IAAA,CAACnC,SAAA,CAAU0C,MAAM;UACfC,OAAA,EAASA,CAAA;YACPrB,SAAA,CAAUhB,uBAAA;UACZ;oBAECkB,CAAA,CAAE;;;qBAKXW,IAAA,CAACjC,uBAAA;MACC0C,MAAA,EAAO;MACPC,UAAA,EAAYxC,sBAAA;MACZyC,YAAA,EAAcnC,aAAA,EAAeoC,KAAA,CAAMf,EAAA;MACnCgB,cAAA,EAAgBrC,aAAA,EAAeoC,KAAA,CAAME,sBAAA;MACrCC,WAAA,EAAa,CAACvC,aAAA,CAAc;MAC5BwC,SAAA,EAAW,MAAAA,CAAO;QAAEnB,EAAE;QAAEoB;MAAI,CAAE;QAC5B,MAAMrC,YAAA,CAAa;UACjBmC,WAAA,EAAa,CAACvC,aAAA,CAAc;UAC5B0C,UAAA,EAAYrB;QACd;QACA,IAAIA,EAAA,EAAI;UACN;UACAvC,KAAA,CAAM6D,OAAO,CACX9B,CAAA,CAAE,2BAA2B;YAC3B+B,UAAA,EAAY,IAAIH,IAAA,GAAO;YACvBI,KAAA,EAAO7C,aAAA,CAAcoC,KAAK,CAACE;UAC7B;QAEJ,OAAO;UACL;UACAxD,KAAA,CAAM6D,OAAO,CACX9B,CAAA,CAAE,iCAAiC;YACjCgC,KAAA,EAAO7C,aAAA,CAAcoC,KAAK,CAACE;UAC7B;QAEJ;QACA5B,UAAA,CAAWhB,sBAAA;MACb;MACAmD,KAAA,EAAO7C,aAAA,CAAcoC,KAAK,CAACE;qBAG7Bd,IAAA,CAACrC,iBAAA;MACC2D,IAAA,eACEtB,IAAA,CAAClC,WAAA;QACCyD,QAAA,EAAU;UACR,KAAKC,CAAC;YAAEC;UAAQ,CAAE,kBAAKzB,IAAA,CAAC;sBAAQyB;;QAClC;QACAC,OAAA,EAAQ;QACRrC,CAAA,EAAGA,CAAA;QACHsC,SAAA,EAAW;UACTC,KAAA,EAAOxE,cAAA,CAAeqB,sBAAA,CAAuBoD,MAAM,CAACC,QAAQ,EAAE1C,IAAA;UAC9DiC,KAAA,EAAO7C,aAAA,CAAcoC,KAAK,CAACE;QAC7B;;MAGJiB,eAAA,EAAiB1C,CAAA,CAAE;MACnB2C,OAAA,EAAS3C,CAAA,CAAE;MACX4C,SAAA,EAAW9D,uBAAA;MACX6C,SAAA,EAAW1B;qBAGbU,IAAA,CAAChC,kBAAA;MACC0C,UAAA,EAAYzC,sBAAA;MACZiE,cAAA,EAAgB1D,aAAA;MAChB2D,eAAA,EAAiBA,CAAC;QAAExD,QAAA,EAAUyD,eAAe;QAAEC;MAAW,CAAE;QAC1DxD,YAAA,CAAa;UACXF,QAAA,EAAUyD,eAAA;UACVE,OAAA,EAASD;QACX;QACAnD,UAAA,CAAWjB,sBAAA;MACb;;;AAIR","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","React","toast","Dots","useConfig","useFolder","useTranslation","ConfirmationModal","useDocumentDrawer","Popup","PopupList","Translation","MoveItemsToFolderDrawer","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","moveToFolder","renameFolder","setFolderID","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","id","collectionSlug","config","routes","serverURL","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","api","credentials","method","length","_jsxs","_Fragment","_jsx","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","label","labels","singular","action","drawerSlug","fromFolderID","value","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave","result","doc","newName","admin","useAsTitle"],"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { Dots } from '../../../icons/Dots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst moveToFolderDrawerSlug = 'move-to-folder--current-folder'\nconst confirmDeleteDrawerSlug = 'confirm-many-delete'\n\nconst baseClass = 'current-folder-actions'\n\ntype Props = {\n  className?: string\n}\nexport function CurrentFolderActions({ className }: Props) {\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    moveToFolder,\n    renameFolder,\n    setFolderID,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      id: folderID,\n      collectionSlug: folderCollectionSlug,\n    })\n  const { config } = useConfig()\n  const { routes, serverURL } = config\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n\n  const deleteCurrentFolder = React.useCallback(async () => {\n    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}?depth=0`, {\n      credentials: 'include',\n      method: 'DELETE',\n    })\n    await setFolderID({ folderID: breadcrumbs[breadcrumbs.length - 2]?.id || null })\n  }, [breadcrumbs, folderCollectionSlug, folderID, routes.api, serverURL, setFolderID])\n\n  if (!folderID) {\n    return null\n  }\n\n  return (\n    <>\n      <Popup\n        button={<Dots />}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        render={() => (\n          <PopupList.ButtonGroup>\n            <PopupList.Button\n              onClick={() => {\n                openFolderDrawer()\n              }}\n            >\n              {t('general:editLabel', {\n                label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              })}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(moveToFolderDrawerSlug)\n              }}\n            >\n              {t('folder:moveFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(confirmDeleteDrawerSlug)\n              }}\n            >\n              {t('folder:deleteFolder')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n      />\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={moveToFolderDrawerSlug}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={currentFolder?.value.id}\n        fromFolderName={currentFolder?.value._folderOrDocumentTitle}\n        itemsToMove={[currentFolder]}\n        onConfirm={async ({ id, name }) => {\n          await moveToFolder({\n            itemsToMove: [currentFolder],\n            toFolderID: id,\n          })\n          if (id) {\n            // moved to folder\n            toast.success(\n              t('folder:itemHasBeenMoved', {\n                folderName: `\"${name}\"`,\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          } else {\n            // moved to root\n            toast.success(\n              t('folder:itemHasBeenMovedToRoot', {\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          }\n          closeModal(moveToFolderDrawerSlug)\n        }}\n        title={currentFolder.value._folderOrDocumentTitle}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              title: currentFolder.value._folderOrDocumentTitle,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeleteDrawerSlug}\n        onConfirm={deleteCurrentFolder}\n      />\n\n      <FolderDocumentDrawer\n        onSave={(result) => {\n          renameFolder({\n            folderID: result.doc.id,\n            newName: result.doc[folderCollectionConfig.admin.useAsTitle],\n          })\n          closeFolderDrawer()\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";AAAA,SAASA,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAClB,SAASC,KAAK,QAAQ;AAEtB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,uBAAuB,QAAQ;AAExC,MAAMC,sBAAA,GAAyB;AAC/B,MAAMC,uBAAA,GAA0B;AAEhC,MAAMC,SAAA,GAAY;AAKlB,OAAO,SAASC,qBAAqB;EAAEC;AAAS,CAAS;EACvD,MAAM;IACJC,WAAW;IACXC,aAAa;IACbC,sBAAsB;IACtBC,oBAAoB;IACpBC,eAAe;IACfC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC;EAAW,CACZ,GAAGrB,SAAA;EACJ,MAAM,CAACsB,oBAAA,GAAwB;IAAEC,WAAA,EAAaC,iBAAiB;IAAEC,UAAA,EAAYC;EAAgB,CAAE,CAAC,GAC9FvB,iBAAA,CAAkB;IAChBwB,EAAA,EAAIT,QAAA;IACJU,cAAA,EAAgBZ;EAClB;EACF,MAAM;IAAEa;EAAM,CAAE,GAAG9B,SAAA;EACnB,MAAM;IAAE+B,MAAM;IAAEC;EAAS,CAAE,GAAGF,MAAA;EAC9B,MAAM;IAAEG,UAAU;IAAEC;EAAS,CAAE,GAAGvC,QAAA;EAClC,MAAM;IAAEwC,IAAI;IAAEC;EAAC,CAAE,GAAGlC,cAAA;EAEpB,MAAMmC,mBAAA,GAAsBxC,KAAA,CAAMyC,WAAW,CAAC;IAC5C,MAAMC,KAAA,CAAM,GAAGP,SAAA,GAAYD,MAAA,CAAOS,GAAG,IAAIvB,oBAAA,IAAwBE,QAAA,UAAkB,EAAE;MACnFsB,WAAA,EAAa;MACbC,MAAA,EAAQ;IACV;IACA,MAAMpB,WAAA,CAAY;MAAEH,QAAA,EAAUL,WAAW,CAACA,WAAA,CAAY6B,MAAM,GAAG,EAAE,EAAEf,EAAA,IAAM;IAAK;EAChF,GAAG,CAACd,WAAA,EAAaG,oBAAA,EAAsBE,QAAA,EAAUY,MAAA,CAAOS,GAAG,EAAER,SAAA,EAAWV,WAAA,CAAY;EAEpF,IAAI,CAACH,QAAA,EAAU;IACb,OAAO;EACT;EAEA,oBACEyB,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACzC,KAAA;MACC0C,MAAA,eAAQD,IAAA,CAAC/C,IAAA;MACTc,SAAA,EAAW,CAACF,SAAA,EAAWE,SAAA,CAAU,CAACmC,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;MACvDC,MAAA,EAAQA,CAAA,kBACNP,KAAA,CAACtC,SAAA,CAAU8C,WAAW;gCACpBN,IAAA,CAACxC,SAAA,CAAU+C,MAAM;UACfC,OAAA,EAASA,CAAA;YACP3B,gBAAA;UACF;oBAECS,CAAA,CAAE,qBAAqB;YACtBmB,KAAA,EAAO3D,cAAA,CAAeoB,sBAAA,CAAuBwC,MAAM,CAACC,QAAQ,EAAEtB,IAAA;UAChE;yBAEFW,IAAA,CAACxC,SAAA,CAAU+C,MAAM;UACfC,OAAA,EAASA,CAAA;YACPpB,SAAA,CAAUzB,sBAAA;UACZ;oBAEC2B,CAAA,CAAE;yBAELU,IAAA,CAACxC,SAAA,CAAU+C,MAAM;UACfC,OAAA,EAASA,CAAA;YACPpB,SAAA,CAAUxB,uBAAA;UACZ;oBAEC0B,CAAA,CAAE;;;qBAKXU,IAAA,CAACtC,uBAAA;MACCkD,MAAA,EAAO;MACPC,UAAA,EAAYlD,sBAAA;MACZQ,oBAAA,EAAsBA,oBAAA;MACtBC,eAAA,EAAiBA,eAAA;MACjB0C,YAAA,EAAc7C,aAAA,EAAe8C,KAAA,CAAMjC,EAAA;MACnCkC,cAAA,EAAgB/C,aAAA,EAAe8C,KAAA,CAAME,sBAAA;MACrCC,WAAA,EAAa,CAACjD,aAAA,CAAc;MAC5BkD,SAAA,EAAW,MAAAA,CAAO;QAAErC,EAAE;QAAEsC;MAAI,CAAE;QAC5B,MAAM9C,YAAA,CAAa;UACjB4C,WAAA,EAAa,CAACjD,aAAA,CAAc;UAC5BoD,UAAA,EAAYvC;QACd;QACA,IAAIA,EAAA,EAAI;UACN;UACA9B,KAAA,CAAMsE,OAAO,CACXhC,CAAA,CAAE,2BAA2B;YAC3BiC,UAAA,EAAY,IAAIH,IAAA,GAAO;YACvBI,KAAA,EAAOvD,aAAA,CAAc8C,KAAK,CAACE;UAC7B;QAEJ,OAAO;UACL;UACAjE,KAAA,CAAMsE,OAAO,CACXhC,CAAA,CAAE,iCAAiC;YACjCkC,KAAA,EAAOvD,aAAA,CAAc8C,KAAK,CAACE;UAC7B;QAEJ;QACA9B,UAAA,CAAWxB,sBAAA;MACb;MACA6D,KAAA,EAAOvD,aAAA,CAAc8C,KAAK,CAACE;qBAG7BjB,IAAA,CAAC3C,iBAAA;MACCoE,IAAA,eACEzB,IAAA,CAACvC,WAAA;QACCiE,QAAA,EAAU;UACR,KAAKC,CAAC;YAAEC;UAAQ,CAAE,kBAAK5B,IAAA,CAAC;sBAAQ4B;;QAClC;QACAC,OAAA,EAAQ;QACRvC,CAAA,EAAGA,CAAA;QACHwC,SAAA,EAAW;UACTrB,KAAA,EAAO3D,cAAA,CAAeoB,sBAAA,CAAuBwC,MAAM,CAACC,QAAQ,EAAEtB,IAAA;UAC9DmC,KAAA,EAAOvD,aAAA,CAAc8C,KAAK,CAACE;QAC7B;;MAGJc,eAAA,EAAiBzC,CAAA,CAAE;MACnB0C,OAAA,EAAS1C,CAAA,CAAE;MACX2C,SAAA,EAAWrE,uBAAA;MACXuD,SAAA,EAAW5B;qBAGbS,IAAA,CAACvB,oBAAA;MACCyD,MAAA,EAASC,MAAA;QACP5D,YAAA,CAAa;UACXF,QAAA,EAAU8D,MAAA,CAAOC,GAAG,CAACtD,EAAE;UACvBuD,OAAA,EAASF,MAAA,CAAOC,GAAG,CAAClE,sBAAA,CAAuBoE,KAAK,CAACC,UAAU;QAC7D;QACA5D,iBAAA;MACF;;;AAIR","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { DocumentDrawerContextProps } from '../../../DocumentDrawer/Provider.js';
+type EditFolderActionProps = {
+    folderCollectionSlug: string;
+    id: number | string;
+    onSave: DocumentDrawerContextProps['onSave'];
+};
+export declare const EditFolderAction: ({ id, folderCollectionSlug, onSave }: EditFolderActionProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/FolderView/Drawers/EditFolderAction/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAMrF,KAAK,qBAAqB,GAAG;IAC3B,oBAAoB,EAAE,MAAM,CAAA;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,MAAM,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAA;CAC7C,CAAA;AACD,eAAO,MAAM,gBAAgB,yCAA0C,qBAAqB,gCAyB3F,CAAA"}

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import { useDocumentDrawer } from '../../../DocumentDrawer/index.js';
+import { ListSelectionButton } from '../../../ListSelection/index.js';
+export const EditFolderAction = ({
+  id,
+  folderCollectionSlug,
+  onSave
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const [FolderDocumentDrawer,, {
+    closeDrawer,
+    openDrawer
+  }] = useDocumentDrawer({
+    id,
+    collectionSlug: folderCollectionSlug
+  });
+  if (!id) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ListSelectionButton, {
+      onClick: openDrawer,
+      type: "button",
+      children: t('general:edit')
+    }), /*#__PURE__*/_jsx(FolderDocumentDrawer, {
+      onSave: async args => {
+        await onSave(args);
+        closeDrawer();
+      }
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useTranslation","useDocumentDrawer","ListSelectionButton","EditFolderAction","id","folderCollectionSlug","onSave","t","FolderDocumentDrawer","closeDrawer","openDrawer","collectionSlug","_jsxs","_Fragment","_jsx","onClick","type","args"],"sources":["../../../../../src/elements/FolderView/Drawers/EditFolderAction/index.tsx"],"sourcesContent":["import type { DocumentDrawerContextProps } from '../../../DocumentDrawer/Provider.js'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { ListSelectionButton } from '../../../ListSelection/index.js'\n\ntype EditFolderActionProps = {\n  folderCollectionSlug: string\n  id: number | string\n  onSave: DocumentDrawerContextProps['onSave']\n}\nexport const EditFolderAction = ({ id, folderCollectionSlug, onSave }: EditFolderActionProps) => {\n  const { t } = useTranslation()\n  const [FolderDocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug: folderCollectionSlug,\n  })\n\n  if (!id) {\n    return null\n  }\n\n  return (\n    <>\n      <ListSelectionButton onClick={openDrawer} type=\"button\">\n        {t('general:edit')}\n      </ListSelectionButton>\n\n      <FolderDocumentDrawer\n        onSave={async (args) => {\n          await onSave(args)\n          closeDrawer()\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";AAEA,SAASA,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,mBAAmB,QAAQ;AAOpC,OAAO,MAAMC,gBAAA,GAAmBA,CAAC;EAAEC,EAAE;EAAEC,oBAAoB;EAAEC;AAAM,CAAyB;EAC1F,MAAM;IAAEC;EAAC,CAAE,GAAGP,cAAA;EACd,MAAM,CAACQ,oBAAA,GAAwB;IAAEC,WAAW;IAAEC;EAAU,CAAE,CAAC,GAAGT,iBAAA,CAAkB;IAC9EG,EAAA;IACAO,cAAA,EAAgBN;EAClB;EAEA,IAAI,CAACD,EAAA,EAAI;IACP,OAAO;EACT;EAEA,oBACEQ,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACZ,mBAAA;MAAoBa,OAAA,EAASL,UAAA;MAAYM,IAAA,EAAK;gBAC5CT,CAAA,CAAE;qBAGLO,IAAA,CAACN,oBAAA;MACCF,MAAA,EAAQ,MAAOW,IAAA;QACb,MAAMX,MAAA,CAAOW,IAAA;QACbR,WAAA;MACF;;;AAIR","ignoreList":[]}

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

@@ -9,6 +9,8 @@ type ActionProps = {
 };
 export type MoveToFolderDrawerProps = {
     readonly drawerSlug: string;
+    readonly folderCollectionSlug: string;
+    readonly folderFieldName: string;
     readonly fromFolderID?: number | string;
     readonly fromFolderName?: string;
     readonly itemsToMove: FolderOrDocument[];

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,gBAAgB,EAEjB,MAAM,gBAAgB,CAAA;AAKvB,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,OAAO,cAAc,CAAA;AAOrB,KAAK,WAAW,GACZ;IACE,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAA;CACrC,GACD;IACE,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAA;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACL,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IACxC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;QACzB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;KACpB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CACpC,GAAG,WAAW,CAAA;AAEf,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,qBAMrE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAGV,gBAAgB,EAEjB,MAAM,gBAAgB,CAAA;AAKvB,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,OAAO,cAAc,CAAA;AAMrB,KAAK,WAAW,GACZ;IACE,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAA;CACrC,GACD;IACE,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAA;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACL,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IACxC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;QACzB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;KACpB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CACpC,GAAG,WAAW,CAAA;AAEf,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,qBAMrE"}

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

@@ -11,6 +11,7 @@ import { FolderProvider, useFolder } from '../../../../providers/Folders/index.j
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { Button } from '../../../Button/index.js';
 import { ConfirmationModal } from '../../../ConfirmationModal/index.js';
+import { useDocumentDrawer } from '../../../DocumentDrawer/index.js';
 import { Drawer } from '../../../Drawer/index.js';
 import { DrawerActionHeader } from '../../../DrawerActionHeader/index.js';
 import { DrawerContentContainer } from '../../../DrawerContentContainer/index.js';
@@ -21,12 +22,10 @@ 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,
@@ -40,9 +39,6 @@ export function MoveItemsToFolderDrawer(props) {
 function LoadFolderData(props) {
   const {
     config: {
-      folders: {
-        slug: folderCollectionSlug
-      },
       routes,
       serverURL
     }
@@ -55,7 +51,7 @@ function LoadFolderData(props) {
     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}` : ''}`, {
+        const folderDataReq = await fetch(`${serverURL}${routes.api}/${props.folderCollectionSlug}/populate-folder-data${props.fromFolderID ? `?folderID=${props.fromFolderID}` : ''}`, {
           credentials: 'include',
           headers: {
             'content-type': 'application/json'
@@ -80,7 +76,7 @@ function LoadFolderData(props) {
     if (!hasLoaded) {
       void onLoad();
     }
-  }, [folderCollectionSlug, routes.api, serverURL, hasLoaded, props.fromFolderID]);
+  }, [props.folderCollectionSlug, routes.api, serverURL, hasLoaded, props.fromFolderID]);
   if (!hasLoaded) {
     return /*#__PURE__*/_jsx(LoadingOverlay, {});
   }
@@ -89,6 +85,7 @@ function LoadFolderData(props) {
     breadcrumbs: breadcrumbs,
     documents: documents,
     folderCollectionSlugs: [],
+    folderFieldName: props.folderFieldName,
     folderID: props.fromFolderID,
     subfolders: subfolders,
     children: /*#__PURE__*/_jsx(Content, {
@@ -97,7 +94,7 @@ function LoadFolderData(props) {
   });
 }
 function Content(t0) {
-  const $ = _c(54);
+  const $ = _c(59);
   let drawerSlug;
   let fromFolderName;
   let itemsToMove;
@@ -151,16 +148,32 @@ function Content(t0) {
     folderCollectionConfig,
     folderCollectionSlug,
     folderFieldName,
+    folderID,
     getSelectedItems,
     setFolderID,
     subfolders
   } = useFolder();
+  let t2;
+  if ($[9] !== folderCollectionSlug) {
+    t2 = {
+      collectionSlug: folderCollectionSlug
+    };
+    $[9] = folderCollectionSlug;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const [FolderDocumentDrawer,, t3] = useDocumentDrawer(t2);
+  const {
+    closeDrawer: closeFolderDrawer,
+    openDrawer: openFolderDrawer
+  } = t3;
   const {
     getEntityConfig
   } = useConfig();
-  let t2;
-  if ($[9] !== breadcrumbs || $[10] !== getSelectedItems) {
-    t2 = () => {
+  let t4;
+  if ($[11] !== breadcrumbs || $[12] !== getSelectedItems) {
+    t4 = () => {
       const selected = getSelectedItems();
       if (selected.length === 0) {
         const lastCrumb = breadcrumbs?.[breadcrumbs.length - 1];
@@ -175,20 +188,20 @@ function Content(t0) {
         };
       }
     };
-    $[9] = breadcrumbs;
-    $[10] = getSelectedItems;
-    $[11] = t2;
+    $[11] = breadcrumbs;
+    $[12] = getSelectedItems;
+    $[13] = t4;
   } else {
-    t2 = $[11];
+    t4 = $[13];
   }
-  const getSelectedFolder = t2;
-  let t3;
-  if ($[12] !== addItems || $[13] !== folderFieldName || $[14] !== getEntityConfig) {
-    t3 = t4 => {
+  const getSelectedFolder = t4;
+  let t5;
+  if ($[14] !== addItems || $[15] !== folderFieldName || $[16] !== getEntityConfig) {
+    t5 = t6 => {
       const {
         collectionSlug,
         doc
-      } = t4;
+      } = t6;
       const collectionConfig = getEntityConfig({
         collectionSlug
       });
@@ -200,73 +213,73 @@ function Content(t0) {
         value: doc
       })]);
     };
-    $[12] = addItems;
-    $[13] = folderFieldName;
-    $[14] = getEntityConfig;
-    $[15] = t3;
+    $[14] = addItems;
+    $[15] = folderFieldName;
+    $[16] = getEntityConfig;
+    $[17] = t5;
   } else {
-    t3 = $[15];
+    t5 = $[17];
   }
-  const onCreateSuccess = t3;
-  let t4;
-  if ($[16] !== getSelectedFolder || $[17] !== onConfirm) {
-    t4 = () => {
+  const onCreateSuccess = t5;
+  let t6;
+  if ($[18] !== getSelectedFolder || $[19] !== onConfirm) {
+    t6 = () => {
       if (typeof onConfirm === "function") {
         onConfirm(getSelectedFolder());
       }
     };
-    $[16] = getSelectedFolder;
-    $[17] = onConfirm;
-    $[18] = t4;
+    $[18] = getSelectedFolder;
+    $[19] = onConfirm;
+    $[20] = t6;
   } else {
-    t4 = $[18];
+    t6 = $[20];
   }
-  const onConfirmMove = t4;
-  let t5;
-  if ($[19] !== closeModal || $[20] !== drawerSlug) {
-    t5 = () => {
+  const onConfirmMove = t6;
+  let t7;
+  if ($[21] !== closeModal || $[22] !== drawerSlug) {
+    t7 = () => {
       closeModal(drawerSlug);
     };
-    $[19] = closeModal;
-    $[20] = drawerSlug;
-    $[21] = t5;
+    $[21] = closeModal;
+    $[22] = drawerSlug;
+    $[23] = t7;
   } else {
-    t5 = $[21];
+    t7 = $[23];
   }
-  let t6;
-  if ($[22] !== onConfirmMove || $[23] !== openModal || $[24] !== skipConfirmModal) {
-    t6 = () => {
+  let t8;
+  if ($[24] !== onConfirmMove || $[25] !== openModal || $[26] !== skipConfirmModal) {
+    t8 = () => {
       if (skipConfirmModal) {
         onConfirmMove();
       } else {
         openModal(confirmModalSlug);
       }
     };
-    $[22] = onConfirmMove;
-    $[23] = openModal;
-    $[24] = skipConfirmModal;
-    $[25] = t6;
+    $[24] = onConfirmMove;
+    $[25] = openModal;
+    $[26] = skipConfirmModal;
+    $[27] = t8;
   } else {
-    t6 = $[25];
+    t8 = $[27];
   }
-  let t7;
-  if ($[26] !== breadcrumbs || $[27] !== closeModal || $[28] !== count || $[29] !== folderCollectionConfig || $[30] !== folderCollectionSlug || $[31] !== fromFolderName || $[32] !== getSelectedFolder || $[33] !== i18n || $[34] !== itemsToMove || $[35] !== onConfirmMove || $[36] !== onCreateSuccess || $[37] !== openModal || $[38] !== props.action || $[39] !== props.fromFolderID || $[40] !== props.title || $[41] !== setFolderID || $[42] !== skipConfirmModal || $[43] !== subfolders || $[44] !== t || $[45] !== t5 || $[46] !== t6) {
-    let t8;
-    if ($[48] !== breadcrumbs.length || $[49] !== setFolderID) {
-      t8 = breadcrumbs.length ? () => {
+  let t9;
+  if ($[28] !== FolderDocumentDrawer || $[29] !== breadcrumbs || $[30] !== closeFolderDrawer || $[31] !== count || $[32] !== folderCollectionConfig || $[33] !== folderCollectionSlug || $[34] !== folderFieldName || $[35] !== folderID || $[36] !== fromFolderName || $[37] !== getSelectedFolder || $[38] !== i18n || $[39] !== itemsToMove || $[40] !== onConfirmMove || $[41] !== onCreateSuccess || $[42] !== openFolderDrawer || $[43] !== props.action || $[44] !== props.fromFolderID || $[45] !== props.title || $[46] !== setFolderID || $[47] !== skipConfirmModal || $[48] !== subfolders || $[49] !== t || $[50] !== t7 || $[51] !== t8) {
+    let t10;
+    if ($[53] !== breadcrumbs.length || $[54] !== setFolderID) {
+      t10 = breadcrumbs.length ? () => {
         setFolderID({
           folderID: null
         });
       } : undefined;
-      $[48] = breadcrumbs.length;
-      $[49] = setFolderID;
-      $[50] = t8;
+      $[53] = breadcrumbs.length;
+      $[54] = setFolderID;
+      $[55] = t10;
     } else {
-      t8 = $[50];
+      t10 = $[55];
     }
-    let t9;
-    if ($[51] !== breadcrumbs.length || $[52] !== setFolderID) {
-      t9 = (crumb, index) => ({
+    let t11;
+    if ($[56] !== breadcrumbs.length || $[57] !== setFolderID) {
+      t11 = (crumb, index) => ({
         id: crumb.id,
         name: crumb.name,
         onClick: index !== breadcrumbs.length - 1 ? () => {
@@ -275,16 +288,16 @@ function Content(t0) {
           });
         } : undefined
       });
-      $[51] = breadcrumbs.length;
-      $[52] = setFolderID;
-      $[53] = t9;
+      $[56] = breadcrumbs.length;
+      $[57] = setFolderID;
+      $[58] = t11;
     } else {
-      t9 = $[53];
+      t11 = $[58];
     }
-    t7 = _jsxs(_Fragment, {
+    t9 = _jsxs(_Fragment, {
       children: [_jsx(DrawerActionHeader, {
-        onCancel: t5,
-        onSave: t6,
+        onCancel: t7,
+        onSave: t8,
         saveLabel: t("general:select"),
         title: _jsx(DrawerHeading, {
           action: props.action,
@@ -301,30 +314,33 @@ function Content(t0) {
               className: `${baseClass}__folder-breadcrumbs-root`,
               children: [_jsx(ColoredFolderIcon, {}), t("folder:folders")]
             }),
-            onClick: t8
-          }, ...breadcrumbs.map(t9)]
+            onClick: t10
+          }, ...breadcrumbs.map(t11)]
         }), subfolders.length > 0 && _jsxs(_Fragment, {
           children: [_jsx(Button, {
             buttonStyle: "pill",
             className: `${baseClass}__add-folder-button`,
             margin: false,
             onClick: () => {
-              openModal(newFolderDrawerSlug);
+              openFolderDrawer();
             },
             children: t("fields:addLabel", {
               label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
             })
-          }), _jsx(NewFolderDrawer, {
-            drawerSlug: newFolderDrawerSlug,
-            onNewFolderSuccess: doc_0 => {
-              closeModal(newFolderDrawerSlug);
+          }), _jsx(FolderDocumentDrawer, {
+            initialData: {
+              [folderFieldName]: folderID
+            },
+            onSave: result => {
               if (typeof onCreateSuccess === "function") {
                 onCreateSuccess({
                   collectionSlug: folderCollectionConfig.slug,
-                  doc: doc_0
+                  doc: result.doc
                 });
               }
-            }
+              closeFolderDrawer();
+            },
+            redirectAfterCreate: false
           })]
         })]
       }), _jsx(DrawerContentContainer, {
@@ -362,32 +378,35 @@ function Content(t0) {
         onConfirm: onConfirmMove
       })]
     });
-    $[26] = breadcrumbs;
-    $[27] = closeModal;
-    $[28] = count;
-    $[29] = folderCollectionConfig;
-    $[30] = folderCollectionSlug;
-    $[31] = fromFolderName;
-    $[32] = getSelectedFolder;
-    $[33] = i18n;
-    $[34] = itemsToMove;
-    $[35] = onConfirmMove;
-    $[36] = onCreateSuccess;
-    $[37] = openModal;
-    $[38] = props.action;
-    $[39] = props.fromFolderID;
-    $[40] = props.title;
-    $[41] = setFolderID;
-    $[42] = skipConfirmModal;
-    $[43] = subfolders;
-    $[44] = t;
-    $[45] = t5;
-    $[46] = t6;
-    $[47] = t7;
+    $[28] = FolderDocumentDrawer;
+    $[29] = breadcrumbs;
+    $[30] = closeFolderDrawer;
+    $[31] = count;
+    $[32] = folderCollectionConfig;
+    $[33] = folderCollectionSlug;
+    $[34] = folderFieldName;
+    $[35] = folderID;
+    $[36] = fromFolderName;
+    $[37] = getSelectedFolder;
+    $[38] = i18n;
+    $[39] = itemsToMove;
+    $[40] = onConfirmMove;
+    $[41] = onCreateSuccess;
+    $[42] = openFolderDrawer;
+    $[43] = props.action;
+    $[44] = props.fromFolderID;
+    $[45] = props.title;
+    $[46] = setFolderID;
+    $[47] = skipConfirmModal;
+    $[48] = subfolders;
+    $[49] = t;
+    $[50] = t7;
+    $[51] = t8;
+    $[52] = t9;
   } else {
-    t7 = $[47];
+    t9 = $[52];
   }
-  return t7;
+  return t9;
 }
 function _temp(t0) {
   const {