npm - @payloadcms/ui - Versions diffs - 3.48.0-canary.5 → 3.48.0 - Mend

@payloadcms/ui 3.48.0-canary.5 → 3.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/dist/elements/FolderView/Breadcrumbs/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,WAAW,EAAE;QACpB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;QAC9B,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,EAAE,CAAA;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,qBAuBlE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE;~~IAAE~~,QAAQ,EAAE,KAAK,CAAC,SAAS,~~CAAC~~;~~IAAC~~,SAAS,CAAC,EAAE,MAAM,~~CAAC~~;~~IAAC~~,OAAO,EAAE,MAAM,IAAI,CAAA;~~CAAE~~,GAAG,IAAI,~~CAC9E~~,gBAAgB,~~EAChB~~,IAAI,~~CACL~~,~~qBAqBA~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,WAAW,EAAE;QACpB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;QAC9B,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,EAAE,CAAA;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,qBAuBlE;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAqB/B"}

package/dist/elements/FolderView/Breadcrumbs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","useDroppable","React","ChevronIcon","baseClass","FolderBreadcrumbs","breadcrumbs","className","_jsx","trim","map","crumb","index","_jsxs","onClick","DroppableBreadcrumb","id","name","length","direction","t0","$","children","t1","t2","type","t3","data","isOver","setNodeRef","t4","t5","filter","Boolean","t6","join","t7","ref"],"sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderBreadcrumb } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'folderBreadcrumbs'\n\ntype Props = {\n readonly breadcrumbs: {\n id: null \| number \| string\n name: React.ReactNode \| string\n onClick: () => void\n }[]\n className?: string\n}\nexport function FolderBreadcrumbs({ breadcrumbs, className }: Props) {\n return (\n <div className={`${baseClass} ${className \|\| ''}`.trim()}>\n {breadcrumbs?.map((crumb, index) => (\n <div className={`${baseClass}__crumb`} key={index}>\n {crumb.onClick ? (\n <DroppableBreadcrumb\n className={`${baseClass}__crumb-item`}\n id={crumb.id}\n onClick={crumb.onClick}\n >\n {crumb.name}\n </DroppableBreadcrumb>\n ) : (\n crumb.name\n )}\n {breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && (\n <ChevronIcon className={`${baseClass}__crumb-chevron`} direction=\"right\" />\n )}\n </div>\n ))}\n </div>\n )\n}\n\nexport function DroppableBreadcrumb({\n id,\n children,\n className,\n onClick,\n}: { children: React.ReactNode; className?: string; onClick: () => void } & Pick~~<\n~~ FolderBreadcrumb~~,\n~~ 'id'\n>) {\n const { isOver, setNodeRef } = useDroppable({\n id: `folder-${id}`,\n data: {\n id,\n type: 'folder',\n },\n })\n\n return (\n <button\n className={['droppable-button', className, isOver && 'droppable-button--hover']\n .filter(Boolean)\n .join(' ')}\n onClick={onClick}\n ref={setNodeRef}\n type=\"button\"\n >\n {children}\n </button>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,SAASC,kBAAkB;EAAEC,WAAW;EAAEC;AAAS,CAAS;EACjE,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAW,GAAGH,SAAA,IAAaG,SAAA,IAAa,IAAI,CAACE,IAAI;cACnDH,WAAA,EAAaI,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,kBACxBC,KAAA,CAAC;MAAIN,SAAA,EAAW,GAAGH,SAAA,SAAkB;iBAClCO,KAAA,CAAMG,OAAO,gBACZN,IAAA,CAACO,mBAAA;QACCR,SAAA,EAAW,GAAGH,SAAA,cAAuB;QACrCY,EAAA,EAAIL,KAAA,CAAMK,EAAE;QACZF,OAAA,EAASH,KAAA,CAAMG,OAAO;kBAErBH,KAAA,CAAMM;WAGTN,KAAA,CAAMM,IAAI,EAEXX,WAAA,CAAYY,MAAM,GAAG,KAAKN,KAAA,KAAUN,WAAA,CAAYY,MAAM,GAAG,kBACxDV,IAAA,CAACL,WAAA;QAAYI,SAAA,EAAW,GAAGH,SAAA,iBAA0B;QAAEe,SAAA,EAAU;;OAbzBP,KAAA;;AAmBpD;AAEA,OAAO,SAAAG,oBAAAK,EAAA;EAAA,MAAAC,CAAA,GAAArB,EAAA;EAA6B;IAAAgB,EAAA;IAAAM,QAAA;IAAAf,SAAA;IAAAO;EAAA,IAAAM,~~EAQnC~~;~~EAEO~~,MAAAG,EAAA,aAAUP,EAAA,EAAI;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAL,EAAA;IACZQ,EAAA;MAAAR,EAAA;MAAAS,IAAA,EAEE;IAAA;IACRJ,CAAA,MAAAL,EAAA;IAAAK,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAL,CAAA,QAAAE,EAAA,IAAAF,CAAA,QAAAG,EAAA;IAL0CE,EAAA;MAAAV,EAAA,EACtCO,EAAc;MAAAI,IAAA,EACZH;IAGN;IACFH,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EANA;IAAAO,MAAA;IAAAC;EAAA,IAA+B5B,YAAA,CAAayB,EAM5C;EAI+C,MAAAI,EAAA,GAAAF,MAAA,IAAU;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAd,SAAA,IAAAc,CAAA,QAAAS,EAAA;IAA1CC,EAAA,IAAC,oBAAoBxB,SAAA,EAAWuB,EAAU,EAAAE,MAAA,CAAAC,OAC3C;IAAAZ,CAAA,MAAAd,SAAA;IAAAc,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EADC,MAAAa,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAP,OAAA,IAAAO,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAAa,EAAA;IAHVE,EAAA,GAAA5B,IAAA,CAAC;MAAAD,SAAA,EACY2B,EAEH;MAAApB,OAAA;MAAAuB,GAAA,EAEHR,UAAA;MAAAJ,IAAA,EACA;MAAAH;IAAA,C;;;;;;;;;SANPc,E","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","useDroppable","React","ChevronIcon","baseClass","FolderBreadcrumbs","breadcrumbs","className","_jsx","trim","map","crumb","index","_jsxs","onClick","DroppableBreadcrumb","id","name","length","direction","t0","$","children","t1","t2","type","t3","data","isOver","setNodeRef","t4","t5","filter","Boolean","t6","join","t7","ref"],"sources":["../../../../src/elements/FolderView/Breadcrumbs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FolderBreadcrumb } from 'payload/shared'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'folderBreadcrumbs'\n\ntype Props = {\n readonly breadcrumbs: {\n id: null \| number \| string\n name: React.ReactNode \| string\n onClick: () => void\n }[]\n className?: string\n}\nexport function FolderBreadcrumbs({ breadcrumbs, className }: Props) {\n return (\n <div className={`${baseClass} ${className \|\| ''}`.trim()}>\n {breadcrumbs?.map((crumb, index) => (\n <div className={`${baseClass}__crumb`} key={index}>\n {crumb.onClick ? (\n <DroppableBreadcrumb\n className={`${baseClass}__crumb-item`}\n id={crumb.id}\n onClick={crumb.onClick}\n >\n {crumb.name}\n </DroppableBreadcrumb>\n ) : (\n crumb.name\n )}\n {breadcrumbs.length > 0 && index !== breadcrumbs.length - 1 && (\n <ChevronIcon className={`${baseClass}__crumb-chevron`} direction=\"right\" />\n )}\n </div>\n ))}\n </div>\n )\n}\n\nexport function DroppableBreadcrumb({\n id,\n children,\n className,\n onClick,\n}: {\n children: React.ReactNode\n className?: string\n onClick: () => void\n} & Pick<FolderBreadcrumb, 'id'>) {\n const { isOver, setNodeRef } = useDroppable({\n id: `folder-${id}`,\n data: {\n id,\n type: 'folder',\n },\n })\n\n return (\n <button\n className={['droppable-button', className, isOver && 'droppable-button--hover']\n .filter(Boolean)\n .join(' ')}\n onClick={onClick}\n ref={setNodeRef}\n type=\"button\"\n >\n {children}\n </button>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,OAAO,SAASC,kBAAkB;EAAEC,WAAW;EAAEC;AAAS,CAAS;EACjE,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAW,GAAGH,SAAA,IAAaG,SAAA,IAAa,IAAI,CAACE,IAAI;cACnDH,WAAA,EAAaI,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,kBACxBC,KAAA,CAAC;MAAIN,SAAA,EAAW,GAAGH,SAAA,SAAkB;iBAClCO,KAAA,CAAMG,OAAO,gBACZN,IAAA,CAACO,mBAAA;QACCR,SAAA,EAAW,GAAGH,SAAA,cAAuB;QACrCY,EAAA,EAAIL,KAAA,CAAMK,EAAE;QACZF,OAAA,EAASH,KAAA,CAAMG,OAAO;kBAErBH,KAAA,CAAMM;WAGTN,KAAA,CAAMM,IAAI,EAEXX,WAAA,CAAYY,MAAM,GAAG,KAAKN,KAAA,KAAUN,WAAA,CAAYY,MAAM,GAAG,kBACxDV,IAAA,CAACL,WAAA;QAAYI,SAAA,EAAW,GAAGH,SAAA,iBAA0B;QAAEe,SAAA,EAAU;;OAbzBP,KAAA;;AAmBpD;AAEA,OAAO,SAAAG,oBAAAK,EAAA;EAAA,MAAAC,CAAA,GAAArB,EAAA;EAA6B;IAAAgB,EAAA;IAAAM,QAAA;IAAAf,SAAA;IAAAO;EAAA,IAAAM,EASJ;EAExB,MAAAG,EAAA,aAAUP,EAAA,EAAI;EAAA,IAAAQ,EAAA;EAAA,IAAAH,CAAA,QAAAL,EAAA;IACZQ,EAAA;MAAAR,EAAA;MAAAS,IAAA,EAEE;IAAA;IACRJ,CAAA,MAAAL,EAAA;IAAAK,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAAA,IAAAK,EAAA;EAAA,IAAAL,CAAA,QAAAE,EAAA,IAAAF,CAAA,QAAAG,EAAA;IAL0CE,EAAA;MAAAV,EAAA,EACtCO,EAAc;MAAAI,IAAA,EACZH;IAGN;IACFH,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EANA;IAAAO,MAAA;IAAAC;EAAA,IAA+B5B,YAAA,CAAayB,EAM5C;EAI+C,MAAAI,EAAA,GAAAF,MAAA,IAAU;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAd,SAAA,IAAAc,CAAA,QAAAS,EAAA;IAA1CC,EAAA,IAAC,oBAAoBxB,SAAA,EAAWuB,EAAU,EAAAE,MAAA,CAAAC,OAC3C;IAAAZ,CAAA,MAAAd,SAAA;IAAAc,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EADC,MAAAa,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAP,OAAA,IAAAO,CAAA,SAAAQ,UAAA,IAAAR,CAAA,SAAAa,EAAA;IAHVE,EAAA,GAAA5B,IAAA,CAAC;MAAAD,SAAA,EACY2B,EAEH;MAAApB,OAAA;MAAAuB,GAAA,EAEHR,UAAA;MAAAJ,IAAA,EACA;MAAAH;IAAA,C;;;;;;;;;SANPc,E","ignoreList":[]}

package/dist/elements/FolderView/CurrentFolderActions/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,~~qBA8IxD~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,qBA+IxD"}

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

@@ -99,6 +99,7 @@ export function CurrentFolderActions({
     }), /*#__PURE__*/_jsx(MoveItemsToFolderDrawer, {
       action: "moveItemToFolder",
       drawerSlug: moveToFolderDrawerSlug,
+      folderAssignedCollections: currentFolder?.value.folderType,
       folderCollectionSlug: folderCollectionSlug,
       folderFieldName: folderFieldName,
       fromFolderID: currentFolder?.value.id,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","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","_jsxs","_Fragment","_jsx","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","label","labels","singular","action","drawerSlug","fromFolderID","value","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave"],"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 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"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","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","_jsxs","_Fragment","_jsx","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","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave"],"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"],"mappings":"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","ignoreList":[]}

package/dist/elements/FolderView/DragOverlaySelection/index.d.ts CHANGED Viewed

@@ -2,11 +2,10 @@ import type { Modifier } from '@dnd-kit/core';
 import type { FolderOrDocument } from 'payload/shared';
 import './index.scss';
 type DragCardsProps = {
-    readonly allItems: FolderOrDocument[];
-    readonly lastSelected?: number;
+    readonly item: FolderOrDocument;
     readonly selectedCount: number;
 };
-export declare function DragOverlaySelection({ allItems, lastSelected, selectedCount }: DragCardsProps): import("react").JSX.Element;
+export declare function DragOverlaySelection({ item, selectedCount }: DragCardsProps): import("react").JSX.Element;
 export declare const snapTopLeftToCursor: Modifier;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/DragOverlaySelection/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAMtD,OAAO,cAAc,CAAA;AAIrB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,~~QAAQ~~,EAAE,gBAAgB,~~EAAE,~~CAAA;~~IACrC~~,QAAQ,CAAC,~~YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,~~aAAa,EAAE,MAAM,CAAA;CAC/B,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,~~QAAQ~~,EAAE,~~YAAY,EAAE,~~aAAa,EAAE,EAAE,cAAc,+~~BAwC7F~~;AAED,eAAO,MAAM,mBAAmB,EAAE,QAmBjC,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAMtD,OAAO,cAAc,CAAA;AAIrB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,IAAI,EAAE,gBAAgB,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;CAC/B,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,cAAc,+BAmC3E;AAED,eAAO,MAAM,mBAAmB,EAAE,QAmBjC,CAAA"}

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

@@ -5,14 +5,9 @@ import { FolderFileCard } from '../FolderFileCard/index.js';
 import './index.scss';
 const baseClass = 'drag-overlay-selection';
 export function DragOverlaySelection({
-  allItems,
-  lastSelected,
+  item,
   selectedCount
 }) {
-  const visibleItem = allItems?.[lastSelected || 0];
-  if (!selectedCount || !visibleItem) {
-    return null;
-  }
   return /*#__PURE__*/_jsx(DragOverlay, {
     dropAnimation: null,
     modifiers: [snapTopLeftToCursor],
@@ -34,7 +29,7 @@ export function DragOverlaySelection({
           id: null,
           isSelected: true,
           itemKey: "overlay-card",
-          title: visibleItem.value._folderOrDocumentTitle,
+          title: item.value._folderOrDocumentTitle,
           type: "folder"
         })
       }, index)), selectedCount > 1 ? /*#__PURE__*/_jsx("span", {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","~~allItems~~","~~lastSelected","~~selectedCount","~~visibleItem","~~_jsx","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","_jsxs","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"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 ~~allItems~~: FolderOrDocument[]\n readonly ~~lastSelected?: number\n readonly~~ selectedCount: number\n}\nexport function DragOverlaySelection({ ~~allItems~~, ~~lastSelected,~~ selectedCount }: DragCardsProps) {\n ~~const visibleItem = allItems?.[lastSelected \|\| 0]\n if (!selectedCount \|\| !visibleItem) {\n~~ return ~~null\n }\n\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={~~visibleItem~~.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"],"mappings":";AAGA,SAASA,WAAW,QAAQ;AAC5B,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;~~AAOlB~~,OAAO,SAASC,qBAAqB;EAAEC,~~QAAQ~~;EAAEC~~,YAAY~~;~~EAAEC;~~AAAa,CAAkB;~~EAC5F~~,~~MAAMC,WAAA,GAAcH,QAAA,GAAWC,YAAA,IAAgB,EAAE;EACjD,IAAI,CAACC,aAAA,IAAiB,CAACC,WAAA,EAAa;IAClC,OAAO;EACT;EAEA,~~oBACEC,IAAA,~~CAACT~~,WAAA;~~IACCU~~,aAAA,EAAe;IACfC,SAAA,EAAW,CAACC,mBAAA,CAAoB;IAChCC,KAAA,EAAO;MACLC,MAAA,EAAQ;MACRC,QAAA,EAAU;IACZ;cAEA,aAAAC,KAAA,CAAC;MAAIC,SAAA,EAAW,~~GAAGd~~,SAAA,SAAkB;~~iBAClCe~~,KAAA,CAAMC,IAAI,CAAC;QAAEC,MAAA,~~EAAQb~~,aAAA,GAAgB,IAAI,IAAI;MAAE,~~GAAGc~~,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBACzDd,IAAA,CAAC;QACCQ,SAAA,EAAW,~~GAAGd~~,SAAA,QAAiB;QAE/BU,KAAA,EAAO;UACLW,KAAA,EAAO,GAAGD,KAAA,GAAQ,KAAK;UACvBE,GAAA,EAAK,IAAIF,KAAA,GAAQ;QACnB;kBAEA,aAAAd,IAAA,~~CAACP~~,cAAA;~~UACCwB~~,EAAA,EAAI;UACJC,UAAU;UACVC,OAAA,EAAQ;UACRC,KAAA,~~EAAOrB~~,~~WAAA~~,~~CAAYsB~~,KAAK,CAACC,sBAAsB;~~UAC/CC~~,IAAA,EAAK;;SAXFT,KAAA,~~IAeRhB~~,aAAA,GAAgB,~~iBACfE~~,IAAA,CAAC;QAAKQ,SAAA,EAAW,~~GAAGd~~,SAAA,cAAuB;~~kBAAGI~~;WAC5C;;;AAIZ;AAEA,OAAO,~~MAAMK~~,mBAAA,GAAgCA,CAAC;EAAEqB,cAAc;EAAEC,gBAAgB;EAAEC;AAAS,CAAE;EAC3F,IAAID,gBAAA,IAAoBD,cAAA,EAAgB;IACtC,MAAMG,oBAAA,~~GAAuBnC~~,mBAAA,~~CAAoBgC~~,cAAA;IAEjD,IAAI,CAACG,oBAAA,EAAsB;MACzB,OAAOD,SAAA;IACT;IAEA,MAAME,OAAA,GAAUD,oBAAA,CAAqBE,CAAC,GAAGJ,gBAAA,CAAiBK,IAAI;IAC9D,MAAMC,OAAA,GAAUJ,oBAAA,CAAqBK,CAAC,GAAGP,gBAAA,CAAiBT,GAAG;IAE7D,OAAO;MACL,GAAGU,SAAS;MACZG,CAAA,EAAGH,SAAA,CAAUG,CAAC,GAAGD,OAAA,GAAU;MAC3BI,CAAA,EAAGN,SAAA,CAAUM,CAAC,GAAGD,OAAA,GAAU;IAC7B;EACF;EAEA,OAAOL,SAAA;AACT","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","_jsx","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","_jsxs","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"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"],"mappings":";AAGA,SAASA,WAAW,QAAQ;AAC5B,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,qBAAqB;EAAEC,IAAI;EAAEC;AAAa,CAAkB;EAC1E,oBACEC,IAAA,CAACP,WAAA;IACCQ,aAAA,EAAe;IACfC,SAAA,EAAW,CAACC,mBAAA,CAAoB;IAChCC,KAAA,EAAO;MACLC,MAAA,EAAQ;MACRC,QAAA,EAAU;IACZ;cAEA,aAAAC,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGZ,SAAA,SAAkB;iBAClCa,KAAA,CAAMC,IAAI,CAAC;QAAEC,MAAA,EAAQZ,aAAA,GAAgB,IAAI,IAAI;MAAE,GAAGa,GAAG,CAAC,CAACC,CAAA,EAAGC,KAAA,kBACzDd,IAAA,CAAC;QACCQ,SAAA,EAAW,GAAGZ,SAAA,QAAiB;QAE/BQ,KAAA,EAAO;UACLW,KAAA,EAAO,GAAGD,KAAA,GAAQ,KAAK;UACvBE,GAAA,EAAK,IAAIF,KAAA,GAAQ;QACnB;kBAEA,aAAAd,IAAA,CAACL,cAAA;UACCsB,EAAA,EAAI;UACJC,UAAU;UACVC,OAAA,EAAQ;UACRC,KAAA,EAAOtB,IAAA,CAAKuB,KAAK,CAACC,sBAAsB;UACxCC,IAAA,EAAK;;SAXFT,KAAA,IAeRf,aAAA,GAAgB,iBACfC,IAAA,CAAC;QAAKQ,SAAA,EAAW,GAAGZ,SAAA,cAAuB;kBAAGG;WAC5C;;;AAIZ;AAEA,OAAO,MAAMI,mBAAA,GAAgCA,CAAC;EAAEqB,cAAc;EAAEC,gBAAgB;EAAEC;AAAS,CAAE;EAC3F,IAAID,gBAAA,IAAoBD,cAAA,EAAgB;IACtC,MAAMG,oBAAA,GAAuBjC,mBAAA,CAAoB8B,cAAA;IAEjD,IAAI,CAACG,oBAAA,EAAsB;MACzB,OAAOD,SAAA;IACT;IAEA,MAAME,OAAA,GAAUD,oBAAA,CAAqBE,CAAC,GAAGJ,gBAAA,CAAiBK,IAAI;IAC9D,MAAMC,OAAA,GAAUJ,oBAAA,CAAqBK,CAAC,GAAGP,gBAAA,CAAiBT,GAAG;IAE7D,OAAO;MACL,GAAGU,SAAS;MACZG,CAAA,EAAGH,SAAA,CAAUG,CAAC,GAAGD,OAAA,GAAU;MAC3BI,CAAA,EAAGN,SAAA,CAAUM,CAAC,GAAGD,OAAA,GAAU;IAC7B;EACF;EAEA,OAAOL,SAAA;AACT","ignoreList":[]}

package/dist/elements/FolderView/DraggableTableRow/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/DraggableTableRow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAGrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;CACtD,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,WAAW,EAAE,YAAY,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,KAAK,~~qBAiEP~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/DraggableTableRow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAGrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;CACtD,CAAA;AACD,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,WAAW,EAAE,YAAY,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,KAAK,qBAgEP"}

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

@@ -46,7 +46,6 @@ export function DraggableTableRow({
   return /*#__PURE__*/_jsxs(DraggableWithClick, {
     as: "tr",
     className: [baseClass, isSelected && `${baseClass}--selected`, isSelecting && `${baseClass}--selecting`, disabled && `${baseClass}--disabled`, isFocused && `${baseClass}--focused`, isOver && `${baseClass}--over`].filter(Boolean).join(' '),
-    id: itemKey,
     onClick: onClick,
     onKeyDown: onKeyDown,
     ref: ref,

package/dist/elements/FolderView/DraggableTableRow/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["useDroppable","React","DraggableWithClick","HiddenCell","TableCell","baseClass","DraggableTableRow","id","columns","disabled","dragData","isDroppable","_isDroppable","isFocused","isSelected","isSelecting","itemKey","onClick","onKeyDown","isOver","setNodeRef","data","ref","useRef","useEffect","copyOfRef","current","focus","blur","_jsxs","as","className","filter","Boolean","join","map","col","i","_jsx","length"],"sources":["../../../../src/elements/FolderView/DraggableTableRow/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { DraggableWithClick } from '../DraggableWithClick/index.js'\nimport { HiddenCell, TableCell } from '../SimpleTable/index.js'\nimport './index.scss'\n\nconst baseClass = 'draggable-table-row'\ntype Props = {\n readonly columns: React.ReactNode[]\n readonly disabled?: boolean\n readonly dragData?: Record<string, unknown>\n readonly id: number \| string\n readonly isDroppable?: boolean\n readonly isFocused?: boolean\n readonly isSelected?: boolean\n readonly isSelecting?: boolean\n readonly itemKey: string\n readonly onClick?: (e: React.MouseEvent) => void\n readonly onKeyDown?: (e: React.KeyboardEvent) => void\n}\nexport function DraggableTableRow({\n id,\n columns,\n disabled = false,\n dragData,\n isDroppable: _isDroppable,\n isFocused,\n isSelected,\n isSelecting,\n itemKey,\n onClick,\n onKeyDown,\n}: Props) {\n const isDroppable = !disabled && _isDroppable && !isSelected\n const { isOver, setNodeRef } = useDroppable({\n id,\n data: dragData,\n disabled: !isDroppable,\n })\n const ref = React.useRef(null)\n\n React.useEffect(() => {\n const copyOfRef = ref.current\n if (isFocused && ref.current) {\n ref.current.focus()\n } else if (!isFocused && ref.current) {\n ref.current.blur()\n }\n\n return () => {\n if (copyOfRef) {\n copyOfRef.blur()\n }\n }\n }, [isFocused])\n\n return (\n <DraggableWithClick\n as=\"tr\"\n className={[\n baseClass,\n isSelected && `${baseClass}--selected`,\n isSelecting && `${baseClass}--selecting`,\n disabled && `${baseClass}--disabled`,\n isFocused && `${baseClass}--focused`,\n isOver && `${baseClass}--over`,\n ]\n .filter(Boolean)\n .join(' ')}\n ~~id={itemKey}\n~~ key={itemKey}\n onClick={onClick}\n onKeyDown={onKeyDown}\n ref={ref}\n >\n {columns.map((col, i) => (\n <TableCell\n className={[\n `${baseClass}__cell-content`,\n i === 0 && `${baseClass}__first-td`,\n i === columns.length - 1 && `${baseClass}__last-td`,\n ]\n .filter(Boolean)\n .join(' ')}\n key={`${itemKey}-${i}`}\n >\n {col}\n </TableCell>\n ))}\n\n {isDroppable ? (\n <HiddenCell>\n <div className={`${baseClass}__drop-area`} ref={setNodeRef} />\n </HiddenCell>\n ) : null}\n </DraggableWithClick>\n )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,UAAU,EAAEC,SAAS,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAclB,OAAO,SAASC,kBAAkB;EAChCC,EAAE;EACFC,OAAO;EACPC,QAAA,GAAW,KAAK;EAChBC,QAAQ;EACRC,WAAA,EAAaC,YAAY;EACzBC,SAAS;EACTC,UAAU;EACVC,WAAW;EACXC,OAAO;EACPC,OAAO;EACPC;AAAS,CACH;EACN,MAAMP,WAAA,GAAc,CAACF,QAAA,IAAYG,YAAA,IAAgB,CAACE,UAAA;EAClD,MAAM;IAAEK,MAAM;IAAEC;EAAU,CAAE,GAAGpB,YAAA,CAAa;IAC1CO,EAAA;IACAc,IAAA,EAAMX,QAAA;IACND,QAAA,EAAU,CAACE;EACb;EACA,MAAMW,GAAA,GAAMrB,KAAA,CAAMsB,MAAM,CAAC;EAEzBtB,KAAA,CAAMuB,SAAS,CAAC;IACd,MAAMC,SAAA,GAAYH,GAAA,CAAII,OAAO;IAC7B,IAAIb,SAAA,IAAaS,GAAA,CAAII,OAAO,EAAE;MAC5BJ,GAAA,CAAII,OAAO,CAACC,KAAK;IACnB,OAAO,IAAI,CAACd,SAAA,IAAaS,GAAA,CAAII,OAAO,EAAE;MACpCJ,GAAA,CAAII,OAAO,CAACE,IAAI;IAClB;IAEA,OAAO;MACL,IAAIH,SAAA,EAAW;QACbA,SAAA,CAAUG,IAAI;MAChB;IACF;EACF,GAAG,CAACf,SAAA,CAAU;EAEd,oBACEgB,KAAA,CAAC3B,kBAAA;IACC4B,EAAA,EAAG;IACHC,SAAA,EAAW,CACT1B,SAAA,EACAS,UAAA,IAAc,GAAGT,SAAA,YAAqB,EACtCU,WAAA,IAAe,GAAGV,SAAA,aAAsB,EACxCI,QAAA,IAAY,GAAGJ,SAAA,YAAqB,EACpCQ,SAAA,IAAa,GAAGR,SAAA,WAAoB,EACpCc,MAAA,IAAU,GAAGd,SAAA,QAAiB,CAC/B,CACE2B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;~~IACR3B~~,~~EAAA,EAAIS,~~OAAA~~;IAEJC~~,~~OAAA,~~EAASA,OAAA;IACTC,SAAA,EAAWA,SAAA;IACXI,GAAA,EAAKA,GAAA;eAEJd,OAAA,CAAQ2B,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA,kBACjBC,IAAA,CAAClC,SAAA;MACC2B,SAAA,EAAW,CACT,GAAG1B,SAAA,gBAAyB,EAC5BgC,CAAA,KAAM,KAAK,GAAGhC,SAAA,YAAqB,EACnCgC,CAAA,KAAM7B,OAAA,CAAQ+B,MAAM,GAAG,KAAK,GAAGlC,SAAA,WAAoB,CACpD,CACE2B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;gBAGPE;OAFI,GAAGpB,OAAA,IAAWqB,CAAA,EAAG,IAMzB1B,WAAA,gBACC2B,IAAA,CAACnC,UAAA;gBACC,aAAAmC,IAAA,CAAC;QAAIP,SAAA,EAAW,GAAG1B,SAAA,aAAsB;QAAEiB,GAAA,EAAKF;;SAEhD;KAxBCJ,OAAA;AA2BX","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["useDroppable","React","DraggableWithClick","HiddenCell","TableCell","baseClass","DraggableTableRow","id","columns","disabled","dragData","isDroppable","_isDroppable","isFocused","isSelected","isSelecting","itemKey","onClick","onKeyDown","isOver","setNodeRef","data","ref","useRef","useEffect","copyOfRef","current","focus","blur","_jsxs","as","className","filter","Boolean","join","map","col","i","_jsx","length"],"sources":["../../../../src/elements/FolderView/DraggableTableRow/index.tsx"],"sourcesContent":["'use client'\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport { DraggableWithClick } from '../DraggableWithClick/index.js'\nimport { HiddenCell, TableCell } from '../SimpleTable/index.js'\nimport './index.scss'\n\nconst baseClass = 'draggable-table-row'\ntype Props = {\n readonly columns: React.ReactNode[]\n readonly disabled?: boolean\n readonly dragData?: Record<string, unknown>\n readonly id: number \| string\n readonly isDroppable?: boolean\n readonly isFocused?: boolean\n readonly isSelected?: boolean\n readonly isSelecting?: boolean\n readonly itemKey: string\n readonly onClick?: (e: React.MouseEvent) => void\n readonly onKeyDown?: (e: React.KeyboardEvent) => void\n}\nexport function DraggableTableRow({\n id,\n columns,\n disabled = false,\n dragData,\n isDroppable: _isDroppable,\n isFocused,\n isSelected,\n isSelecting,\n itemKey,\n onClick,\n onKeyDown,\n}: Props) {\n const isDroppable = !disabled && _isDroppable && !isSelected\n const { isOver, setNodeRef } = useDroppable({\n id,\n data: dragData,\n disabled: !isDroppable,\n })\n const ref = React.useRef(null)\n\n React.useEffect(() => {\n const copyOfRef = ref.current\n if (isFocused && ref.current) {\n ref.current.focus()\n } else if (!isFocused && ref.current) {\n ref.current.blur()\n }\n\n return () => {\n if (copyOfRef) {\n copyOfRef.blur()\n }\n }\n }, [isFocused])\n\n return (\n <DraggableWithClick\n as=\"tr\"\n className={[\n baseClass,\n isSelected && `${baseClass}--selected`,\n isSelecting && `${baseClass}--selecting`,\n disabled && `${baseClass}--disabled`,\n isFocused && `${baseClass}--focused`,\n isOver && `${baseClass}--over`,\n ]\n .filter(Boolean)\n .join(' ')}\n key={itemKey}\n onClick={onClick}\n onKeyDown={onKeyDown}\n ref={ref}\n >\n {columns.map((col, i) => (\n <TableCell\n className={[\n `${baseClass}__cell-content`,\n i === 0 && `${baseClass}__first-td`,\n i === columns.length - 1 && `${baseClass}__last-td`,\n ]\n .filter(Boolean)\n .join(' ')}\n key={`${itemKey}-${i}`}\n >\n {col}\n </TableCell>\n ))}\n\n {isDroppable ? (\n <HiddenCell>\n <div className={`${baseClass}__drop-area`} ref={setNodeRef} />\n </HiddenCell>\n ) : null}\n </DraggableWithClick>\n )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAElB,SAASC,kBAAkB,QAAQ;AACnC,SAASC,UAAU,EAAEC,SAAS,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAclB,OAAO,SAASC,kBAAkB;EAChCC,EAAE;EACFC,OAAO;EACPC,QAAA,GAAW,KAAK;EAChBC,QAAQ;EACRC,WAAA,EAAaC,YAAY;EACzBC,SAAS;EACTC,UAAU;EACVC,WAAW;EACXC,OAAO;EACPC,OAAO;EACPC;AAAS,CACH;EACN,MAAMP,WAAA,GAAc,CAACF,QAAA,IAAYG,YAAA,IAAgB,CAACE,UAAA;EAClD,MAAM;IAAEK,MAAM;IAAEC;EAAU,CAAE,GAAGpB,YAAA,CAAa;IAC1CO,EAAA;IACAc,IAAA,EAAMX,QAAA;IACND,QAAA,EAAU,CAACE;EACb;EACA,MAAMW,GAAA,GAAMrB,KAAA,CAAMsB,MAAM,CAAC;EAEzBtB,KAAA,CAAMuB,SAAS,CAAC;IACd,MAAMC,SAAA,GAAYH,GAAA,CAAII,OAAO;IAC7B,IAAIb,SAAA,IAAaS,GAAA,CAAII,OAAO,EAAE;MAC5BJ,GAAA,CAAII,OAAO,CAACC,KAAK;IACnB,OAAO,IAAI,CAACd,SAAA,IAAaS,GAAA,CAAII,OAAO,EAAE;MACpCJ,GAAA,CAAII,OAAO,CAACE,IAAI;IAClB;IAEA,OAAO;MACL,IAAIH,SAAA,EAAW;QACbA,SAAA,CAAUG,IAAI;MAChB;IACF;EACF,GAAG,CAACf,SAAA,CAAU;EAEd,oBACEgB,KAAA,CAAC3B,kBAAA;IACC4B,EAAA,EAAG;IACHC,SAAA,EAAW,CACT1B,SAAA,EACAS,UAAA,IAAc,GAAGT,SAAA,YAAqB,EACtCU,WAAA,IAAe,GAAGV,SAAA,aAAsB,EACxCI,QAAA,IAAY,GAAGJ,SAAA,YAAqB,EACpCQ,SAAA,IAAa,GAAGR,SAAA,WAAoB,EACpCc,MAAA,IAAU,GAAGd,SAAA,QAAiB,CAC/B,CACE2B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IAERjB,OAAA,EAASA,OAAA;IACTC,SAAA,EAAWA,SAAA;IACXI,GAAA,EAAKA,GAAA;eAEJd,OAAA,CAAQ2B,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA,kBACjBC,IAAA,CAAClC,SAAA;MACC2B,SAAA,EAAW,CACT,GAAG1B,SAAA,gBAAyB,EAC5BgC,CAAA,KAAM,KAAK,GAAGhC,SAAA,YAAqB,EACnCgC,CAAA,KAAM7B,OAAA,CAAQ+B,MAAM,GAAG,KAAK,GAAGlC,SAAA,WAAoB,CACpD,CACE2B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;gBAGPE;OAFI,GAAGpB,OAAA,IAAWqB,CAAA,EAAG,IAMzB1B,WAAA,gBACC2B,IAAA,CAACnC,UAAA;gBACC,aAAAmC,IAAA,CAAC;QAAIP,SAAA,EAAW,GAAG1B,SAAA,aAAsB;QAAEiB,GAAA,EAAKF;;SAEhD;KAxBCJ,OAAA;AA2BX","ignoreList":[]}

package/dist/elements/FolderView/DraggableWithClick/index.d.ts CHANGED Viewed

@@ -4,12 +4,12 @@ type Props = {
     readonly as?: React.ElementType;
     readonly children?: React.ReactNode;
     readonly className?: string;
-    readonly id: string;
+    readonly disabled?: boolean;
     readonly onClick: (e: React.MouseEvent) => void;
     readonly onKeyDown?: (e: React.KeyboardEvent) => void;
     readonly ref?: React.RefObject<HTMLDivElement>;
     readonly thresholdPixels?: number;
 };
-export declare const DraggableWithClick: ({ id, as, children, className, onClick, onKeyDown, ref, thresholdPixels, }: Props) => React.JSX.Element;
+export declare const DraggableWithClick: ({ as, children, className, disabled, onClick, onKeyDown, ref, thresholdPixels, }: Props) => React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/FolderView/DraggableWithClick/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/DraggableWithClick/index.tsx"],"names":[],"mappings":"AACA,OAAO,~~KAAiB~~,MAAM,OAAO,CAAA;~~AAErC~~,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,~~EAAE~~,EAAE,~~MAAM~~,CAAA;~~IACnB~~,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9C,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,kBAAkB~~,+EAS5B~~,KAAK,~~sBA+DP~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/FolderView/DraggableWithClick/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9C,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,kBAAkB,qFAS5B,KAAK,sBAqEP,CAAA"}

package/dist/elements/FolderView/DraggableWithClick/index.js CHANGED Viewed

@@ -1,24 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDraggable } from '@dnd-kit/core';
-import React, { useRef } from 'react';
+import React, { useId, useRef } from 'react';
 import './index.scss';
 const baseClass = 'draggable-with-click';
 export const DraggableWithClick = ({
-  id,
   as = 'div',
   children,
   className,
+  disabled = false,
   onClick,
   onKeyDown,
   ref,
   thresholdPixels = 3
 }) => {
+  const id = useId();
   const {
     attributes,
     listeners,
     setNodeRef
   } = useDraggable({
-    id
+    id,
+    disabled
   });
   const initialPos = useRef({
     x: 0,
@@ -66,10 +68,13 @@ export const DraggableWithClick = ({
     role: "button",
     tabIndex: 0,
     ...attributes,
-    className: `${baseClass} ${className || ''}`.trim(),
-    onKeyDown: onKeyDown,
-    onPointerDown: onClick ? handlePointerDown : undefined,
+    className: [baseClass, className, disabled ? `${baseClass}--disabled` : ''].filter(Boolean).join(' '),
+    onKeyDown: disabled ? undefined : onKeyDown,
+    onPointerDown: disabled ? undefined : onClick ? handlePointerDown : undefined,
     ref: node => {
+      if (disabled) {
+        return;
+      }
       setNodeRef(node);
       if (ref) {
         ref.current = node;

package/dist/elements/FolderView/DraggableWithClick/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["useDraggable","React","useRef","baseClass","DraggableWithClick","~~id","~~as","children","className","onClick","onKeyDown","ref","thresholdPixels","attributes","listeners","setNodeRef","initialPos","x","y","isDragging","handlePointerDown","e","current","clientX","clientY","handlePointerMove","moveEvent","deltaX","Math","abs","deltaY","onPointerDown","window","removeEventListener","cleanup","handlePointerUp","upEvent","addEventListener","Component","_jsx","role","tabIndex","~~trim~~","undefined","node"],"sources":["../../../../src/elements/FolderView/DraggableWithClick/index.tsx"],"sourcesContent":["import { useDraggable } from '@dnd-kit/core'\nimport React, { useRef } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'draggable-with-click'\n\ntype Props = {\n readonly as?: React.ElementType\n readonly children?: React.ReactNode\n readonly className?: string\n readonly ~~id:~~ ~~string~~\n readonly onClick: (e: React.MouseEvent) => void\n readonly onKeyDown?: (e: React.KeyboardEvent) => void\n readonly ref?: React.RefObject<HTMLDivElement>\n readonly thresholdPixels?: number\n}\n\nexport const DraggableWithClick = ({\n ~~id,\n~~ as = 'div',\n children,\n className,\n onClick,\n onKeyDown,\n ref,\n thresholdPixels = 3,\n}: Props) => {\n const { attributes, listeners, setNodeRef } = useDraggable({ id })\n const initialPos = useRef({ x: 0, y: 0 })\n const isDragging = useRef(false)\n\n const handlePointerDown = (e) => {\n initialPos.current = { x: e.clientX, y: e.clientY }\n isDragging.current = false\n\n const handlePointerMove = (moveEvent) => {\n const deltaX = Math.abs(moveEvent.clientX - initialPos.current.x)\n const deltaY = Math.abs(moveEvent.clientY - initialPos.current.y)\n if (deltaX > thresholdPixels \|\| deltaY > thresholdPixels) {\n isDragging.current = true\n if (listeners?.onPointerDown) {\n listeners.onPointerDown(e)\n // when the user starts dragging\n // - call the click handler\n // - remove the pointermove listener\n onClick(moveEvent)\n }\n window.removeEventListener('pointermove', handlePointerMove)\n }\n }\n\n const cleanup = () => {\n window.removeEventListener('pointermove', handlePointerMove)\n window.removeEventListener('pointerup', handlePointerUp)\n }\n\n const handlePointerUp = (upEvent) => {\n cleanup()\n if (!isDragging.current) {\n // if the user did not drag the element\n // - call the click handler\n onClick(upEvent)\n }\n }\n\n window.addEventListener('pointermove', handlePointerMove)\n window.addEventListener('pointerup', handlePointerUp)\n }\n\n const Component = as \|\| 'div'\n\n return (\n <Component\n role=\"button\"\n tabIndex={0}\n {...attributes}\n className={`${baseClass} ~~${className~~ \|\| ''~~}`.trim~~()}\n onKeyDown={onKeyDown}\n onPointerDown={onClick ? handlePointerDown : undefined}\n ref={(node) => {\n setNodeRef(node)\n if (ref) {\n ref.current = node\n }\n }}\n >\n {children}\n </Component>\n )\n}\n"],"mappings":";AAAA,SAASA,YAAY,QAAQ;AAC7B,OAAOC,KAAA,IAASC,MAAM,QAAQ;~~AAE9B~~,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,kBAAA,GAAqBA,CAAC;EACjCC,~~EAAE;EACFC,~~EAAA,GAAK,KAAK;EACVC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,SAAS;EACTC,GAAG;EACHC,eAAA,GAAkB;AAAC,CACb;EACN,MAAM;~~IAAEC~~,UAAU;IAAEC,SAAS;IAAEC;EAAU,CAAE,~~GAAGf~~,YAAA,CAAa;~~IAAEK~~;~~EAAG~~;~~EAChE~~,~~MAAMW~~,UAAA,~~GAAad~~,MAAA,CAAO;~~IAAEe~~,CAAA,EAAG;IAAGC,CAAA,EAAG;EAAE;EACvC,MAAMC,UAAA,~~GAAajB~~,MAAA,CAAO;EAE1B,~~MAAMkB~~,iBAAA,GAAqBC,CAAA;IACzBL,UAAA,CAAWM,OAAO,GAAG;MAAEL,CAAA,EAAGI,CAAA,CAAEE,OAAO;MAAEL,CAAA,EAAGG,CAAA,CAAEG;IAAQ;IAClDL,UAAA,CAAWG,OAAO,GAAG;IAErB,MAAMG,iBAAA,GAAqBC,SAAA;MACzB,MAAMC,MAAA,GAASC,IAAA,CAAKC,GAAG,CAACH,SAAA,CAAUH,OAAO,GAAGP,UAAA,CAAWM,OAAO,CAACL,CAAC;MAChE,MAAMa,MAAA,GAASF,IAAA,CAAKC,GAAG,CAACH,SAAA,CAAUF,OAAO,GAAGR,UAAA,CAAWM,OAAO,CAACJ,CAAC;MAChE,IAAIS,MAAA,~~GAASf~~,eAAA,~~IAAmBkB~~,MAAA,~~GAASlB~~,eAAA,EAAiB;~~QACxDO~~,UAAA,CAAWG,OAAO,GAAG;QACrB,IAAIR,SAAA,EAAWiB,aAAA,EAAe;UAC5BjB,SAAA,CAAUiB,aAAa,CAACV,CAAA;UACxB;UACA;UACA;~~UACAZ~~,OAAA,~~CAAQiB~~,SAAA;QACV;QACAM,MAAA,CAAOC,mBAAmB,CAAC,eAAeR,iBAAA;MAC5C;IACF;IAEA,MAAMS,OAAA,GAAUA,CAAA;MACdF,MAAA,CAAOC,mBAAmB,CAAC,eAAeR,iBAAA;MAC1CO,MAAA,CAAOC,mBAAmB,CAAC,aAAaE,eAAA;IAC1C;IAEA,MAAMA,eAAA,GAAmBC,OAAA;MACvBF,OAAA;MACA,IAAI,CAACf,UAAA,CAAWG,OAAO,EAAE;QACvB;QACA;~~QACAb~~,OAAA,~~CAAQ2B~~,OAAA;MACV;IACF;IAEAJ,MAAA,CAAOK,gBAAgB,CAAC,eAAeZ,iBAAA;IACvCO,MAAA,CAAOK,gBAAgB,CAAC,aAAaF,eAAA;EACvC;EAEA,MAAMG,SAAA,~~GAAYhC~~,EAAA,IAAM;EAExB,~~oBACEiC~~,IAAA,CAACD,SAAA;IACCE,IAAA,EAAK;IACLC,QAAA,EAAU;IACT,GAAG5B,UAAU;~~IACdL~~,SAAA,EAAW,~~GAAGL~~,SAAA,~~IAAaK~~,SAAA,~~IAAa~~,~~IAAI~~,~~CAACkC~~,IAAI;~~IACjDhC~~,SAAA,~~EAAWA~~,SAAA;~~IACXqB~~,aAAA,~~EAAetB~~,OAAA,~~GAAUW~~,iBAAA,~~GAAoBuB~~,SAAA;~~IAC7ChC~~,GAAA,~~EAAMiC~~,IAAA;~~MACJ7B~~,UAAA,~~CAAW6B~~,IAAA;MACX,~~IAAIjC~~,GAAA,EAAK;QACPA,GAAA,~~CAAIW~~,OAAO,~~GAAGsB~~,IAAA;MAChB;IACF;~~cAECrC~~;;AAGP","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["useDraggable","React","useId","useRef","baseClass","DraggableWithClick","as","children","className","disabled","onClick","onKeyDown","ref","thresholdPixels","id","attributes","listeners","setNodeRef","initialPos","x","y","isDragging","handlePointerDown","e","current","clientX","clientY","handlePointerMove","moveEvent","deltaX","Math","abs","deltaY","onPointerDown","window","removeEventListener","cleanup","handlePointerUp","upEvent","addEventListener","Component","_jsx","role","tabIndex","filter","Boolean","join","undefined","node"],"sources":["../../../../src/elements/FolderView/DraggableWithClick/index.tsx"],"sourcesContent":["import { useDraggable } from '@dnd-kit/core'\nimport React, { useId, useRef } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'draggable-with-click'\n\ntype Props = {\n readonly as?: React.ElementType\n readonly children?: React.ReactNode\n readonly className?: string\n readonly disabled?: boolean\n readonly onClick: (e: React.MouseEvent) => void\n readonly onKeyDown?: (e: React.KeyboardEvent) => void\n readonly ref?: React.RefObject<HTMLDivElement>\n readonly thresholdPixels?: number\n}\n\nexport const DraggableWithClick = ({\n as = 'div',\n children,\n className,\n disabled = false,\n onClick,\n onKeyDown,\n ref,\n thresholdPixels = 3,\n}: Props) => {\n const id = useId()\n const { attributes, listeners, setNodeRef } = useDraggable({ id, disabled })\n const initialPos = useRef({ x: 0, y: 0 })\n const isDragging = useRef(false)\n\n const handlePointerDown = (e) => {\n initialPos.current = { x: e.clientX, y: e.clientY }\n isDragging.current = false\n\n const handlePointerMove = (moveEvent) => {\n const deltaX = Math.abs(moveEvent.clientX - initialPos.current.x)\n const deltaY = Math.abs(moveEvent.clientY - initialPos.current.y)\n if (deltaX > thresholdPixels \|\| deltaY > thresholdPixels) {\n isDragging.current = true\n if (listeners?.onPointerDown) {\n listeners.onPointerDown(e)\n // when the user starts dragging\n // - call the click handler\n // - remove the pointermove listener\n onClick(moveEvent)\n }\n window.removeEventListener('pointermove', handlePointerMove)\n }\n }\n\n const cleanup = () => {\n window.removeEventListener('pointermove', handlePointerMove)\n window.removeEventListener('pointerup', handlePointerUp)\n }\n\n const handlePointerUp = (upEvent) => {\n cleanup()\n if (!isDragging.current) {\n // if the user did not drag the element\n // - call the click handler\n onClick(upEvent)\n }\n }\n\n window.addEventListener('pointermove', handlePointerMove)\n window.addEventListener('pointerup', handlePointerUp)\n }\n\n const Component = as \|\| 'div'\n\n return (\n <Component\n role=\"button\"\n tabIndex={0}\n {...attributes}\n className={[baseClass, className, disabled ? `${baseClass}--disabled` : '']\n .filter(Boolean)\n .join(' ')}\n onKeyDown={disabled ? undefined : onKeyDown}\n onPointerDown={disabled ? undefined : onClick ? handlePointerDown : undefined}\n ref={(node) => {\n if (disabled) {\n return\n }\n setNodeRef(node)\n if (ref) {\n ref.current = node\n }\n }}\n >\n {children}\n </Component>\n )\n}\n"],"mappings":";AAAA,SAASA,YAAY,QAAQ;AAC7B,OAAOC,KAAA,IAASC,KAAK,EAAEC,MAAM,QAAQ;AAErC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,kBAAA,GAAqBA,CAAC;EACjCC,EAAA,GAAK,KAAK;EACVC,QAAQ;EACRC,SAAS;EACTC,QAAA,GAAW,KAAK;EAChBC,OAAO;EACPC,SAAS;EACTC,GAAG;EACHC,eAAA,GAAkB;AAAC,CACb;EACN,MAAMC,EAAA,GAAKZ,KAAA;EACX,MAAM;IAAEa,UAAU;IAAEC,SAAS;IAAEC;EAAU,CAAE,GAAGjB,YAAA,CAAa;IAAEc,EAAA;IAAIL;EAAS;EAC1E,MAAMS,UAAA,GAAaf,MAAA,CAAO;IAAEgB,CAAA,EAAG;IAAGC,CAAA,EAAG;EAAE;EACvC,MAAMC,UAAA,GAAalB,MAAA,CAAO;EAE1B,MAAMmB,iBAAA,GAAqBC,CAAA;IACzBL,UAAA,CAAWM,OAAO,GAAG;MAAEL,CAAA,EAAGI,CAAA,CAAEE,OAAO;MAAEL,CAAA,EAAGG,CAAA,CAAEG;IAAQ;IAClDL,UAAA,CAAWG,OAAO,GAAG;IAErB,MAAMG,iBAAA,GAAqBC,SAAA;MACzB,MAAMC,MAAA,GAASC,IAAA,CAAKC,GAAG,CAACH,SAAA,CAAUH,OAAO,GAAGP,UAAA,CAAWM,OAAO,CAACL,CAAC;MAChE,MAAMa,MAAA,GAASF,IAAA,CAAKC,GAAG,CAACH,SAAA,CAAUF,OAAO,GAAGR,UAAA,CAAWM,OAAO,CAACJ,CAAC;MAChE,IAAIS,MAAA,GAAShB,eAAA,IAAmBmB,MAAA,GAASnB,eAAA,EAAiB;QACxDQ,UAAA,CAAWG,OAAO,GAAG;QACrB,IAAIR,SAAA,EAAWiB,aAAA,EAAe;UAC5BjB,SAAA,CAAUiB,aAAa,CAACV,CAAA;UACxB;UACA;UACA;UACAb,OAAA,CAAQkB,SAAA;QACV;QACAM,MAAA,CAAOC,mBAAmB,CAAC,eAAeR,iBAAA;MAC5C;IACF;IAEA,MAAMS,OAAA,GAAUA,CAAA;MACdF,MAAA,CAAOC,mBAAmB,CAAC,eAAeR,iBAAA;MAC1CO,MAAA,CAAOC,mBAAmB,CAAC,aAAaE,eAAA;IAC1C;IAEA,MAAMA,eAAA,GAAmBC,OAAA;MACvBF,OAAA;MACA,IAAI,CAACf,UAAA,CAAWG,OAAO,EAAE;QACvB;QACA;QACAd,OAAA,CAAQ4B,OAAA;MACV;IACF;IAEAJ,MAAA,CAAOK,gBAAgB,CAAC,eAAeZ,iBAAA;IACvCO,MAAA,CAAOK,gBAAgB,CAAC,aAAaF,eAAA;EACvC;EAEA,MAAMG,SAAA,GAAYlC,EAAA,IAAM;EAExB,oBACEmC,IAAA,CAACD,SAAA;IACCE,IAAA,EAAK;IACLC,QAAA,EAAU;IACT,GAAG5B,UAAU;IACdP,SAAA,EAAW,CAACJ,SAAA,EAAWI,SAAA,EAAWC,QAAA,GAAW,GAAGL,SAAA,YAAqB,GAAG,GAAG,CACxEwC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRnC,SAAA,EAAWF,QAAA,GAAWsC,SAAA,GAAYpC,SAAA;IAClCsB,aAAA,EAAexB,QAAA,GAAWsC,SAAA,GAAYrC,OAAA,GAAUY,iBAAA,GAAoByB,SAAA;IACpEnC,GAAA,EAAMoC,IAAA;MACJ,IAAIvC,QAAA,EAAU;QACZ;MACF;MACAQ,UAAA,CAAW+B,IAAA;MACX,IAAIpC,GAAA,EAAK;QACPA,GAAA,CAAIY,OAAO,GAAGwB,IAAA;MAChB;IACF;cAECzC;;AAGP","ignoreList":[]}

package/dist/elements/FolderView/DraggableWithClick/index.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 @layer payload-default {
-  .draggable-with-click {
+  .draggable-with-click:not(.draggable-with-click--disabled) {
     user-select: none;
   }
 }

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

@@ -1,3 +1,4 @@
+import type { CollectionSlug } from 'payload';
 import type { FolderOrDocument } from 'payload/shared';
 import React from 'react';
 import './index.scss';
@@ -9,6 +10,7 @@ type ActionProps = {
 };
 export type MoveToFolderDrawerProps = {
     readonly drawerSlug: string;
+    readonly folderAssignedCollections: CollectionSlug[];
     readonly folderCollectionSlug: string;
     readonly folderFieldName: string;
     readonly fromFolderID?: number | string;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"names":[],"mappings":"~~AAGA~~,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKxE,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,OAAO,cAAc,CAAA;AAMrB,KAAK,WAAW,GACZ;IACE,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAA;CACrC,GACD;IACE,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAA;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACL,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IACxC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;QACzB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;KACpB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,0BAA0B,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChG;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CACpC,GAAG,WAAW,CAAA;AAEf,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,qBAMrE"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/FolderView/Drawers/MoveToFolder/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKxE,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,OAAO,cAAc,CAAA;AAMrB,KAAK,WAAW,GACZ;IACE,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAA;CACrC,GACD;IACE,QAAQ,CAAC,MAAM,EAAE,kBAAkB,CAAA;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACL,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,yBAAyB,EAAE,cAAc,EAAE,CAAA;IACpD,QAAQ,CAAC,oBAAoB,EAAE,MAAM,CAAA;IACrC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IACxC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;QACzB,EAAE,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;KACpB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,0BAA0B,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChG;;;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 CHANGED Viewed

@@ -54,11 +54,13 @@ function LoadFolderData(props) {
   const populateMoveToFolderDrawer = React.useCallback(async folderIDToPopulate => {
     try {
       const result = await getFolderResultsComponentAndData({
-        activeCollectionSlugs: [props.folderCollectionSlug],
         browseByFolder: false,
+        collectionsToDisplay: [props.folderCollectionSlug],
         displayAs: 'grid',
+        // todo: should be able to pass undefined, empty array or null and get all folders. Need to look at API for this in the server function
+        folderAssignedCollections: props.folderAssignedCollections,
         folderID: folderIDToPopulate,
-        sort: '_folderOrDocumentTitle'
+        sort: 'name'
       });
       setBreadcrumbs(result.breadcrumbs || []);
       setSubfolders(result?.subfolders || []);
@@ -72,7 +74,7 @@ function LoadFolderData(props) {
       setDocuments([]);
     }
     hasLoadedRef.current = true;
-  }, [getFolderResultsComponentAndData, props.folderCollectionSlug]);
+  }, [getFolderResultsComponentAndData, props.folderAssignedCollections, props.folderCollectionSlug]);
   React.useEffect(() => {
     if (!hasLoadedRef.current) {
       void populateMoveToFolderDrawer(props.fromFolderID);
@@ -101,7 +103,7 @@ function LoadFolderData(props) {
   }, folderID);
 }
 function Content(t0) {
-  const $ = _c(76);
+  const $ = _c(79);
   let drawerSlug;
   let fromFolderID;
   let fromFolderName;
@@ -169,6 +171,7 @@ function Content(t0) {
     folderFieldName,
     folderID,
     FolderResultsComponent,
+    folderType,
     getSelectedItems,
     subfolders
   } = useFolder();
@@ -295,20 +298,20 @@ function Content(t0) {
     t10 = $[36];
   }
   let t11;
-  if ($[37] !== FolderDocumentDrawer || $[38] !== FolderResultsComponent || $[39] !== breadcrumbs || $[40] !== closeFolderDrawer || $[41] !== count || $[42] !== folderCollectionConfig || $[43] !== folderCollectionSlug || $[44] !== folderFieldName || $[45] !== folderID || $[46] !== fromFolderID || $[47] !== fromFolderName || $[48] !== getSelectedFolder || $[49] !== i18n || $[50] !== onConfirmMove || $[51] !== onCreateSuccess || $[52] !== openFolderDrawer || $[53] !== populateMoveToFolderDrawer || $[54] !== props.action || $[55] !== props.title || $[56] !== skipConfirmModal || $[57] !== subfolders.length || $[58] !== t || $[59] !== t10 || $[60] !== t9) {
+  if ($[37] !== FolderDocumentDrawer || $[38] !== FolderResultsComponent || $[39] !== breadcrumbs || $[40] !== closeFolderDrawer || $[41] !== count || $[42] !== folderCollectionConfig || $[43] !== folderCollectionSlug || $[44] !== folderFieldName || $[45] !== folderID || $[46] !== folderType || $[47] !== fromFolderID || $[48] !== fromFolderName || $[49] !== getSelectedFolder || $[50] !== i18n || $[51] !== onConfirmMove || $[52] !== onCreateSuccess || $[53] !== openFolderDrawer || $[54] !== populateMoveToFolderDrawer || $[55] !== props.action || $[56] !== props.folderAssignedCollections || $[57] !== props.title || $[58] !== skipConfirmModal || $[59] !== subfolders.length || $[60] !== t || $[61] !== t10 || $[62] !== t9) {
     let t12;
-    if ($[62] !== breadcrumbs.length || $[63] !== populateMoveToFolderDrawer) {
+    if ($[64] !== breadcrumbs.length || $[65] !== populateMoveToFolderDrawer) {
       t12 = breadcrumbs.length ? () => {
         populateMoveToFolderDrawer(null);
       } : undefined;
-      $[62] = breadcrumbs.length;
-      $[63] = populateMoveToFolderDrawer;
-      $[64] = t12;
+      $[64] = breadcrumbs.length;
+      $[65] = populateMoveToFolderDrawer;
+      $[66] = t12;
     } else {
-      t12 = $[64];
+      t12 = $[66];
     }
     let t13;
-    if ($[65] !== breadcrumbs.length || $[66] !== populateMoveToFolderDrawer) {
+    if ($[67] !== breadcrumbs.length || $[68] !== populateMoveToFolderDrawer) {
       t13 = (crumb, index) => ({
         id: crumb.id,
         name: crumb.name,
@@ -316,18 +319,19 @@ function Content(t0) {
           populateMoveToFolderDrawer(crumb.id);
         } : undefined
       });
-      $[65] = breadcrumbs.length;
-      $[66] = populateMoveToFolderDrawer;
-      $[67] = t13;
+      $[67] = breadcrumbs.length;
+      $[68] = populateMoveToFolderDrawer;
+      $[69] = t13;
     } else {
-      t13 = $[67];
+      t13 = $[69];
     }
     let t14;
-    if ($[68] !== FolderResultsComponent || $[69] !== folderCollectionConfig || $[70] !== folderCollectionSlug || $[71] !== i18n || $[72] !== onCreateSuccess || $[73] !== subfolders.length || $[74] !== t) {
+    if ($[70] !== FolderResultsComponent || $[71] !== folderCollectionConfig || $[72] !== folderCollectionSlug || $[73] !== i18n || $[74] !== onCreateSuccess || $[75] !== props.folderAssignedCollections || $[76] !== subfolders.length || $[77] !== t) {
       t14 = subfolders.length > 0 ? FolderResultsComponent : _jsx(NoListResults, {
         Actions: [_jsx(ListCreateNewDocInFolderButton, {
           buttonLabel: `${t("general:create")} ${getTranslation(folderCollectionConfig.labels?.singular, i18n).toLowerCase()}`,
           collectionSlugs: [folderCollectionSlug],
+          folderAssignedCollections: props.folderAssignedCollections,
           onCreateSuccess,
           slugPrefix: "create-new-folder-from-drawer--no-results"
         }, "create-folder")],
@@ -337,18 +341,20 @@ function Content(t0) {
           })
         })
       });
-      $[68] = FolderResultsComponent;
-      $[69] = folderCollectionConfig;
-      $[70] = folderCollectionSlug;
-      $[71] = i18n;
-      $[72] = onCreateSuccess;
-      $[73] = subfolders.length;
-      $[74] = t;
-      $[75] = t14;
+      $[70] = FolderResultsComponent;
+      $[71] = folderCollectionConfig;
+      $[72] = folderCollectionSlug;
+      $[73] = i18n;
+      $[74] = onCreateSuccess;
+      $[75] = props.folderAssignedCollections;
+      $[76] = subfolders.length;
+      $[77] = t;
+      $[78] = t14;
     } else {
-      t14 = $[75];
+      t14 = $[78];
     }
-    t11 = _jsxs(_Fragment, {
+    t11 = _jsxs("div", {
+      className: baseClass,
       children: [_jsx(DrawerActionHeader, {
         onCancel: t9,
         onSave: t10,
@@ -383,7 +389,8 @@ function Content(t0) {
             })
           }), _jsx(FolderDocumentDrawer, {
             initialData: {
-              [folderFieldName]: folderID
+              [folderFieldName]: folderID,
+              folderType
             },
             onSave: result => {
               onCreateSuccess({
@@ -422,24 +429,26 @@ function Content(t0) {
     $[43] = folderCollectionSlug;
     $[44] = folderFieldName;
     $[45] = folderID;
-    $[46] = fromFolderID;
-    $[47] = fromFolderName;
-    $[48] = getSelectedFolder;
-    $[49] = i18n;
-    $[50] = onConfirmMove;
-    $[51] = onCreateSuccess;
-    $[52] = openFolderDrawer;
-    $[53] = populateMoveToFolderDrawer;
-    $[54] = props.action;
-    $[55] = props.title;
-    $[56] = skipConfirmModal;
-    $[57] = subfolders.length;
-    $[58] = t;
-    $[59] = t10;
-    $[60] = t9;
-    $[61] = t11;
+    $[46] = folderType;
+    $[47] = fromFolderID;
+    $[48] = fromFolderName;
+    $[49] = getSelectedFolder;
+    $[50] = i18n;
+    $[51] = onConfirmMove;
+    $[52] = onCreateSuccess;
+    $[53] = openFolderDrawer;
+    $[54] = populateMoveToFolderDrawer;
+    $[55] = props.action;
+    $[56] = props.folderAssignedCollections;
+    $[57] = props.title;
+    $[58] = skipConfirmModal;
+    $[59] = subfolders.length;
+    $[60] = t;
+    $[61] = t10;
+    $[62] = t9;
+    $[63] = t11;
   } else {
-    t11 = $[61];
+    t11 = $[63];
   }
   return t11;
 }