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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/BrowseByFolderButton/index.tsx"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Link } from '../../Link/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport './index.scss'\n\nconst baseClass = 'browse-by-folder-button'\n\nexport function BrowseByFolderButton({ active }) {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n  const {\n    admin: {\n      routes: { browseByFolder: foldersRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      className={[baseClass, active && 'active'].filter(Boolean).join(' ')}\n      href={formatAdminURL({\n        adminRoute,\n        path: foldersRoute,\n      })}\n      id=\"browse-by-folder\"\n      prefetch={false}\n    >\n      <ColoredFolderIcon />\n      {t('folder:browseByFolder')}\n    </Link>\n  )\n}\n"],"names":["formatAdminURL","React","useConfig","useTranslation","Link","ColoredFolderIcon","baseClass","BrowseByFolderButton","active","t","config","admin","routes","browseByFolder","foldersRoute","adminRoute","className","filter","Boolean","join","href","path","id","prefetch"],"mappings":";AAAA,SAASA,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,qBAAqB,EAAEC,MAAM,EAAE;IAC7C,MAAM,EAAEC,CAAC,EAAE,GAAGN;IACd,MAAM,EAAEO,MAAM,EAAE,GAAGR;IACnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAE,EACzC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,qBACE,QAACN;QACCY,WAAW;YAACV;YAAWE,UAAU;SAAS,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;QAChEC,MAAMpB,eAAe;YACnBe;YACAM,MAAMP;QACR;QACAQ,IAAG;QACHC,UAAU;;0BAEV,QAAClB;;;;;YACAI,EAAE;;;;;;;AAGT"}
+{"version":3,"sources":["../../../../src/elements/FolderView/BrowseByFolderButton/index.tsx"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Link } from '../../Link/index.js'\nimport { ColoredFolderIcon } from '../ColoredFolderIcon/index.js'\nimport './index.scss'\n\nconst baseClass = 'browse-by-folder-button'\n\nexport function BrowseByFolderButton({ active }) {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n  const {\n    admin: {\n      routes: { browseByFolder: foldersRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      className={[baseClass, active && 'active'].filter(Boolean).join(' ')}\n      href={formatAdminURL({\n        adminRoute,\n        path: foldersRoute,\n      })}\n      id=\"browse-by-folder\"\n      prefetch={false}\n    >\n      <ColoredFolderIcon />\n      {t('folder:browseByFolder')}\n    </Link>\n  )\n}\n"],"names":["formatAdminURL","useConfig","useTranslation","Link","ColoredFolderIcon","baseClass","BrowseByFolderButton","active","t","config","admin","routes","browseByFolder","foldersRoute","adminRoute","className","filter","Boolean","join","href","path","id","prefetch"],"mappings":"AAAA,SAASA,cAAc,QAAQ,iBAAgB;AAG/C,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,SAASC,iBAAiB,QAAQ,gCAA+B;AACjE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,qBAAqB,EAAEC,MAAM,EAAE;IAC7C,MAAM,EAAEC,CAAC,EAAE,GAAGN;IACd,MAAM,EAAEO,MAAM,EAAE,GAAGR;IACnB,MAAM,EACJS,OAAO,EACLC,QAAQ,EAAEC,gBAAgBC,YAAY,EAAE,EACzC,EACDF,QAAQ,EAAED,OAAOI,UAAU,EAAE,EAC9B,GAAGL;IAEJ,QACGN,KACCY,WAAW;QAACV;QAAWE,UAAU;KAAS,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC,MAChEC,MAAMnB,eAAe;QACnBc;QACAM,MAAMP;IACR,IACAQ,GAAG,mBACHC,UAAU,OACX;MACC,CAAClB,mBAAoB;MACrB,CAACI,EAAE,yBAAyB;IAC9B,EAAEL;AAEN"}

package/dist/elements/FolderView/Cell/index.client.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useEffect } from 'react';
 // eslint-disable-next-line payload/no-imports-from-exports-dir
 import { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js';
@@ -63,27 +62,10 @@ export const FolderTableCellClient = ({ collectionSlug, data, docTitle, folderCo
         intialFolderID,
         t
     ]);
-    return /*#__PURE__*/ _jsxDEV(MoveDocToFolderButton, {
-        buttonProps: {
-            disabled: viewType === 'trash',
-            size: 'small'
-        },
-        collectionSlug: collectionSlug,
-        docData: data,
-        docID: docID,
-        docTitle: docTitle,
-        folderCollectionSlug: folderCollectionSlug,
-        folderFieldName: folderFieldName,
-        fromFolderID: fromFolderID,
-        fromFolderName: fromFolderName,
-        modalSlug: `move-doc-to-folder-cell--${docID}`,
-        onConfirm: onConfirm,
-        skipConfirmModal: false
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/Cell/index.client.tsx",
-        lineNumber: 93,
-        columnNumber: 5
-    }, this);
+    return <MoveDocToFolderButton buttonProps={{
+        disabled: viewType === 'trash',
+        size: 'small'
+    }} collectionSlug={collectionSlug} docData={data} docID={docID} docTitle={docTitle} folderCollectionSlug={folderCollectionSlug} folderFieldName={folderFieldName} fromFolderID={fromFolderID} fromFolderName={fromFolderName} modalSlug={`move-doc-to-folder-cell--${docID}`} onConfirm={onConfirm} skipConfirmModal={false}/>;
 };
 
 //# sourceMappingURL=index.client.js.map

package/dist/elements/FolderView/Cell/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, ViewTypes } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React, { useEffect } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js'\n\ntype Props = {\n  readonly collectionSlug: string\n  readonly data: Data\n  readonly docTitle: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly viewType?: ViewTypes\n}\n\nexport const FolderTableCellClient = ({\n  collectionSlug,\n  data,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  viewType,\n}: Props) => {\n  const docID = data.id\n  const intialFolderID = data?.[folderFieldName]\n\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const [fromFolderName, setFromFolderName] = React.useState(() =>\n    intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'),\n  )\n  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID)\n\n  const hasLoadedFolderName = React.useRef(false)\n\n  const onConfirm = React.useCallback(\n    async ({ id, name }) => {\n      try {\n        await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {\n          body: JSON.stringify({\n            [folderFieldName]: id,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        })\n\n        setFromFolderID(id)\n        setFromFolderName(name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    },\n    [config.routes.api, collectionSlug, docID, folderFieldName, t],\n  )\n\n  useEffect(() => {\n    const loadFolderName = async () => {\n      try {\n        const req = await fetch(\n          `${config.routes.api}/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'GET',\n          },\n        )\n\n        const res = await req.json()\n        setFromFolderName(res?.name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    }\n\n    if (!hasLoadedFolderName.current) {\n      void loadFolderName()\n      hasLoadedFolderName.current = true\n    }\n  }, [config.routes.api, folderCollectionSlug, intialFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={{\n        disabled: viewType === 'trash',\n        size: 'small',\n      }}\n      collectionSlug={collectionSlug}\n      docData={data as FolderOrDocument['value']}\n      docID={docID}\n      docTitle={docTitle}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-doc-to-folder-cell--${docID}`}\n      onConfirm={onConfirm}\n      skipConfirmModal={false}\n    />\n  )\n}\n"],"names":["React","useEffect","MoveDocToFolderButton","useConfig","useTranslation","FolderTableCellClient","collectionSlug","data","docTitle","folderCollectionSlug","folderFieldName","viewType","docID","id","intialFolderID","config","t","fromFolderName","setFromFolderName","useState","fromFolderID","setFromFolderID","hasLoadedFolderName","useRef","onConfirm","useCallback","name","fetch","routes","api","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","res","json","current","buttonProps","disabled","size","docData","modalSlug","skipConfirmModal"],"mappings":"AAAA;;AAKA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,+DAA+D;AAC/D,SAASC,qBAAqB,EAAEC,SAAS,EAAEC,cAAc,QAAQ,mCAAkC;AAWnG,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,cAAc,EACdC,IAAI,EACJC,QAAQ,EACRC,oBAAoB,EACpBC,eAAe,EACfC,QAAQ,EACF;IACN,MAAMC,QAAQL,KAAKM,EAAE;IACrB,MAAMC,iBAAiBP,MAAM,CAACG,gBAAgB;IAE9C,MAAM,EAAEK,MAAM,EAAE,GAAGZ;IACnB,MAAM,EAAEa,CAAC,EAAE,GAAGZ;IACd,MAAM,CAACa,gBAAgBC,kBAAkB,GAAGlB,MAAMmB,QAAQ,CAAC,IACzDL,iBAAiB,GAAGE,EAAE,mBAAmB,GAAG,CAAC,GAAGA,EAAE;IAEpD,MAAM,CAACI,cAAcC,gBAAgB,GAAGrB,MAAMmB,QAAQ,CAACL;IAEvD,MAAMQ,sBAAsBtB,MAAMuB,MAAM,CAAC;IAEzC,MAAMC,YAAYxB,MAAMyB,WAAW,CACjC,OAAO,EAAEZ,EAAE,EAAEa,IAAI,EAAE;QACjB,IAAI;YACF,MAAMC,MAAM,GAAGZ,OAAOa,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEvB,eAAe,CAAC,EAAEM,OAAO,EAAE;gBAC7DkB,MAAMC,KAAKC,SAAS,CAAC;oBACnB,CAACtB,gBAAgB,EAAEG;gBACrB;gBACAoB,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEAd,gBAAgBR;YAChBK,kBAAkBQ,QAAQV,EAAE;QAC9B,EAAE,OAAOoB,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,mCAAmCA;QACnD;IACF,GACA;QAACrB,OAAOa,MAAM,CAACC,GAAG;QAAEvB;QAAgBM;QAAOF;QAAiBM;KAAE;IAGhEf,UAAU;QACR,MAAMqC,iBAAiB;YACrB,IAAI;gBACF,MAAMC,MAAM,MAAMZ,MAChB,GAAGZ,OAAOa,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEpB,uBAAuBK,iBAAiB,CAAC,CAAC,EAAEA,gBAAgB,GAAG,IAAI,EAC3F;oBACEmB,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBAGF,MAAMK,MAAM,MAAMD,IAAIE,IAAI;gBAC1BvB,kBAAkBsB,KAAKd,QAAQV,EAAE;YACnC,EAAE,OAAOoB,OAAO;gBACd,sCAAsC;gBACtCC,QAAQD,KAAK,CAAC,mCAAmCA;YACnD;QACF;QAEA,IAAI,CAACd,oBAAoBoB,OAAO,EAAE;YAChC,KAAKJ;YACLhB,oBAAoBoB,OAAO,GAAG;QAChC;IACF,GAAG;QAAC3B,OAAOa,MAAM,CAACC,GAAG;QAAEpB;QAAsBK;QAAgBE;KAAE;IAE/D,qBACE,QAACd;QACCyC,aAAa;YACXC,UAAUjC,aAAa;YACvBkC,MAAM;QACR;QACAvC,gBAAgBA;QAChBwC,SAASvC;QACTK,OAAOA;QACPJ,UAAUA;QACVC,sBAAsBA;QACtBC,iBAAiBA;QACjBU,cAAcA;QACdH,gBAAgBA;QAChB8B,WAAW,CAAC,yBAAyB,EAAEnC,OAAO;QAC9CY,WAAWA;QACXwB,kBAAkB;;;;;;AAGxB,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/Cell/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, ViewTypes } from 'payload'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport React, { useEffect } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { MoveDocToFolderButton, useConfig, useTranslation } from '../../../exports/client/index.js'\n\ntype Props = {\n  readonly collectionSlug: string\n  readonly data: Data\n  readonly docTitle: string\n  readonly folderCollectionSlug: string\n  readonly folderFieldName: string\n  readonly viewType?: ViewTypes\n}\n\nexport const FolderTableCellClient = ({\n  collectionSlug,\n  data,\n  docTitle,\n  folderCollectionSlug,\n  folderFieldName,\n  viewType,\n}: Props) => {\n  const docID = data.id\n  const intialFolderID = data?.[folderFieldName]\n\n  const { config } = useConfig()\n  const { t } = useTranslation()\n  const [fromFolderName, setFromFolderName] = React.useState(() =>\n    intialFolderID ? `${t('general:loading')}...` : t('folder:noFolder'),\n  )\n  const [fromFolderID, setFromFolderID] = React.useState(intialFolderID)\n\n  const hasLoadedFolderName = React.useRef(false)\n\n  const onConfirm = React.useCallback(\n    async ({ id, name }) => {\n      try {\n        await fetch(`${config.routes.api}/${collectionSlug}/${docID}`, {\n          body: JSON.stringify({\n            [folderFieldName]: id,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'PATCH',\n        })\n\n        setFromFolderID(id)\n        setFromFolderName(name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    },\n    [config.routes.api, collectionSlug, docID, folderFieldName, t],\n  )\n\n  useEffect(() => {\n    const loadFolderName = async () => {\n      try {\n        const req = await fetch(\n          `${config.routes.api}/${folderCollectionSlug}${intialFolderID ? `/${intialFolderID}` : ''}`,\n          {\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'GET',\n          },\n        )\n\n        const res = await req.json()\n        setFromFolderName(res?.name || t('folder:noFolder'))\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Error moving document to folder', error)\n      }\n    }\n\n    if (!hasLoadedFolderName.current) {\n      void loadFolderName()\n      hasLoadedFolderName.current = true\n    }\n  }, [config.routes.api, folderCollectionSlug, intialFolderID, t])\n\n  return (\n    <MoveDocToFolderButton\n      buttonProps={{\n        disabled: viewType === 'trash',\n        size: 'small',\n      }}\n      collectionSlug={collectionSlug}\n      docData={data as FolderOrDocument['value']}\n      docID={docID}\n      docTitle={docTitle}\n      folderCollectionSlug={folderCollectionSlug}\n      folderFieldName={folderFieldName}\n      fromFolderID={fromFolderID}\n      fromFolderName={fromFolderName}\n      modalSlug={`move-doc-to-folder-cell--${docID}`}\n      onConfirm={onConfirm}\n      skipConfirmModal={false}\n    />\n  )\n}\n"],"names":["React","useEffect","MoveDocToFolderButton","useConfig","useTranslation","FolderTableCellClient","collectionSlug","data","docTitle","folderCollectionSlug","folderFieldName","viewType","docID","id","intialFolderID","config","t","fromFolderName","setFromFolderName","useState","fromFolderID","setFromFolderID","hasLoadedFolderName","useRef","onConfirm","useCallback","name","fetch","routes","api","body","JSON","stringify","credentials","headers","method","error","console","loadFolderName","req","res","json","current","buttonProps","disabled","size","docData","modalSlug","skipConfirmModal"],"mappings":"AAAA;AAKA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,+DAA+D;AAC/D,SAASC,qBAAqB,EAAEC,SAAS,EAAEC,cAAc,QAAQ,mCAAkC;AAWnG,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,cAAc,EACdC,IAAI,EACJC,QAAQ,EACRC,oBAAoB,EACpBC,eAAe,EACfC,QAAQ,EACF;IACN,MAAMC,QAAQL,KAAKM,EAAE;IACrB,MAAMC,iBAAiBP,MAAM,CAACG,gBAAgB;IAE9C,MAAM,EAAEK,MAAM,EAAE,GAAGZ;IACnB,MAAM,EAAEa,CAAC,EAAE,GAAGZ;IACd,MAAM,CAACa,gBAAgBC,kBAAkB,GAAGlB,MAAMmB,QAAQ,CAAC,IACzDL,iBAAiB,GAAGE,EAAE,mBAAmB,GAAG,CAAC,GAAGA,EAAE;IAEpD,MAAM,CAACI,cAAcC,gBAAgB,GAAGrB,MAAMmB,QAAQ,CAACL;IAEvD,MAAMQ,sBAAsBtB,MAAMuB,MAAM,CAAC;IAEzC,MAAMC,YAAYxB,MAAMyB,WAAW,CACjC,OAAO,EAAEZ,EAAE,EAAEa,IAAI,EAAE;QACjB,IAAI;YACF,MAAMC,MAAM,GAAGZ,OAAOa,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEvB,eAAe,CAAC,EAAEM,OAAO,EAAE;gBAC7DkB,MAAMC,KAAKC,SAAS,CAAC;oBACnB,CAACtB,gBAAgB,EAAEG;gBACrB;gBACAoB,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEAd,gBAAgBR;YAChBK,kBAAkBQ,QAAQV,EAAE;QAC9B,EAAE,OAAOoB,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,mCAAmCA;QACnD;IACF,GACA;QAACrB,OAAOa,MAAM,CAACC,GAAG;QAAEvB;QAAgBM;QAAOF;QAAiBM;KAAE;IAGhEf,UAAU;QACR,MAAMqC,iBAAiB;YACrB,IAAI;gBACF,MAAMC,MAAM,MAAMZ,MAChB,GAAGZ,OAAOa,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEpB,uBAAuBK,iBAAiB,CAAC,CAAC,EAAEA,gBAAgB,GAAG,IAAI,EAC3F;oBACEmB,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBAGF,MAAMK,MAAM,MAAMD,IAAIE,IAAI;gBAC1BvB,kBAAkBsB,KAAKd,QAAQV,EAAE;YACnC,EAAE,OAAOoB,OAAO;gBACd,sCAAsC;gBACtCC,QAAQD,KAAK,CAAC,mCAAmCA;YACnD;QACF;QAEA,IAAI,CAACd,oBAAoBoB,OAAO,EAAE;YAChC,KAAKJ;YACLhB,oBAAoBoB,OAAO,GAAG;QAChC;IACF,GAAG;QAAC3B,OAAOa,MAAM,CAACC,GAAG;QAAEpB;QAAsBK;QAAgBE;KAAE;IAE/D,QACGd,sBACCyC,aAAa;QACXC,UAAUjC,aAAa;QACvBkC,MAAM;IACR,GACAvC,gBAAgBA,gBAChBwC,SAASvC,MACTK,OAAOA,OACPJ,UAAUA,UACVC,sBAAsBA,sBACtBC,iBAAiBA,iBACjBU,cAAcA,cACdH,gBAAgBA,gBAChB8B,WAAW,CAAC,yBAAyB,EAAEnC,OAAO,EAC9CY,WAAWA,WACXwB,kBAAkB;AAGxB,EAAC"}

package/dist/elements/FolderView/Cell/index.server.js

@@ -1,23 +1,10 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import { FolderTableCellClient } from './index.client.js';
 export const FolderTableCell = (props)=>{
     const titleToRender = (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) || props.rowData.id;
     if (!props.payload.config.folders) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV(FolderTableCellClient, {
-        collectionSlug: props.collectionSlug,
-        data: props.rowData,
-        docTitle: titleToRender,
-        folderCollectionSlug: props.payload.config.folders.slug,
-        folderFieldName: props.payload.config.folders.fieldName,
-        viewType: props.viewType
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/Cell/index.server.tsx",
-        lineNumber: 17,
-        columnNumber: 5
-    }, this);
+    return <FolderTableCellClient collectionSlug={props.collectionSlug} data={props.rowData} docTitle={titleToRender} folderCollectionSlug={props.payload.config.folders.slug} folderFieldName={props.payload.config.folders.fieldName} viewType={props.viewType}/>;
 };
 
 //# sourceMappingURL=index.server.js.map

package/dist/elements/FolderView/Cell/index.server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { FolderTableCellClient } from './index.client.js'\n\nexport const FolderTableCell = (props: DefaultServerCellComponentProps) => {\n  const titleToRender =\n    (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) ||\n    props.rowData.id\n\n  if (!props.payload.config.folders) {\n    return null\n  }\n\n  return (\n    <FolderTableCellClient\n      collectionSlug={props.collectionSlug}\n      data={props.rowData}\n      docTitle={titleToRender}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n      viewType={props.viewType}\n    />\n  )\n}\n"],"names":["React","FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","payload","config","folders","collectionSlug","data","docTitle","folderCollectionSlug","slug","folderFieldName","fieldName","viewType"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,oBAAmB;AAEzD,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,MAAMC,gBACJ,AAACD,CAAAA,MAAME,gBAAgB,CAACC,MAAM,GAAGH,MAAMI,OAAO,EAAEC,WAAWL,MAAMI,OAAO,EAAEE,KAAI,KAC9EN,MAAMI,OAAO,CAACG,EAAE;IAElB,IAAI,CAACP,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,EAAE;QACjC,OAAO;IACT;IAEA,qBACE,QAACZ;QACCa,gBAAgBX,MAAMW,cAAc;QACpCC,MAAMZ,MAAMI,OAAO;QACnBS,UAAUZ;QACVa,sBAAsBd,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,IAAI;QACvDC,iBAAiBhB,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACO,SAAS;QACvDC,UAAUlB,MAAMkB,QAAQ;;;;;;AAG9B,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/Cell/index.server.tsx"],"sourcesContent":["import type { DefaultServerCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { FolderTableCellClient } from './index.client.js'\n\nexport const FolderTableCell = (props: DefaultServerCellComponentProps) => {\n  const titleToRender =\n    (props.collectionConfig.upload ? props.rowData?.filename : props.rowData?.title) ||\n    props.rowData.id\n\n  if (!props.payload.config.folders) {\n    return null\n  }\n\n  return (\n    <FolderTableCellClient\n      collectionSlug={props.collectionSlug}\n      data={props.rowData}\n      docTitle={titleToRender}\n      folderCollectionSlug={props.payload.config.folders.slug}\n      folderFieldName={props.payload.config.folders.fieldName}\n      viewType={props.viewType}\n    />\n  )\n}\n"],"names":["FolderTableCellClient","FolderTableCell","props","titleToRender","collectionConfig","upload","rowData","filename","title","id","payload","config","folders","collectionSlug","data","docTitle","folderCollectionSlug","slug","folderFieldName","fieldName","viewType"],"mappings":"AAIA,SAASA,qBAAqB,QAAQ,oBAAmB;AAEzD,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,MAAMC,gBACJ,AAACD,CAAAA,MAAME,gBAAgB,CAACC,MAAM,GAAGH,MAAMI,OAAO,EAAEC,WAAWL,MAAMI,OAAO,EAAEE,KAAI,KAC9EN,MAAMI,OAAO,CAACG,EAAE;IAElB,IAAI,CAACP,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,EAAE;QACjC,OAAO;IACT;IAEA,QACGZ,sBACCa,gBAAgBX,MAAMW,cAAc,EACpCC,MAAMZ,MAAMI,OAAO,EACnBS,UAAUZ,eACVa,sBAAsBd,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACK,IAAI,EACvDC,iBAAiBhB,MAAMQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACO,SAAS,EACvDC,UAAUlB,MAAMkB,QAAQ;AAG9B,EAAC"}

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

@@ -1,14 +1,7 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { FolderIcon } from '../../../icons/Folder/index.js';
 import './index.scss';
 export function ColoredFolderIcon() {
-    return /*#__PURE__*/ _jsxDEV(FolderIcon, {
-        className: "colored-folder-icon"
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/ColoredFolderIcon/index.tsx",
-        lineNumber: 4,
-        columnNumber: 10
-    }, this);
+    return <FolderIcon className="colored-folder-icon"/>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/ColoredFolderIcon/index.tsx"],"sourcesContent":["import { FolderIcon } from '../../../icons/Folder/index.js'\nimport './index.scss'\nexport function ColoredFolderIcon() {\n  return <FolderIcon className=\"colored-folder-icon\" />\n}\n"],"names":["FolderIcon","ColoredFolderIcon","className"],"mappings":";AAAA,SAASA,UAAU,QAAQ,iCAAgC;AAC3D,OAAO,eAAc;AACrB,OAAO,SAASC;IACd,qBAAO,QAACD;QAAWE,WAAU;;;;;;AAC/B"}
+{"version":3,"sources":["../../../../src/elements/FolderView/ColoredFolderIcon/index.tsx"],"sourcesContent":["import { FolderIcon } from '../../../icons/Folder/index.js'\nimport './index.scss'\nexport function ColoredFolderIcon() {\n  return <FolderIcon className=\"colored-folder-icon\" />\n}\n"],"names":["FolderIcon","ColoredFolderIcon","className"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iCAAgC;AAC3D,OAAO,eAAc;AACrB,OAAO,SAASC;IACd,QAAQD,WAAWE,UAAU;AAC/B"}

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

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -52,144 +51,65 @@ export function CurrentFolderActions({ className }) {
     if (!folderID) {
         return null;
     }
-    return /*#__PURE__*/ _jsxDEV(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsxDEV(Popup, {
-                button: /*#__PURE__*/ _jsxDEV(Dots, {}, void 0, false, {
-                    fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                    lineNumber: 77,
-                    columnNumber: 17
-                }, void 0),
-                className: [
-                    baseClass,
-                    className
-                ].filter(Boolean).join(' '),
-                render: ()=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
-                        children: [
-                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                                onClick: ()=>{
-                                    openFolderDrawer();
-                                },
-                                children: t('general:editLabel', {
-                                    label: getTranslation(folderCollectionConfig.labels.singular, i18n)
-                                })
-                            }, void 0, false, {
-                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                                lineNumber: 81,
-                                columnNumber: 13
-                            }, void 0),
-                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                                onClick: ()=>{
-                                    openModal(moveToFolderDrawerSlug);
-                                },
-                                children: t('folder:moveFolder')
-                            }, void 0, false, {
-                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                                lineNumber: 90,
-                                columnNumber: 13
-                            }, void 0),
-                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                                onClick: ()=>{
-                                    openModal(confirmDeleteDrawerSlug);
-                                },
-                                children: t('folder:deleteFolder')
-                            }, void 0, false, {
-                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                                lineNumber: 97,
-                                columnNumber: 13
-                            }, void 0)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                        lineNumber: 80,
-                        columnNumber: 11
-                    }, void 0)
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                lineNumber: 76,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(MoveItemsToFolderDrawer, {
-                action: "moveItemToFolder",
-                drawerSlug: moveToFolderDrawerSlug,
-                folderAssignedCollections: currentFolder?.value.folderType,
-                folderCollectionSlug: folderCollectionSlug,
-                folderFieldName: folderFieldName,
-                fromFolderID: currentFolder?.value.id,
-                fromFolderName: currentFolder?.value._folderOrDocumentTitle,
-                itemsToMove: [
-                    currentFolder
-                ],
-                onConfirm: async ({ id, name })=>{
-                    await moveToFolder({
-                        itemsToMove: [
-                            currentFolder
-                        ],
-                        toFolderID: id
-                    });
-                    if (id) {
-                        // moved to folder
-                        toast.success(t('folder:itemHasBeenMoved', {
-                            folderName: `"${name}"`,
-                            title: currentFolder.value._folderOrDocumentTitle
-                        }));
-                    } else {
-                        // moved to root
-                        toast.success(t('folder:itemHasBeenMovedToRoot', {
-                            title: currentFolder.value._folderOrDocumentTitle
-                        }));
-                    }
-                    closeModal(moveToFolderDrawerSlug);
-                },
+    return <>
+      <Popup button={<Dots/>} className={[
+        baseClass,
+        className
+    ].filter(Boolean).join(' ')} render={()=><PopupList.ButtonGroup>
+            <PopupList.Button onClick={()=>{
+            openFolderDrawer();
+        }}>
+              {t('general:editLabel', {
+            label: getTranslation(folderCollectionConfig.labels.singular, i18n)
+        })}
+            </PopupList.Button>
+            <PopupList.Button onClick={()=>{
+            openModal(moveToFolderDrawerSlug);
+        }}>
+              {t('folder:moveFolder')}
+            </PopupList.Button>
+            <PopupList.Button onClick={()=>{
+            openModal(confirmDeleteDrawerSlug);
+        }}>
+              {t('folder:deleteFolder')}
+            </PopupList.Button>
+          </PopupList.ButtonGroup>}/>
+      <MoveItemsToFolderDrawer action="moveItemToFolder" drawerSlug={moveToFolderDrawerSlug} folderAssignedCollections={currentFolder?.value.folderType} folderCollectionSlug={folderCollectionSlug} folderFieldName={folderFieldName} fromFolderID={currentFolder?.value.id} fromFolderName={currentFolder?.value._folderOrDocumentTitle} itemsToMove={[
+        currentFolder
+    ]} onConfirm={async ({ id, name })=>{
+        await moveToFolder({
+            itemsToMove: [
+                currentFolder
+            ],
+            toFolderID: id
+        });
+        if (id) {
+            // moved to folder
+            toast.success(t('folder:itemHasBeenMoved', {
+                folderName: `"${name}"`,
+                title: currentFolder.value._folderOrDocumentTitle
+            }));
+        } else {
+            // moved to root
+            toast.success(t('folder:itemHasBeenMovedToRoot', {
                 title: currentFolder.value._folderOrDocumentTitle
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                lineNumber: 107,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
-                body: /*#__PURE__*/ _jsxDEV(Translation, {
-                    elements: {
-                        '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
-                                children: children
-                            }, void 0, false, {
-                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                                lineNumber: 146,
-                                columnNumber: 38
-                            }, void 0)
-                    },
-                    i18nKey: "general:aboutToDelete",
-                    t: t,
-                    variables: {
-                        label: getTranslation(folderCollectionConfig.labels.singular, i18n),
-                        title: currentFolder.value._folderOrDocumentTitle
-                    }
-                }, void 0, false, {
-                    fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                    lineNumber: 144,
-                    columnNumber: 11
-                }, void 0),
-                confirmingLabel: t('general:deleting'),
-                heading: t('general:confirmDeletion'),
-                modalSlug: confirmDeleteDrawerSlug,
-                onConfirm: deleteCurrentFolder
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                lineNumber: 142,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV(FolderDocumentDrawer, {
-                onSave: ()=>{
-                    closeFolderDrawer();
-                    clearRouteCache();
-                }
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
-                lineNumber: 162,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true);
+            }));
+        }
+        closeModal(moveToFolderDrawerSlug);
+    }} title={currentFolder.value._folderOrDocumentTitle}/>
+
+      <ConfirmationModal body={<Translation elements={{
+        '1': ({ children })=><strong>{children}</strong>
+    }} i18nKey="general:aboutToDelete" t={t} variables={{
+        label: getTranslation(folderCollectionConfig.labels.singular, i18n),
+        title: currentFolder.value._folderOrDocumentTitle
+    }}/>} confirmingLabel={t('general:deleting')} heading={t('general:confirmDeletion')} modalSlug={confirmDeleteDrawerSlug} onConfirm={deleteCurrentFolder}/>
+
+      <FolderDocumentDrawer onSave={()=>{
+        closeFolderDrawer();
+        clearRouteCache();
+    }}/>
+    </>;
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\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 { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/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 router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    getFolderRoute,\n    moveToFolder,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      id: folderID,\n      collectionSlug: folderCollectionSlug,\n    })\n  const { clearRouteCache } = useRouteCache()\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    startRouteTransition(() => {\n      router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null))\n    })\n  }, [\n    breadcrumbs,\n    folderCollectionSlug,\n    folderID,\n    getFolderRoute,\n    router,\n    serverURL,\n    routes.api,\n    startRouteTransition,\n  ])\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        folderAssignedCollections={currentFolder?.value.folderType}\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={() => {\n          closeFolderDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","React","toast","Dots","useConfig","useFolder","useRouteCache","useRouteTransition","useTranslation","ConfirmationModal","useDocumentDrawer","Popup","PopupList","Translation","MoveItemsToFolderDrawer","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","router","startRouteTransition","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","getFolderRoute","moveToFolder","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","id","collectionSlug","clearRouteCache","config","routes","serverURL","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","api","credentials","method","push","length","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","label","labels","singular","action","drawerSlug","folderAssignedCollections","value","folderType","fromFolderID","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\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 { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/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 router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    getFolderRoute,\n    moveToFolder,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      id: folderID,\n      collectionSlug: folderCollectionSlug,\n    })\n  const { clearRouteCache } = useRouteCache()\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    startRouteTransition(() => {\n      router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null))\n    })\n  }, [\n    breadcrumbs,\n    folderCollectionSlug,\n    folderID,\n    getFolderRoute,\n    router,\n    serverURL,\n    routes.api,\n    startRouteTransition,\n  ])\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        folderAssignedCollections={currentFolder?.value.folderType}\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={() => {\n          closeFolderDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","React","toast","Dots","useConfig","useFolder","useRouteCache","useRouteTransition","useTranslation","ConfirmationModal","useDocumentDrawer","Popup","PopupList","Translation","MoveItemsToFolderDrawer","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","router","startRouteTransition","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","getFolderRoute","moveToFolder","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","id","collectionSlug","clearRouteCache","config","routes","serverURL","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","api","credentials","method","push","length","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","label","labels","singular","action","drawerSlug","folderAssignedCollections","value","folderType","fromFolderID","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave"],"mappings":"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"}

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

@@ -1,65 +1,27 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { DragOverlay } from '@dnd-kit/core';
 import { getEventCoordinates } from '@dnd-kit/utilities';
 import { FolderFileCard } from '../FolderFileCard/index.js';
 import './index.scss';
 const baseClass = 'drag-overlay-selection';
 export function DragOverlaySelection({ item, selectedCount }) {
-    return /*#__PURE__*/ _jsxDEV(DragOverlay, {
-        dropAnimation: null,
-        modifiers: [
-            snapTopLeftToCursor
-        ],
-        style: {
-            height: 'unset',
-            maxWidth: '220px'
-        },
-        children: /*#__PURE__*/ _jsxDEV("div", {
-            className: `${baseClass}__cards`,
-            children: [
-                Array.from({
-                    length: selectedCount > 1 ? 2 : 1
-                }).map((_, index)=>/*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__card`,
-                        style: {
-                            right: `${index * 3}px`,
-                            top: `-${index * 3}px`
-                        },
-                        children: /*#__PURE__*/ _jsxDEV(FolderFileCard, {
-                            id: null,
-                            isSelected: true,
-                            itemKey: "overlay-card",
-                            title: item.value._folderOrDocumentTitle,
-                            type: "folder"
-                        }, void 0, false, {
-                            fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
-                            lineNumber: 36,
-                            columnNumber: 13
-                        }, this)
-                    }, index, false, {
-                        fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
-                        lineNumber: 28,
-                        columnNumber: 11
-                    }, this)),
-                selectedCount > 1 ? /*#__PURE__*/ _jsxDEV("span", {
-                    className: `${baseClass}__card-count`,
-                    children: selectedCount
-                }, void 0, false, {
-                    fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
-                    lineNumber: 46,
-                    columnNumber: 11
-                }, this) : null
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
-            lineNumber: 26,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/FolderView/DragOverlaySelection/index.tsx",
-        lineNumber: 18,
-        columnNumber: 5
-    }, this);
+    return <DragOverlay dropAnimation={null} modifiers={[
+        snapTopLeftToCursor
+    ]} style={{
+        height: 'unset',
+        maxWidth: '220px'
+    }}>
+      <div className={`${baseClass}__cards`}>
+        {Array.from({
+        length: selectedCount > 1 ? 2 : 1
+    }).map((_, index)=><div className={`${baseClass}__card`} key={index} style={{
+            right: `${index * 3}px`,
+            top: `-${index * 3}px`
+        }}>
+            <FolderFileCard id={null} isSelected itemKey="overlay-card" title={item.value._folderOrDocumentTitle} type="folder"/>
+          </div>)}
+        {selectedCount > 1 ? <span className={`${baseClass}__card-count`}>{selectedCount}</span> : null}
+      </div>
+    </DragOverlay>;
 }
 export const snapTopLeftToCursor = ({ activatorEvent, draggingNodeRect, transform })=>{
     if (draggingNodeRect && activatorEvent) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly item: FolderOrDocument\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ item, selectedCount }: DragCardsProps) {\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={item.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","div","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","span","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"mappings":";AAGA,SAASA,WAAW,QAAQ,gBAAe;AAC3C,SAASC,mBAAmB,QAAQ,qBAAoB;AAExD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,aAAa,EAAkB;IAC1E,qBACE,QAACN;QACCO,eAAe;QACfC,WAAW;YAACC;SAAoB;QAChCC,OAAO;YACLC,QAAQ;YACRC,UAAU;QACZ;kBAEA,cAAA,QAACC;YAAIC,WAAW,GAAGX,UAAU,OAAO,CAAC;;gBAClCY,MAAMC,IAAI,CAAC;oBAAEC,QAAQX,gBAAgB,IAAI,IAAI;gBAAE,GAAGY,GAAG,CAAC,CAACC,GAAGC,sBACzD,QAACP;wBACCC,WAAW,GAAGX,UAAU,MAAM,CAAC;wBAE/BO,OAAO;4BACLW,OAAO,GAAGD,QAAQ,EAAE,EAAE,CAAC;4BACvBE,KAAK,CAAC,CAAC,EAAEF,QAAQ,EAAE,EAAE,CAAC;wBACxB;kCAEA,cAAA,QAAClB;4BACCqB,IAAI;4BACJC,UAAU;4BACVC,SAAQ;4BACRC,OAAOrB,KAAKsB,KAAK,CAACC,sBAAsB;4BACxCC,MAAK;;;;;;uBAXFT;;;;;gBAeRd,gBAAgB,kBACf,QAACwB;oBAAKhB,WAAW,GAAGX,UAAU,YAAY,CAAC;8BAAGG;;;;;2BAC5C;;;;;;;;;;;;AAIZ;AAEA,OAAO,MAAMG,sBAAgC,CAAC,EAAEsB,cAAc,EAAEC,gBAAgB,EAAEC,SAAS,EAAE;IAC3F,IAAID,oBAAoBD,gBAAgB;QACtC,MAAMG,uBAAuBjC,oBAAoB8B;QAEjD,IAAI,CAACG,sBAAsB;YACzB,OAAOD;QACT;QAEA,MAAME,UAAUD,qBAAqBE,CAAC,GAAGJ,iBAAiBK,IAAI;QAC9D,MAAMC,UAAUJ,qBAAqBK,CAAC,GAAGP,iBAAiBV,GAAG;QAE7D,OAAO;YACL,GAAGW,SAAS;YACZG,GAAGH,UAAUG,CAAC,GAAGD,UAAU;YAC3BI,GAAGN,UAAUM,CAAC,GAAGD,UAAU;QAC7B;IACF;IAEA,OAAOL;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly item: FolderOrDocument\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ item, selectedCount }: DragCardsProps) {\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={item.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","div","className","Array","from","length","map","_","index","key","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","span","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"mappings":"AAGA,SAASA,WAAW,QAAQ,gBAAe;AAC3C,SAASC,mBAAmB,QAAQ,qBAAoB;AAExD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,aAAa,EAAkB;IAC1E,QACGN,YACCO,eAAe,MACfC,WAAW;QAACC;KAAoB,EAChCC,OAAO;QACLC,QAAQ;QACRC,UAAU;IACZ,GACD;MACC,CAACC,IAAIC,WAAW,GAAGX,UAAU,OAAO,CAAC,EAAE;QACrC,CAACY,MAAMC,IAAI,CAAC;QAAEC,QAAQX,gBAAgB,IAAI,IAAI;IAAE,GAAGY,GAAG,CAAC,CAACC,GAAGC,SACxDP,IACCC,WAAW,GAAGX,UAAU,MAAM,CAAC,EAC/BkB,KAAKD,OACLV,OAAO;YACLY,OAAO,GAAGF,QAAQ,EAAE,EAAE,CAAC;YACvBG,KAAK,CAAC,CAAC,EAAEH,QAAQ,EAAE,EAAE,CAAC;QACxB,GACD;YACC,CAAClB,eACCsB,IAAI,MACJC,WACAC,QAAQ,eACRC,OAAOtB,KAAKuB,KAAK,CAACC,sBAAsB,EACxCC,KAAK,UACL;UACJ,EAAEjB,MACD;QACH,CAACP,gBAAgB,KACdyB,KAAKjB,WAAW,GAAGX,UAAU,YAAY,CAAC,GAAGG,gBAAgByB,QAC5D,KAAK;MACX,EAAElB,IAAI;IACR,EAAEb;AAEN;AAEA,OAAO,MAAMS,sBAAgC,CAAC,EAAEuB,cAAc,EAAEC,gBAAgB,EAAEC,SAAS,EAAE;IAC3F,IAAID,oBAAoBD,gBAAgB;QACtC,MAAMG,uBAAuBlC,oBAAoB+B;QAEjD,IAAI,CAACG,sBAAsB;YACzB,OAAOD;QACT;QAEA,MAAME,UAAUD,qBAAqBE,CAAC,GAAGJ,iBAAiBK,IAAI;QAC9D,MAAMC,UAAUJ,qBAAqBK,CAAC,GAAGP,iBAAiBV,GAAG;QAE7D,OAAO;YACL,GAAGW,SAAS;YACZG,GAAGH,UAAUG,CAAC,GAAGD,UAAU;YAC3BI,GAAGN,UAAUM,CAAC,GAAGD,UAAU;QAC7B;IACF;IAEA,OAAOL;AACT,EAAC"}

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

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useDroppable } from '@dnd-kit/core';
 import React from 'react';
 import { DraggableWithClick } from '../DraggableWithClick/index.js';
@@ -29,52 +28,26 @@ export function DraggableTableRow({ id, columns, disabled = false, dragData, isD
     }, [
         isFocused
     ]);
-    return /*#__PURE__*/ _jsxDEV(DraggableWithClick, {
-        as: "tr",
-        className: [
-            baseClass,
-            isSelected && `${baseClass}--selected`,
-            isSelecting && `${baseClass}--selecting`,
-            disabled && `${baseClass}--disabled`,
-            isFocused && `${baseClass}--focused`,
-            isOver && `${baseClass}--over`
-        ].filter(Boolean).join(' '),
-        onClick: onClick,
-        onKeyDown: onKeyDown,
-        ref: ref,
-        children: [
-            columns.map((col, i)=>/*#__PURE__*/ _jsxDEV(TableCell, {
-                    className: [
-                        `${baseClass}__cell-content`,
-                        i === 0 && `${baseClass}__first-td`,
-                        i === columns.length - 1 && `${baseClass}__last-td`
-                    ].filter(Boolean).join(' '),
-                    children: col
-                }, `${itemKey}-${i}`, false, {
-                    fileName: "src/elements/FolderView/DraggableTableRow/index.tsx",
-                    lineNumber: 78,
-                    columnNumber: 9
-                }, this)),
-            isDroppable ? /*#__PURE__*/ _jsxDEV(HiddenCell, {
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__drop-area`,
-                    ref: setNodeRef
-                }, void 0, false, {
-                    fileName: "src/elements/FolderView/DraggableTableRow/index.tsx",
-                    lineNumber: 94,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/elements/FolderView/DraggableTableRow/index.tsx",
-                lineNumber: 93,
-                columnNumber: 9
-            }, this) : null
-        ]
-    }, itemKey, true, {
-        fileName: "src/elements/FolderView/DraggableTableRow/index.tsx",
-        lineNumber: 60,
-        columnNumber: 5
-    }, this);
+    return <DraggableWithClick as="tr" className={[
+        baseClass,
+        isSelected && `${baseClass}--selected`,
+        isSelecting && `${baseClass}--selecting`,
+        disabled && `${baseClass}--disabled`,
+        isFocused && `${baseClass}--focused`,
+        isOver && `${baseClass}--over`
+    ].filter(Boolean).join(' ')} key={itemKey} onClick={onClick} onKeyDown={onKeyDown} ref={ref}>
+      {columns.map((col, i)=><TableCell className={[
+            `${baseClass}__cell-content`,
+            i === 0 && `${baseClass}__first-td`,
+            i === columns.length - 1 && `${baseClass}__last-td`
+        ].filter(Boolean).join(' ')} key={`${itemKey}-${i}`}>
+          {col}
+        </TableCell>)}
+
+      {isDroppable ? <HiddenCell>
+          <div className={`${baseClass}__drop-area`} ref={setNodeRef}/>
+        </HiddenCell> : null}
+    </DraggableWithClick>;
 }
 
 //# sourceMappingURL=index.js.map