@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -52,40 +52,64 @@ export function CurrentFolderActions({ className }) {
     if (!folderID) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ _jsxDEV(_Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(Popup, {
-                button: /*#__PURE__*/ _jsx(Dots, {}),
+            /*#__PURE__*/ _jsxDEV(Popup, {
+                button: /*#__PURE__*/ _jsxDEV(Dots, {}, void 0, false, {
+                    fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                    lineNumber: 77,
+                    columnNumber: 17
+                }, void 0),
                 className: [
                     baseClass,
                     className
                 ].filter(Boolean).join(' '),
-                render: ()=>/*#__PURE__*/ _jsxs(PopupList.ButtonGroup, {
+                render: ()=>/*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
                         children: [
-                            /*#__PURE__*/ _jsx(PopupList.Button, {
+                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                                 onClick: ()=>{
                                     openFolderDrawer();
                                 },
                                 children: t('general:editLabel', {
                                     label: getTranslation(folderCollectionConfig.labels.singular, i18n)
                                 })
-                            }),
-                            /*#__PURE__*/ _jsx(PopupList.Button, {
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                                lineNumber: 81,
+                                columnNumber: 13
+                            }, void 0),
+                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                                 onClick: ()=>{
                                     openModal(moveToFolderDrawerSlug);
                                 },
                                 children: t('folder:moveFolder')
-                            }),
-                            /*#__PURE__*/ _jsx(PopupList.Button, {
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                                lineNumber: 90,
+                                columnNumber: 13
+                            }, void 0),
+                            /*#__PURE__*/ _jsxDEV(PopupList.Button, {
                                 onClick: ()=>{
                                     openModal(confirmDeleteDrawerSlug);
                                 },
                                 children: t('folder:deleteFolder')
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                                lineNumber: 97,
+                                columnNumber: 13
+                            }, void 0)
                         ]
-                    })
-            }),
-            /*#__PURE__*/ _jsx(MoveItemsToFolderDrawer, {
+                    }, void 0, true, {
+                        fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                        lineNumber: 80,
+                        columnNumber: 11
+                    }, void 0)
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                lineNumber: 76,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(MoveItemsToFolderDrawer, {
                 action: "moveItemToFolder",
                 drawerSlug: moveToFolderDrawerSlug,
                 folderAssignedCollections: currentFolder?.value.folderType,
@@ -118,13 +142,21 @@ export function CurrentFolderActions({ className }) {
                     closeModal(moveToFolderDrawerSlug);
                 },
                 title: currentFolder.value._folderOrDocumentTitle
-            }),
-            /*#__PURE__*/ _jsx(ConfirmationModal, {
-                body: /*#__PURE__*/ _jsx(Translation, {
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                lineNumber: 107,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(ConfirmationModal, {
+                body: /*#__PURE__*/ _jsxDEV(Translation, {
                     elements: {
-                        '1': ({ children })=>/*#__PURE__*/ _jsx("strong", {
+                        '1': ({ children })=>/*#__PURE__*/ _jsxDEV("strong", {
                                 children: children
-                            })
+                            }, void 0, false, {
+                                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                                lineNumber: 146,
+                                columnNumber: 38
+                            }, void 0)
                     },
                     i18nKey: "general:aboutToDelete",
                     t: t,
@@ -132,20 +164,32 @@ export function CurrentFolderActions({ className }) {
                         label: getTranslation(folderCollectionConfig.labels.singular, i18n),
                         title: currentFolder.value._folderOrDocumentTitle
                     }
-                }),
+                }, void 0, false, {
+                    fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                    lineNumber: 144,
+                    columnNumber: 11
+                }, void 0),
                 confirmingLabel: t('general:deleting'),
                 heading: t('general:confirmDeletion'),
                 modalSlug: confirmDeleteDrawerSlug,
                 onConfirm: deleteCurrentFolder
-            }),
-            /*#__PURE__*/ _jsx(FolderDocumentDrawer, {
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                lineNumber: 142,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(FolderDocumentDrawer, {
                 onSave: ()=>{
                     closeFolderDrawer();
                     clearRouteCache();
                 }
-            })
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/CurrentFolderActions/index.tsx",
+                lineNumber: 162,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { Dots } from '../../../icons/Dots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst moveToFolderDrawerSlug = 'move-to-folder--current-folder'\nconst confirmDeleteDrawerSlug = 'confirm-many-delete'\n\nconst baseClass = 'current-folder-actions'\n\ntype Props = {\n  className?: string\n}\nexport function CurrentFolderActions({ className }: Props) {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    getFolderRoute,\n    moveToFolder,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      id: folderID,\n      collectionSlug: folderCollectionSlug,\n    })\n  const { clearRouteCache } = useRouteCache()\n  const { config } = useConfig()\n  const { routes, serverURL } = config\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n\n  const deleteCurrentFolder = React.useCallback(async () => {\n    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}?depth=0`, {\n      credentials: 'include',\n      method: 'DELETE',\n    })\n    startRouteTransition(() => {\n      router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null))\n    })\n  }, [\n    breadcrumbs,\n    folderCollectionSlug,\n    folderID,\n    getFolderRoute,\n    router,\n    serverURL,\n    routes.api,\n    startRouteTransition,\n  ])\n\n  if (!folderID) {\n    return null\n  }\n\n  return (\n    <>\n      <Popup\n        button={<Dots />}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        render={() => (\n          <PopupList.ButtonGroup>\n            <PopupList.Button\n              onClick={() => {\n                openFolderDrawer()\n              }}\n            >\n              {t('general:editLabel', {\n                label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              })}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(moveToFolderDrawerSlug)\n              }}\n            >\n              {t('folder:moveFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(confirmDeleteDrawerSlug)\n              }}\n            >\n              {t('folder:deleteFolder')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n      />\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={moveToFolderDrawerSlug}\n        folderAssignedCollections={currentFolder?.value.folderType}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={currentFolder?.value.id}\n        fromFolderName={currentFolder?.value._folderOrDocumentTitle}\n        itemsToMove={[currentFolder]}\n        onConfirm={async ({ id, name }) => {\n          await moveToFolder({\n            itemsToMove: [currentFolder],\n            toFolderID: id,\n          })\n          if (id) {\n            // moved to folder\n            toast.success(\n              t('folder:itemHasBeenMoved', {\n                folderName: `\"${name}\"`,\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          } else {\n            // moved to root\n            toast.success(\n              t('folder:itemHasBeenMovedToRoot', {\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          }\n          closeModal(moveToFolderDrawerSlug)\n        }}\n        title={currentFolder.value._folderOrDocumentTitle}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              title: currentFolder.value._folderOrDocumentTitle,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeleteDrawerSlug}\n        onConfirm={deleteCurrentFolder}\n      />\n\n      <FolderDocumentDrawer\n        onSave={() => {\n          closeFolderDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","React","toast","Dots","useConfig","useFolder","useRouteCache","useRouteTransition","useTranslation","ConfirmationModal","useDocumentDrawer","Popup","PopupList","Translation","MoveItemsToFolderDrawer","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","router","startRouteTransition","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","getFolderRoute","moveToFolder","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","id","collectionSlug","clearRouteCache","config","routes","serverURL","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","api","credentials","method","push","length","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","label","labels","singular","action","drawerSlug","folderAssignedCollections","value","folderType","fromFolderID","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/FolderView/CurrentFolderActions/index.tsx"],"sourcesContent":["import { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { Dots } from '../../../icons/Dots/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useFolder } from '../../../providers/Folders/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js'\n\nconst moveToFolderDrawerSlug = 'move-to-folder--current-folder'\nconst confirmDeleteDrawerSlug = 'confirm-many-delete'\n\nconst baseClass = 'current-folder-actions'\n\ntype Props = {\n  className?: string\n}\nexport function CurrentFolderActions({ className }: Props) {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const {\n    breadcrumbs,\n    currentFolder,\n    folderCollectionConfig,\n    folderCollectionSlug,\n    folderFieldName,\n    folderID,\n    getFolderRoute,\n    moveToFolder,\n  } = useFolder()\n  const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] =\n    useDocumentDrawer({\n      id: folderID,\n      collectionSlug: folderCollectionSlug,\n    })\n  const { clearRouteCache } = useRouteCache()\n  const { config } = useConfig()\n  const { routes, serverURL } = config\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n\n  const deleteCurrentFolder = React.useCallback(async () => {\n    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}?depth=0`, {\n      credentials: 'include',\n      method: 'DELETE',\n    })\n    startRouteTransition(() => {\n      router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null))\n    })\n  }, [\n    breadcrumbs,\n    folderCollectionSlug,\n    folderID,\n    getFolderRoute,\n    router,\n    serverURL,\n    routes.api,\n    startRouteTransition,\n  ])\n\n  if (!folderID) {\n    return null\n  }\n\n  return (\n    <>\n      <Popup\n        button={<Dots />}\n        className={[baseClass, className].filter(Boolean).join(' ')}\n        render={() => (\n          <PopupList.ButtonGroup>\n            <PopupList.Button\n              onClick={() => {\n                openFolderDrawer()\n              }}\n            >\n              {t('general:editLabel', {\n                label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              })}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(moveToFolderDrawerSlug)\n              }}\n            >\n              {t('folder:moveFolder')}\n            </PopupList.Button>\n            <PopupList.Button\n              onClick={() => {\n                openModal(confirmDeleteDrawerSlug)\n              }}\n            >\n              {t('folder:deleteFolder')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n      />\n      <MoveItemsToFolderDrawer\n        action=\"moveItemToFolder\"\n        drawerSlug={moveToFolderDrawerSlug}\n        folderAssignedCollections={currentFolder?.value.folderType}\n        folderCollectionSlug={folderCollectionSlug}\n        folderFieldName={folderFieldName}\n        fromFolderID={currentFolder?.value.id}\n        fromFolderName={currentFolder?.value._folderOrDocumentTitle}\n        itemsToMove={[currentFolder]}\n        onConfirm={async ({ id, name }) => {\n          await moveToFolder({\n            itemsToMove: [currentFolder],\n            toFolderID: id,\n          })\n          if (id) {\n            // moved to folder\n            toast.success(\n              t('folder:itemHasBeenMoved', {\n                folderName: `\"${name}\"`,\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          } else {\n            // moved to root\n            toast.success(\n              t('folder:itemHasBeenMovedToRoot', {\n                title: currentFolder.value._folderOrDocumentTitle,\n              }),\n            )\n          }\n          closeModal(moveToFolderDrawerSlug)\n        }}\n        title={currentFolder.value._folderOrDocumentTitle}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              '1': ({ children }) => <strong>{children}</strong>,\n            }}\n            i18nKey=\"general:aboutToDelete\"\n            t={t}\n            variables={{\n              label: getTranslation(folderCollectionConfig.labels.singular, i18n),\n              title: currentFolder.value._folderOrDocumentTitle,\n            }}\n          />\n        }\n        confirmingLabel={t('general:deleting')}\n        heading={t('general:confirmDeletion')}\n        modalSlug={confirmDeleteDrawerSlug}\n        onConfirm={deleteCurrentFolder}\n      />\n\n      <FolderDocumentDrawer\n        onSave={() => {\n          closeFolderDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useModal","getTranslation","useRouter","React","toast","Dots","useConfig","useFolder","useRouteCache","useRouteTransition","useTranslation","ConfirmationModal","useDocumentDrawer","Popup","PopupList","Translation","MoveItemsToFolderDrawer","moveToFolderDrawerSlug","confirmDeleteDrawerSlug","baseClass","CurrentFolderActions","className","router","startRouteTransition","breadcrumbs","currentFolder","folderCollectionConfig","folderCollectionSlug","folderFieldName","folderID","getFolderRoute","moveToFolder","FolderDocumentDrawer","closeDrawer","closeFolderDrawer","openDrawer","openFolderDrawer","id","collectionSlug","clearRouteCache","config","routes","serverURL","closeModal","openModal","i18n","t","deleteCurrentFolder","useCallback","fetch","api","credentials","method","push","length","button","filter","Boolean","join","render","ButtonGroup","Button","onClick","label","labels","singular","action","drawerSlug","folderAssignedCollections","value","folderType","fromFolderID","fromFolderName","_folderOrDocumentTitle","itemsToMove","onConfirm","name","toFolderID","success","folderName","title","body","elements","children","strong","i18nKey","variables","confirmingLabel","heading","modalSlug","onSave"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly item: FolderOrDocument\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ item, selectedCount }: DragCardsProps) {\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={item.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","div","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","span","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"mappings":";AAGA,SAASA,WAAW,QAAQ,gBAAe;AAC3C,SAASC,mBAAmB,QAAQ,qBAAoB;AAExD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,aAAa,EAAkB;IAC1E,qBACE,KAACN;QACCO,eAAe;QACfC,WAAW;YAACC;SAAoB;QAChCC,OAAO;YACLC,QAAQ;YACRC,UAAU;QACZ;kBAEA,cAAA,MAACC;YAAIC,WAAW,GAAGX,UAAU,OAAO,CAAC;;gBAClCY,MAAMC,IAAI,CAAC;oBAAEC,QAAQX,gBAAgB,IAAI,IAAI;gBAAE,GAAGY,GAAG,CAAC,CAACC,GAAGC,sBACzD,KAACP;wBACCC,WAAW,GAAGX,UAAU,MAAM,CAAC;wBAE/BO,OAAO;4BACLW,OAAO,GAAGD,QAAQ,EAAE,EAAE,CAAC;4BACvBE,KAAK,CAAC,CAAC,EAAEF,QAAQ,EAAE,EAAE,CAAC;wBACxB;kCAEA,cAAA,KAAClB;4BACCqB,IAAI;4BACJC,UAAU;4BACVC,SAAQ;4BACRC,OAAOrB,KAAKsB,KAAK,CAACC,sBAAsB;4BACxCC,MAAK;;uBAXFT;gBAeRd,gBAAgB,kBACf,KAACwB;oBAAKhB,WAAW,GAAGX,UAAU,YAAY,CAAC;8BAAGG;qBAC5C;;;;AAIZ;AAEA,OAAO,MAAMG,sBAAgC,CAAC,EAAEsB,cAAc,EAAEC,gBAAgB,EAAEC,SAAS,EAAE;IAC3F,IAAID,oBAAoBD,gBAAgB;QACtC,MAAMG,uBAAuBjC,oBAAoB8B;QAEjD,IAAI,CAACG,sBAAsB;YACzB,OAAOD;QACT;QAEA,MAAME,UAAUD,qBAAqBE,CAAC,GAAGJ,iBAAiBK,IAAI;QAC9D,MAAMC,UAAUJ,qBAAqBK,CAAC,GAAGP,iBAAiBV,GAAG;QAE7D,OAAO;YACL,GAAGW,SAAS;YACZG,GAAGH,UAAUG,CAAC,GAAGD,UAAU;YAC3BI,GAAGN,UAAUM,CAAC,GAAGD,UAAU;QAC7B;IACF;IAEA,OAAOL;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/FolderView/DragOverlaySelection/index.tsx"],"sourcesContent":["import type { Modifier } from '@dnd-kit/core'\nimport type { FolderOrDocument } from 'payload/shared'\n\nimport { DragOverlay } from '@dnd-kit/core'\nimport { getEventCoordinates } from '@dnd-kit/utilities'\n\nimport { FolderFileCard } from '../FolderFileCard/index.js'\nimport './index.scss'\n\nconst baseClass = 'drag-overlay-selection'\n\ntype DragCardsProps = {\n  readonly item: FolderOrDocument\n  readonly selectedCount: number\n}\nexport function DragOverlaySelection({ item, selectedCount }: DragCardsProps) {\n  return (\n    <DragOverlay\n      dropAnimation={null}\n      modifiers={[snapTopLeftToCursor]}\n      style={{\n        height: 'unset',\n        maxWidth: '220px',\n      }}\n    >\n      <div className={`${baseClass}__cards`}>\n        {Array.from({ length: selectedCount > 1 ? 2 : 1 }).map((_, index) => (\n          <div\n            className={`${baseClass}__card`}\n            key={index}\n            style={{\n              right: `${index * 3}px`,\n              top: `-${index * 3}px`,\n            }}\n          >\n            <FolderFileCard\n              id={null}\n              isSelected\n              itemKey=\"overlay-card\"\n              title={item.value._folderOrDocumentTitle}\n              type=\"folder\"\n            />\n          </div>\n        ))}\n        {selectedCount > 1 ? (\n          <span className={`${baseClass}__card-count`}>{selectedCount}</span>\n        ) : null}\n      </div>\n    </DragOverlay>\n  )\n}\n\nexport const snapTopLeftToCursor: Modifier = ({ activatorEvent, draggingNodeRect, transform }) => {\n  if (draggingNodeRect && activatorEvent) {\n    const activatorCoordinates = getEventCoordinates(activatorEvent)\n\n    if (!activatorCoordinates) {\n      return transform\n    }\n\n    const offsetX = activatorCoordinates.x - draggingNodeRect.left\n    const offsetY = activatorCoordinates.y - draggingNodeRect.top\n\n    return {\n      ...transform,\n      x: transform.x + offsetX + 5,\n      y: transform.y + offsetY + 5,\n    }\n  }\n\n  return transform\n}\n"],"names":["DragOverlay","getEventCoordinates","FolderFileCard","baseClass","DragOverlaySelection","item","selectedCount","dropAnimation","modifiers","snapTopLeftToCursor","style","height","maxWidth","div","className","Array","from","length","map","_","index","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","span","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"mappings":";AAGA,SAASA,WAAW,QAAQ,gBAAe;AAC3C,SAASC,mBAAmB,QAAQ,qBAAoB;AAExD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,aAAa,EAAkB;IAC1E,qBACE,QAACN;QACCO,eAAe;QACfC,WAAW;YAACC;SAAoB;QAChCC,OAAO;YACLC,QAAQ;YACRC,UAAU;QACZ;kBAEA,cAAA,QAACC;YAAIC,WAAW,GAAGX,UAAU,OAAO,CAAC;;gBAClCY,MAAMC,IAAI,CAAC;oBAAEC,QAAQX,gBAAgB,IAAI,IAAI;gBAAE,GAAGY,GAAG,CAAC,CAACC,GAAGC,sBACzD,QAACP;wBACCC,WAAW,GAAGX,UAAU,MAAM,CAAC;wBAE/BO,OAAO;4BACLW,OAAO,GAAGD,QAAQ,EAAE,EAAE,CAAC;4BACvBE,KAAK,CAAC,CAAC,EAAEF,QAAQ,EAAE,EAAE,CAAC;wBACxB;kCAEA,cAAA,QAAClB;4BACCqB,IAAI;4BACJC,UAAU;4BACVC,SAAQ;4BACRC,OAAOrB,KAAKsB,KAAK,CAACC,sBAAsB;4BACxCC,MAAK;;;;;;uBAXFT;;;;;gBAeRd,gBAAgB,kBACf,QAACwB;oBAAKhB,WAAW,GAAGX,UAAU,YAAY,CAAC;8BAAGG;;;;;2BAC5C;;;;;;;;;;;;AAIZ;AAEA,OAAO,MAAMG,sBAAgC,CAAC,EAAEsB,cAAc,EAAEC,gBAAgB,EAAEC,SAAS,EAAE;IAC3F,IAAID,oBAAoBD,gBAAgB;QACtC,MAAMG,uBAAuBjC,oBAAoB8B;QAEjD,IAAI,CAACG,sBAAsB;YACzB,OAAOD;QACT;QAEA,MAAME,UAAUD,qBAAqBE,CAAC,GAAGJ,iBAAiBK,IAAI;QAC9D,MAAMC,UAAUJ,qBAAqBK,CAAC,GAAGP,iBAAiBV,GAAG;QAE7D,OAAO;YACL,GAAGW,SAAS;YACZG,GAAGH,UAAUG,CAAC,GAAGD,UAAU;YAC3BI,GAAGN,UAAUM,CAAC,GAAGD,UAAU;QAC7B;IACF;IAEA,OAAOL;AACT,EAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"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"],"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","as","className","filter","Boolean","join","map","col","i","length","div"],"mappings":"AAAA;;AACA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,iCAAgC;AACnE,SAASC,UAAU,EAAEC,SAAS,QAAQ,0BAAyB;AAC/D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAclB,OAAO,SAASC,kBAAkB,EAChCC,EAAE,EACFC,OAAO,EACPC,WAAW,KAAK,EAChBC,QAAQ,EACRC,aAAaC,YAAY,EACzBC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,OAAO,EACPC,SAAS,EACH;IACN,MAAMP,cAAc,CAACF,YAAYG,gBAAgB,CAACE;IAClD,MAAM,EAAEK,MAAM,EAAEC,UAAU,EAAE,GAAGpB,aAAa;QAC1CO;QACAc,MAAMX;QACND,UAAU,CAACE;IACb;IACA,MAAMW,MAAMrB,MAAMsB,MAAM,CAAC;IAEzBtB,MAAMuB,SAAS,CAAC;QACd,MAAMC,YAAYH,IAAII,OAAO;QAC7B,IAAIb,aAAaS,IAAII,OAAO,EAAE;YAC5BJ,IAAII,OAAO,CAACC,KAAK;QACnB,OAAO,IAAI,CAACd,aAAaS,IAAII,OAAO,EAAE;YACpCJ,IAAII,OAAO,CAACE,IAAI;QAClB;QAEA,OAAO;YACL,IAAIH,WAAW;gBACbA,UAAUG,IAAI;YAChB;QACF;IACF,GAAG;QAACf;KAAU;IAEd,qBACE,MAACX;QACC2B,IAAG;QACHC,WAAW;YACTzB;YACAS,cAAc,GAAGT,UAAU,UAAU,CAAC;YACtCU,eAAe,GAAGV,UAAU,WAAW,CAAC;YACxCI,YAAY,GAAGJ,UAAU,UAAU,CAAC;YACpCQ,aAAa,GAAGR,UAAU,SAAS,CAAC;YACpCc,UAAU,GAAGd,UAAU,MAAM,CAAC;SAC/B,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC;QAERhB,SAASA;QACTC,WAAWA;QACXI,KAAKA;;YAEJd,QAAQ0B,GAAG,CAAC,CAACC,KAAKC,kBACjB,KAAChC;oBACC0B,WAAW;wBACT,GAAGzB,UAAU,cAAc,CAAC;wBAC5B+B,MAAM,KAAK,GAAG/B,UAAU,UAAU,CAAC;wBACnC+B,MAAM5B,QAAQ6B,MAAM,GAAG,KAAK,GAAGhC,UAAU,SAAS,CAAC;qBACpD,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC;8BAGPE;mBAFI,GAAGnB,QAAQ,CAAC,EAAEoB,GAAG;YAMzBzB,4BACC,KAACR;0BACC,cAAA,KAACmC;oBAAIR,WAAW,GAAGzB,UAAU,WAAW,CAAC;oBAAEiB,KAAKF;;iBAEhD;;OAxBCJ;AA2BX"}
+{"version":3,"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"],"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","as","className","filter","Boolean","join","map","col","i","length","div"],"mappings":"AAAA;;AACA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,iCAAgC;AACnE,SAASC,UAAU,EAAEC,SAAS,QAAQ,0BAAyB;AAC/D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAclB,OAAO,SAASC,kBAAkB,EAChCC,EAAE,EACFC,OAAO,EACPC,WAAW,KAAK,EAChBC,QAAQ,EACRC,aAAaC,YAAY,EACzBC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,OAAO,EACPC,SAAS,EACH;IACN,MAAMP,cAAc,CAACF,YAAYG,gBAAgB,CAACE;IAClD,MAAM,EAAEK,MAAM,EAAEC,UAAU,EAAE,GAAGpB,aAAa;QAC1CO;QACAc,MAAMX;QACND,UAAU,CAACE;IACb;IACA,MAAMW,MAAMrB,MAAMsB,MAAM,CAAC;IAEzBtB,MAAMuB,SAAS,CAAC;QACd,MAAMC,YAAYH,IAAII,OAAO;QAC7B,IAAIb,aAAaS,IAAII,OAAO,EAAE;YAC5BJ,IAAII,OAAO,CAACC,KAAK;QACnB,OAAO,IAAI,CAACd,aAAaS,IAAII,OAAO,EAAE;YACpCJ,IAAII,OAAO,CAACE,IAAI;QAClB;QAEA,OAAO;YACL,IAAIH,WAAW;gBACbA,UAAUG,IAAI;YAChB;QACF;IACF,GAAG;QAACf;KAAU;IAEd,qBACE,QAACX;QACC2B,IAAG;QACHC,WAAW;YACTzB;YACAS,cAAc,GAAGT,UAAU,UAAU,CAAC;YACtCU,eAAe,GAAGV,UAAU,WAAW,CAAC;YACxCI,YAAY,GAAGJ,UAAU,UAAU,CAAC;YACpCQ,aAAa,GAAGR,UAAU,SAAS,CAAC;YACpCc,UAAU,GAAGd,UAAU,MAAM,CAAC;SAC/B,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC;QAERhB,SAASA;QACTC,WAAWA;QACXI,KAAKA;;YAEJd,QAAQ0B,GAAG,CAAC,CAACC,KAAKC,kBACjB,QAAChC;oBACC0B,WAAW;wBACT,GAAGzB,UAAU,cAAc,CAAC;wBAC5B+B,MAAM,KAAK,GAAG/B,UAAU,UAAU,CAAC;wBACnC+B,MAAM5B,QAAQ6B,MAAM,GAAG,KAAK,GAAGhC,UAAU,SAAS,CAAC;qBACpD,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC;8BAGPE;mBAFI,GAAGnB,QAAQ,CAAC,EAAEoB,GAAG;;;;;YAMzBzB,4BACC,QAACR;0BACC,cAAA,QAACmC;oBAAIR,WAAW,GAAGzB,UAAU,WAAW,CAAC;oBAAEiB,KAAKF;;;;;;;;;;uBAEhD;;OAxBCJ;;;;;AA2BX"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useDraggable } from '@dnd-kit/core';
 import React, { useId, useRef } from 'react';
 import './index.scss';
@@ -51,7 +51,7 @@ export const DraggableWithClick = ({ as = 'div', children, className, disabled =
         window.addEventListener('pointerup', handlePointerUp);
     };
     const Component = as || 'div';
-    return /*#__PURE__*/ _jsx(Component, {
+    return /*#__PURE__*/ _jsxDEV(Component, {
         role: "button",
         tabIndex: 0,
         ...attributes,
@@ -72,7 +72,11 @@ export const DraggableWithClick = ({ as = 'div', children, className, disabled =
             }
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/FolderView/DraggableWithClick/index.tsx",
+        lineNumber: 75,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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"],"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","role","tabIndex","filter","Boolean","join","undefined","node"],"mappings":";AAAA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,SAASC,KAAK,EAAEC,MAAM,QAAQ,QAAO;AAE5C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,KAAK,KAAK,EACVC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAChBC,OAAO,EACPC,SAAS,EACTC,GAAG,EACHC,kBAAkB,CAAC,EACb;IACN,MAAMC,KAAKZ;IACX,MAAM,EAAEa,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGjB,aAAa;QAAEc;QAAIL;IAAS;IAC1E,MAAMS,aAAaf,OAAO;QAAEgB,GAAG;QAAGC,GAAG;IAAE;IACvC,MAAMC,aAAalB,OAAO;IAE1B,MAAMmB,oBAAoB,CAACC;QACzBL,WAAWM,OAAO,GAAG;YAAEL,GAAGI,EAAEE,OAAO;YAAEL,GAAGG,EAAEG,OAAO;QAAC;QAClDL,WAAWG,OAAO,GAAG;QAErB,MAAMG,oBAAoB,CAACC;YACzB,MAAMC,SAASC,KAAKC,GAAG,CAACH,UAAUH,OAAO,GAAGP,WAAWM,OAAO,CAACL,CAAC;YAChE,MAAMa,SAASF,KAAKC,GAAG,CAACH,UAAUF,OAAO,GAAGR,WAAWM,OAAO,CAACJ,CAAC;YAChE,IAAIS,SAAShB,mBAAmBmB,SAASnB,iBAAiB;gBACxDQ,WAAWG,OAAO,GAAG;gBACrB,IAAIR,WAAWiB,eAAe;oBAC5BjB,UAAUiB,aAAa,CAACV;oBACxB,gCAAgC;oBAChC,2BAA2B;oBAC3B,oCAAoC;oBACpCb,QAAQkB;gBACV;gBACAM,OAAOC,mBAAmB,CAAC,eAAeR;YAC5C;QACF;QAEA,MAAMS,UAAU;YACdF,OAAOC,mBAAmB,CAAC,eAAeR;YAC1CO,OAAOC,mBAAmB,CAAC,aAAaE;QAC1C;QAEA,MAAMA,kBAAkB,CAACC;YACvBF;YACA,IAAI,CAACf,WAAWG,OAAO,EAAE;gBACvB,uCAAuC;gBACvC,2BAA2B;gBAC3Bd,QAAQ4B;YACV;QACF;QAEAJ,OAAOK,gBAAgB,CAAC,eAAeZ;QACvCO,OAAOK,gBAAgB,CAAC,aAAaF;IACvC;IAEA,MAAMG,YAAYlC,MAAM;IAExB,qBACE,KAACkC;QACCC,MAAK;QACLC,UAAU;QACT,GAAG3B,UAAU;QACdP,WAAW;YAACJ;YAAWI;YAAWC,WAAW,GAAGL,UAAU,UAAU,CAAC,GAAG;SAAG,CACxEuC,MAAM,CAACC,SACPC,IAAI,CAAC;QACRlC,WAAWF,WAAWqC,YAAYnC;QAClCsB,eAAexB,WAAWqC,YAAYpC,UAAUY,oBAAoBwB;QACpElC,KAAK,CAACmC;YACJ,IAAItC,UAAU;gBACZ;YACF;YACAQ,WAAW8B;YACX,IAAInC,KAAK;gBACPA,IAAIY,OAAO,GAAGuB;YAChB;QACF;kBAECxC;;AAGP,EAAC"}
+{"version":3,"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"],"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","role","tabIndex","filter","Boolean","join","undefined","node"],"mappings":";AAAA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,OAAOC,SAASC,KAAK,EAAEC,MAAM,QAAQ,QAAO;AAE5C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAalB,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,KAAK,KAAK,EACVC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAChBC,OAAO,EACPC,SAAS,EACTC,GAAG,EACHC,kBAAkB,CAAC,EACb;IACN,MAAMC,KAAKZ;IACX,MAAM,EAAEa,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAE,GAAGjB,aAAa;QAAEc;QAAIL;IAAS;IAC1E,MAAMS,aAAaf,OAAO;QAAEgB,GAAG;QAAGC,GAAG;IAAE;IACvC,MAAMC,aAAalB,OAAO;IAE1B,MAAMmB,oBAAoB,CAACC;QACzBL,WAAWM,OAAO,GAAG;YAAEL,GAAGI,EAAEE,OAAO;YAAEL,GAAGG,EAAEG,OAAO;QAAC;QAClDL,WAAWG,OAAO,GAAG;QAErB,MAAMG,oBAAoB,CAACC;YACzB,MAAMC,SAASC,KAAKC,GAAG,CAACH,UAAUH,OAAO,GAAGP,WAAWM,OAAO,CAACL,CAAC;YAChE,MAAMa,SAASF,KAAKC,GAAG,CAACH,UAAUF,OAAO,GAAGR,WAAWM,OAAO,CAACJ,CAAC;YAChE,IAAIS,SAAShB,mBAAmBmB,SAASnB,iBAAiB;gBACxDQ,WAAWG,OAAO,GAAG;gBACrB,IAAIR,WAAWiB,eAAe;oBAC5BjB,UAAUiB,aAAa,CAACV;oBACxB,gCAAgC;oBAChC,2BAA2B;oBAC3B,oCAAoC;oBACpCb,QAAQkB;gBACV;gBACAM,OAAOC,mBAAmB,CAAC,eAAeR;YAC5C;QACF;QAEA,MAAMS,UAAU;YACdF,OAAOC,mBAAmB,CAAC,eAAeR;YAC1CO,OAAOC,mBAAmB,CAAC,aAAaE;QAC1C;QAEA,MAAMA,kBAAkB,CAACC;YACvBF;YACA,IAAI,CAACf,WAAWG,OAAO,EAAE;gBACvB,uCAAuC;gBACvC,2BAA2B;gBAC3Bd,QAAQ4B;YACV;QACF;QAEAJ,OAAOK,gBAAgB,CAAC,eAAeZ;QACvCO,OAAOK,gBAAgB,CAAC,aAAaF;IACvC;IAEA,MAAMG,YAAYlC,MAAM;IAExB,qBACE,QAACkC;QACCC,MAAK;QACLC,UAAU;QACT,GAAG3B,UAAU;QACdP,WAAW;YAACJ;YAAWI;YAAWC,WAAW,GAAGL,UAAU,UAAU,CAAC,GAAG;SAAG,CACxEuC,MAAM,CAACC,SACPC,IAAI,CAAC;QACRlC,WAAWF,WAAWqC,YAAYnC;QAClCsB,eAAexB,WAAWqC,YAAYpC,UAAUY,oBAAoBwB;QACpElC,KAAK,CAACmC;YACJ,IAAItC,UAAU;gBACZ;YACF;YACAQ,WAAW8B;YACX,IAAInC,KAAK;gBACPA,IAAIY,OAAO,GAAGuB;YAChB;QACF;kBAECxC;;;;;;AAGP,EAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useRouteCache } from '../../../../providers/RouteCache/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { useDocumentDrawer } from '../../../DocumentDrawer/index.js';
@@ -13,21 +13,29 @@ export const EditFolderAction = ({ id, folderCollectionSlug })=>{
     if (!id) {
         return null;
     }
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ _jsxDEV(_Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(ListSelectionButton, {
+            /*#__PURE__*/ _jsxDEV(ListSelectionButton, {
                 onClick: openDrawer,
                 type: "button",
                 children: t('general:edit')
-            }),
-            /*#__PURE__*/ _jsx(FolderDocumentDrawer, {
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/Drawers/EditFolderAction/index.tsx",
+                lineNumber: 24,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(FolderDocumentDrawer, {
                 onSave: ()=>{
                     closeDrawer();
                     clearRouteCache();
                 }
-            })
+            }, void 0, false, {
+                fileName: "src/elements/FolderView/Drawers/EditFolderAction/index.tsx",
+                lineNumber: 28,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/FolderView/Drawers/EditFolderAction/index.tsx"],"sourcesContent":["import { useRouteCache } from '../../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { ListSelectionButton } from '../../../ListSelection/index.js'\n\ntype EditFolderActionProps = {\n  folderCollectionSlug: string\n  id: number | string\n}\nexport const EditFolderAction = ({ id, folderCollectionSlug }: EditFolderActionProps) => {\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n  const [FolderDocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug: folderCollectionSlug,\n  })\n\n  if (!id) {\n    return null\n  }\n\n  return (\n    <>\n      <ListSelectionButton onClick={openDrawer} type=\"button\">\n        {t('general:edit')}\n      </ListSelectionButton>\n\n      <FolderDocumentDrawer\n        onSave={() => {\n          closeDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useRouteCache","useTranslation","useDocumentDrawer","ListSelectionButton","EditFolderAction","id","folderCollectionSlug","clearRouteCache","t","FolderDocumentDrawer","closeDrawer","openDrawer","collectionSlug","onClick","type","onSave"],"mappings":";AAAA,SAASA,aAAa,QAAQ,4CAA2C;AACzE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,iBAAiB,QAAQ,mCAAkC;AACpE,SAASC,mBAAmB,QAAQ,kCAAiC;AAMrE,OAAO,MAAMC,mBAAmB,CAAC,EAAEC,EAAE,EAAEC,oBAAoB,EAAyB;IAClF,MAAM,EAAEC,eAAe,EAAE,GAAGP;IAC5B,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IACd,MAAM,CAACQ,wBAAwB,EAAEC,WAAW,EAAEC,UAAU,EAAE,CAAC,GAAGT,kBAAkB;QAC9EG;QACAO,gBAAgBN;IAClB;IAEA,IAAI,CAACD,IAAI;QACP,OAAO;IACT;IAEA,qBACE;;0BACE,KAACF;gBAAoBU,SAASF;gBAAYG,MAAK;0BAC5CN,EAAE;;0BAGL,KAACC;gBACCM,QAAQ;oBACNL;oBACAH;gBACF;;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/FolderView/Drawers/EditFolderAction/index.tsx"],"sourcesContent":["import { useRouteCache } from '../../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../../../DocumentDrawer/index.js'\nimport { ListSelectionButton } from '../../../ListSelection/index.js'\n\ntype EditFolderActionProps = {\n  folderCollectionSlug: string\n  id: number | string\n}\nexport const EditFolderAction = ({ id, folderCollectionSlug }: EditFolderActionProps) => {\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n  const [FolderDocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer({\n    id,\n    collectionSlug: folderCollectionSlug,\n  })\n\n  if (!id) {\n    return null\n  }\n\n  return (\n    <>\n      <ListSelectionButton onClick={openDrawer} type=\"button\">\n        {t('general:edit')}\n      </ListSelectionButton>\n\n      <FolderDocumentDrawer\n        onSave={() => {\n          closeDrawer()\n          clearRouteCache()\n        }}\n      />\n    </>\n  )\n}\n"],"names":["useRouteCache","useTranslation","useDocumentDrawer","ListSelectionButton","EditFolderAction","id","folderCollectionSlug","clearRouteCache","t","FolderDocumentDrawer","closeDrawer","openDrawer","collectionSlug","onClick","type","onSave"],"mappings":";AAAA,SAASA,aAAa,QAAQ,4CAA2C;AACzE,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,SAASC,iBAAiB,QAAQ,mCAAkC;AACpE,SAASC,mBAAmB,QAAQ,kCAAiC;AAMrE,OAAO,MAAMC,mBAAmB,CAAC,EAAEC,EAAE,EAAEC,oBAAoB,EAAyB;IAClF,MAAM,EAAEC,eAAe,EAAE,GAAGP;IAC5B,MAAM,EAAEQ,CAAC,EAAE,GAAGP;IACd,MAAM,CAACQ,wBAAwB,EAAEC,WAAW,EAAEC,UAAU,EAAE,CAAC,GAAGT,kBAAkB;QAC9EG;QACAO,gBAAgBN;IAClB;IAEA,IAAI,CAACD,IAAI;QACP,OAAO;IACT;IAEA,qBACE;;0BACE,QAACF;gBAAoBU,SAASF;gBAAYG,MAAK;0BAC5CN,EAAE;;;;;;0BAGL,QAACC;gBACCM,QAAQ;oBACNL;oBACAH;gBACF;;;;;;;;AAIR,EAAC"}