@payloadcms/ui 3.40.0-canary.0 → 3.40.0-canary.2

package/dist/elements/Button/index.scss

@@ -175,7 +175,7 @@
     --btn-icon-border-color: currentColor;
     --btn-icon-padding: 0px; // This will be needed when we make icons go edge to edge instead of having built in padding in the svg code
     --btn-icon-content-gap: calc(var(--base) * 0.4);
-    --margin-block: base(1.2);
+    --margin-block: calc(var(--base) * 1.2);
     --btn-line-height: calc(var(--base) * 1.2);
 
     border-radius: var(--style-radius-s);
@@ -233,7 +233,7 @@
       }
 
       &.btn--size-small {
-        padding: base(0.2);
+        padding: calc(var(--base) * (0.2));
       }
     }
 

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

@@ -45,7 +45,7 @@ export function CurrentFolderActions({
     t
   } = useTranslation();
   const deleteCurrentFolder = React.useCallback(async () => {
-    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}`, {
+    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}?depth=0`, {
       credentials: 'include',
       method: 'DELETE'
     });

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}`, {\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":"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","ignoreList":[]}
+{"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":[]}

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;AAIvB,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;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"}

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

@@ -4,6 +4,7 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
+import { formatFolderOrDocumentItem } from 'payload/shared';
 import React from 'react';
 import { useConfig } from '../../../../providers/Config/index.js';
 import { FolderProvider, useFolder } from '../../../../providers/Folders/index.js';
@@ -95,19 +96,51 @@ function LoadFolderData(props) {
     })
   });
 }
-function Content({
-  drawerSlug,
-  fromFolderName,
-  itemsToMove,
-  onConfirm,
-  skipConfirmModal,
-  ...props
-}) {
+function Content(t0) {
+  const $ = _c(54);
+  let drawerSlug;
+  let fromFolderName;
+  let itemsToMove;
+  let onConfirm;
+  let props;
+  let skipConfirmModal;
+  if ($[0] !== t0) {
+    ({
+      drawerSlug,
+      fromFolderName,
+      itemsToMove,
+      onConfirm,
+      skipConfirmModal,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = drawerSlug;
+    $[2] = fromFolderName;
+    $[3] = itemsToMove;
+    $[4] = onConfirm;
+    $[5] = props;
+    $[6] = skipConfirmModal;
+  } else {
+    drawerSlug = $[1];
+    fromFolderName = $[2];
+    itemsToMove = $[3];
+    onConfirm = $[4];
+    props = $[5];
+    skipConfirmModal = $[6];
+  }
   const {
     closeModal,
     openModal
   } = useModal();
-  const [count] = React.useState(() => itemsToMove.length);
+  let t1;
+  if ($[7] !== itemsToMove) {
+    t1 = () => itemsToMove.length;
+    $[7] = itemsToMove;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const [count] = React.useState(t1);
   const {
     i18n,
     t
@@ -122,147 +155,245 @@ function Content({
     setFolderID,
     subfolders
   } = useFolder();
-  const getSelectedFolder = React.useCallback(() => {
-    const selected = getSelectedItems();
-    if (selected.length === 0) {
-      const lastCrumb = breadcrumbs?.[breadcrumbs.length - 1];
-      // use the breadcrumb
-      return {
-        id: lastCrumb?.id || null,
-        name: lastCrumb?.name || null
-      };
+  const {
+    getEntityConfig
+  } = useConfig();
+  let t2;
+  if ($[9] !== breadcrumbs || $[10] !== getSelectedItems) {
+    t2 = () => {
+      const selected = getSelectedItems();
+      if (selected.length === 0) {
+        const lastCrumb = breadcrumbs?.[breadcrumbs.length - 1];
+        return {
+          id: lastCrumb?.id || null,
+          name: lastCrumb?.name || null
+        };
+      } else {
+        return {
+          id: selected[0].value.id,
+          name: selected[0].value._folderOrDocumentTitle
+        };
+      }
+    };
+    $[9] = breadcrumbs;
+    $[10] = getSelectedItems;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  const getSelectedFolder = t2;
+  let t3;
+  if ($[12] !== addItems || $[13] !== folderFieldName || $[14] !== getEntityConfig) {
+    t3 = t4 => {
+      const {
+        collectionSlug,
+        doc
+      } = t4;
+      const collectionConfig = getEntityConfig({
+        collectionSlug
+      });
+      addItems([formatFolderOrDocumentItem({
+        folderFieldName,
+        isUpload: Boolean(collectionConfig?.upload),
+        relationTo: collectionSlug,
+        useAsTitle: collectionConfig.admin.useAsTitle,
+        value: doc
+      })]);
+    };
+    $[12] = addItems;
+    $[13] = folderFieldName;
+    $[14] = getEntityConfig;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  const onCreateSuccess = t3;
+  let t4;
+  if ($[16] !== getSelectedFolder || $[17] !== onConfirm) {
+    t4 = () => {
+      if (typeof onConfirm === "function") {
+        onConfirm(getSelectedFolder());
+      }
+    };
+    $[16] = getSelectedFolder;
+    $[17] = onConfirm;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  const onConfirmMove = t4;
+  let t5;
+  if ($[19] !== closeModal || $[20] !== drawerSlug) {
+    t5 = () => {
+      closeModal(drawerSlug);
+    };
+    $[19] = closeModal;
+    $[20] = drawerSlug;
+    $[21] = t5;
+  } else {
+    t5 = $[21];
+  }
+  let t6;
+  if ($[22] !== onConfirmMove || $[23] !== openModal || $[24] !== skipConfirmModal) {
+    t6 = () => {
+      if (skipConfirmModal) {
+        onConfirmMove();
+      } else {
+        openModal(confirmModalSlug);
+      }
+    };
+    $[22] = onConfirmMove;
+    $[23] = openModal;
+    $[24] = skipConfirmModal;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  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 ? () => {
+        setFolderID({
+          folderID: null
+        });
+      } : undefined;
+      $[48] = breadcrumbs.length;
+      $[49] = setFolderID;
+      $[50] = t8;
     } else {
-      // use the selected item
-      return {
-        id: selected[0].value.id,
-        name: selected[0].value._folderOrDocumentTitle
-      };
+      t8 = $[50];
     }
-  }, [breadcrumbs, getSelectedItems]);
-  const onCreateSuccess = React.useCallback(({
-    collectionSlug,
-    doc
-  }) => {
-    const itemValue = {
-      id: doc?.id,
-      _folderOrDocumentTitle: doc?.[folderCollectionConfig.admin.useAsTitle ?? 'id'],
-      createdAt: doc?.createdAt,
-      folderID: doc?.[folderFieldName],
-      updatedAt: doc?.updatedAt
-    };
-    void addItems([{
-      itemKey: `${collectionSlug}-${doc.id}`,
-      relationTo: collectionSlug,
-      value: itemValue
-    }]);
-  }, [addItems, folderCollectionConfig.admin.useAsTitle]);
-  const onConfirmMove = React.useCallback(() => {
-    if (typeof onConfirm === 'function') {
-      void onConfirm(getSelectedFolder());
+    let t9;
+    if ($[51] !== breadcrumbs.length || $[52] !== setFolderID) {
+      t9 = (crumb, index) => ({
+        id: crumb.id,
+        name: crumb.name,
+        onClick: index !== breadcrumbs.length - 1 ? () => {
+          setFolderID({
+            folderID: crumb.id
+          });
+        } : undefined
+      });
+      $[51] = breadcrumbs.length;
+      $[52] = setFolderID;
+      $[53] = t9;
+    } else {
+      t9 = $[53];
     }
-  }, [getSelectedFolder, onConfirm]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(DrawerActionHeader, {
-      onCancel: () => {
-        closeModal(drawerSlug);
-      },
-      onSave: () => {
-        if (skipConfirmModal) {
-          onConfirmMove();
-        } else {
-          openModal(confirmModalSlug);
-        }
-      },
-      saveLabel: t('general:select'),
-      title: /*#__PURE__*/_jsx(DrawerHeading, {
-        action: props.action,
-        count: count,
-        fromFolderName: props.fromFolderID ? fromFolderName : undefined,
-        title: props.action === 'moveItemToFolder' ? props.title : undefined
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__breadcrumbs-section`,
-      children: [/*#__PURE__*/_jsx(FolderBreadcrumbs, {
-        breadcrumbs: [{
-          id: null,
-          name: /*#__PURE__*/_jsxs("span", {
-            className: `${baseClass}__folder-breadcrumbs-root`,
-            children: [/*#__PURE__*/_jsx(ColoredFolderIcon, {}), t('folder:folders')]
-          }),
-          onClick: breadcrumbs.length ? () => {
-            void setFolderID({
-              folderID: null
-            });
-          } : undefined
-        }, ...breadcrumbs.map((crumb, index) => ({
-          id: crumb.id,
-          name: crumb.name,
-          onClick: index !== breadcrumbs.length - 1 ? () => {
-            void setFolderID({
-              folderID: crumb.id
-            });
-          } : undefined
-        }))]
-      }), subfolders.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
-          buttonStyle: "pill",
-          className: `${baseClass}__add-folder-button`,
-          onClick: () => {
-            openModal(newFolderDrawerSlug);
-          },
-          children: t('fields:addLabel', {
-            label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
-          })
-        }), /*#__PURE__*/_jsx(NewFolderDrawer, {
-          drawerSlug: newFolderDrawerSlug,
-          onNewFolderSuccess: doc_0 => {
-            closeModal(newFolderDrawerSlug);
-            if (typeof onCreateSuccess === 'function') {
-              void onCreateSuccess({
-                collectionSlug: folderCollectionConfig.slug,
-                doc: doc_0
-              });
+    t7 = _jsxs(_Fragment, {
+      children: [_jsx(DrawerActionHeader, {
+        onCancel: t5,
+        onSave: t6,
+        saveLabel: t("general:select"),
+        title: _jsx(DrawerHeading, {
+          action: props.action,
+          count,
+          fromFolderName: props.fromFolderID ? fromFolderName : undefined,
+          title: props.action === "moveItemToFolder" ? props.title : undefined
+        })
+      }), _jsxs("div", {
+        className: `${baseClass}__breadcrumbs-section`,
+        children: [_jsx(FolderBreadcrumbs, {
+          breadcrumbs: [{
+            id: null,
+            name: _jsxs("span", {
+              className: `${baseClass}__folder-breadcrumbs-root`,
+              children: [_jsx(ColoredFolderIcon, {}), t("folder:folders")]
+            }),
+            onClick: t8
+          }, ...breadcrumbs.map(t9)]
+        }), subfolders.length > 0 && _jsxs(_Fragment, {
+          children: [_jsx(Button, {
+            buttonStyle: "pill",
+            className: `${baseClass}__add-folder-button`,
+            margin: false,
+            onClick: () => {
+              openModal(newFolderDrawerSlug);
+            },
+            children: t("fields:addLabel", {
+              label: getTranslation(folderCollectionConfig.labels?.singular, i18n)
+            })
+          }), _jsx(NewFolderDrawer, {
+            drawerSlug: newFolderDrawerSlug,
+            onNewFolderSuccess: doc_0 => {
+              closeModal(newFolderDrawerSlug);
+              if (typeof onCreateSuccess === "function") {
+                onCreateSuccess({
+                  collectionSlug: folderCollectionConfig.slug,
+                  doc: doc_0
+                });
+              }
             }
-          }
+          })]
         })]
-      })]
-    }), /*#__PURE__*/_jsx(DrawerContentContainer, {
-      className: `${baseClass}__body-section`,
-      children: subfolders.length > 0 ? /*#__PURE__*/_jsx(ItemCardGrid, {
-        disabledItemKeys: new Set(itemsToMove.map(({
-          itemKey
-        }) => itemKey)),
-        items: subfolders,
-        selectedItemKeys: new Set([`${folderCollectionSlug}-${getSelectedFolder().id}`]),
-        type: "folder"
-      }) : /*#__PURE__*/_jsx(NoListResults, {
-        Actions: [/*#__PURE__*/_jsx(ListCreateNewDocInFolderButton, {
-          buttonLabel: `${t('general:create')} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
-          collectionSlugs: [folderCollectionSlug],
-          onCreateSuccess: onCreateSuccess,
-          slugPrefix: "create-new-folder-from-drawer--no-results"
-        }, "create-folder")],
-        Message: /*#__PURE__*/_jsx("p", {
-          children: i18n.t('general:noResults', {
-            label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
+      }), _jsx(DrawerContentContainer, {
+        className: `${baseClass}__body-section`,
+        children: subfolders.length > 0 ? _jsx(ItemCardGrid, {
+          disabledItemKeys: new Set(itemsToMove.map(_temp)),
+          items: subfolders,
+          selectedItemKeys: new Set([`${folderCollectionSlug}-${getSelectedFolder().id}`]),
+          type: "folder"
+        }) : _jsx(NoListResults, {
+          Actions: [_jsx(ListCreateNewDocInFolderButton, {
+            buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
+            collectionSlugs: [folderCollectionSlug],
+            onCreateSuccess,
+            slugPrefix: "create-new-folder-from-drawer--no-results"
+          }, "create-folder")],
+          Message: _jsx("p", {
+            children: i18n.t("general:noResults", {
+              label: `${getTranslation(folderCollectionConfig.labels?.plural, i18n)}`
+            })
           })
         })
-      })
-    }), !skipConfirmModal && /*#__PURE__*/_jsx(ConfirmationModal, {
-      body: /*#__PURE__*/_jsx(ConfirmationMessage, {
-        action: props.action,
-        count: count,
-        fromFolderName: fromFolderName,
-        title: props.action === 'moveItemToFolder' ? props.title : undefined,
-        toFolderName: getSelectedFolder().name
-      }),
-      confirmingLabel: t('general:moving'),
-      confirmLabel: t('general:move'),
-      heading: t('general:confirmMove'),
-      modalSlug: confirmModalSlug,
-      onConfirm: onConfirmMove
-    })]
-  });
+      }), !skipConfirmModal && _jsx(ConfirmationModal, {
+        body: _jsx(ConfirmationMessage, {
+          action: props.action,
+          count,
+          fromFolderName,
+          title: props.action === "moveItemToFolder" ? props.title : undefined,
+          toFolderName: getSelectedFolder().name
+        }),
+        confirmingLabel: t("general:moving"),
+        confirmLabel: t("general:move"),
+        heading: t("general:confirmMove"),
+        modalSlug: confirmModalSlug,
+        onConfirm: onConfirmMove
+      })]
+    });
+    $[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;
+  } else {
+    t7 = $[47];
+  }
+  return t7;
+}
+function _temp(t0) {
+  const {
+    itemKey
+  } = t0;
+  return itemKey;
 }
 function DrawerHeading(props) {
   const $ = _c(14);