@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
@@ -17,99 +18,142 @@ import { MoveItemsToFolderDrawer } from '../Drawers/MoveToFolder/index.js';
 const moveToFolderDrawerSlug = 'move-to-folder--current-folder';
 const confirmDeleteDrawerSlug = 'confirm-many-delete';
 const baseClass = 'current-folder-actions';
-export function CurrentFolderActions({ className }) {
-    const router = useRouter();
-    const { startRouteTransition } = useRouteTransition();
-    const { breadcrumbs, currentFolder, folderCollectionConfig, folderCollectionSlug, folderFieldName, folderID, getFolderRoute, moveToFolder } = useFolder();
-    const [FolderDocumentDrawer, , { closeDrawer: closeFolderDrawer, openDrawer: openFolderDrawer }] = useDocumentDrawer({
-        id: folderID,
-        collectionSlug: folderCollectionSlug
+export function CurrentFolderActions({
+  className
+}) {
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    breadcrumbs,
+    currentFolder,
+    folderCollectionConfig,
+    folderCollectionSlug,
+    folderFieldName,
+    folderID,
+    getFolderRoute,
+    moveToFolder
+  } = useFolder();
+  const [FolderDocumentDrawer,, {
+    closeDrawer: closeFolderDrawer,
+    openDrawer: openFolderDrawer
+  }] = useDocumentDrawer({
+    id: folderID,
+    collectionSlug: folderCollectionSlug
+  });
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const {
+    config
+  } = useConfig();
+  const {
+    routes,
+    serverURL
+  } = config;
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const deleteCurrentFolder = React.useCallback(async () => {
+    await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}?depth=0`, {
+      credentials: 'include',
+      method: 'DELETE'
     });
-    const { clearRouteCache } = useRouteCache();
-    const { config } = useConfig();
-    const { routes, serverURL } = config;
-    const { closeModal, openModal } = useModal();
-    const { i18n, t } = useTranslation();
-    const deleteCurrentFolder = React.useCallback(async ()=>{
-        await fetch(`${serverURL}${routes.api}/${folderCollectionSlug}/${folderID}?depth=0`, {
-            credentials: 'include',
-            method: 'DELETE'
-        });
-        startRouteTransition(()=>{
-            router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null));
-        });
-    }, [
-        breadcrumbs,
-        folderCollectionSlug,
-        folderID,
-        getFolderRoute,
-        router,
-        serverURL,
-        routes.api,
-        startRouteTransition
-    ]);
-    if (!folderID) {
-        return null;
-    }
-    return <>
-      <Popup button={<Dots/>} className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} render={()=><PopupList.ButtonGroup>
-            <PopupList.Button onClick={()=>{
+    startRouteTransition(() => {
+      router.push(getFolderRoute(breadcrumbs[breadcrumbs.length - 2]?.id || null));
+    });
+  }, [breadcrumbs, folderCollectionSlug, folderID, getFolderRoute, router, serverURL, routes.api, startRouteTransition]);
+  if (!folderID) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Popup, {
+      button: /*#__PURE__*/_jsx(Dots, {}),
+      className: [baseClass, className].filter(Boolean).join(' '),
+      render: () => /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
+        children: [/*#__PURE__*/_jsx(PopupList.Button, {
+          onClick: () => {
             openFolderDrawer();
-        }}>
-              {t('general:editLabel', {
+          },
+          children: t('general:editLabel', {
             label: getTranslation(folderCollectionConfig.labels.singular, i18n)
-        })}
-            </PopupList.Button>
-            <PopupList.Button onClick={()=>{
+          })
+        }), /*#__PURE__*/_jsx(PopupList.Button, {
+          onClick: () => {
             openModal(moveToFolderDrawerSlug);
-        }}>
-              {t('folder:moveFolder')}
-            </PopupList.Button>
-            <PopupList.Button onClick={()=>{
+          },
+          children: t('folder:moveFolder')
+        }), /*#__PURE__*/_jsx(PopupList.Button, {
+          onClick: () => {
             openModal(confirmDeleteDrawerSlug);
-        }}>
-              {t('folder:deleteFolder')}
-            </PopupList.Button>
-          </PopupList.ButtonGroup>}/>
-      <MoveItemsToFolderDrawer action="moveItemToFolder" drawerSlug={moveToFolderDrawerSlug} folderAssignedCollections={currentFolder?.value.folderType} folderCollectionSlug={folderCollectionSlug} folderFieldName={folderFieldName} fromFolderID={currentFolder?.value.id} fromFolderName={currentFolder?.value._folderOrDocumentTitle} itemsToMove={[
-        currentFolder
-    ]} onConfirm={async ({ id, name })=>{
+          },
+          children: t('folder:deleteFolder')
+        })]
+      })
+    }), /*#__PURE__*/_jsx(MoveItemsToFolderDrawer, {
+      action: "moveItemToFolder",
+      drawerSlug: moveToFolderDrawerSlug,
+      folderAssignedCollections: currentFolder?.value.folderType,
+      folderCollectionSlug: folderCollectionSlug,
+      folderFieldName: folderFieldName,
+      fromFolderID: currentFolder?.value.id,
+      fromFolderName: currentFolder?.value._folderOrDocumentTitle,
+      itemsToMove: [currentFolder],
+      onConfirm: async ({
+        id,
+        name
+      }) => {
         await moveToFolder({
-            itemsToMove: [
-                currentFolder
-            ],
-            toFolderID: id
+          itemsToMove: [currentFolder],
+          toFolderID: id
         });
         if (id) {
-            // moved to folder
-            toast.success(t('folder:itemHasBeenMoved', {
-                folderName: `"${name}"`,
-                title: currentFolder.value._folderOrDocumentTitle
-            }));
+          // moved to folder
+          toast.success(t('folder:itemHasBeenMoved', {
+            folderName: `"${name}"`,
+            title: currentFolder.value._folderOrDocumentTitle
+          }));
         } else {
-            // moved to root
-            toast.success(t('folder:itemHasBeenMovedToRoot', {
-                title: currentFolder.value._folderOrDocumentTitle
-            }));
+          // moved to root
+          toast.success(t('folder:itemHasBeenMovedToRoot', {
+            title: currentFolder.value._folderOrDocumentTitle
+          }));
         }
         closeModal(moveToFolderDrawerSlug);
-    }} title={currentFolder.value._folderOrDocumentTitle}/>
-
-      <ConfirmationModal body={<Translation elements={{
-        '1': ({ children })=><strong>{children}</strong>
-    }} i18nKey="general:aboutToDelete" t={t} variables={{
-        label: getTranslation(folderCollectionConfig.labels.singular, i18n),
-        title: currentFolder.value._folderOrDocumentTitle
-    }}/>} confirmingLabel={t('general:deleting')} heading={t('general:confirmDeletion')} modalSlug={confirmDeleteDrawerSlug} onConfirm={deleteCurrentFolder}/>
-
-      <FolderDocumentDrawer onSave={()=>{
+      },
+      title: currentFolder.value._folderOrDocumentTitle
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: /*#__PURE__*/_jsx(Translation, {
+        elements: {
+          '1': ({
+            children
+          }) => /*#__PURE__*/_jsx("strong", {
+            children: children
+          })
+        },
+        i18nKey: "general:aboutToDelete",
+        t: t,
+        variables: {
+          label: getTranslation(folderCollectionConfig.labels.singular, i18n),
+          title: currentFolder.value._folderOrDocumentTitle
+        }
+      }),
+      confirmingLabel: t('general:deleting'),
+      heading: t('general:confirmDeletion'),
+      modalSlug: confirmDeleteDrawerSlug,
+      onConfirm: deleteCurrentFolder
+    }), /*#__PURE__*/_jsx(FolderDocumentDrawer, {
+      onSave: () => {
         closeFolderDrawer();
         clearRouteCache();
-    }}/>
-    </>;
+      }
+    })]
+  });
 }
-
 //# sourceMappingURL=index.js.map

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

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

@@ -1,43 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-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 <DragOverlay dropAnimation={null} modifiers={[
-        snapTopLeftToCursor
-    ]} style={{
-        height: 'unset',
-        maxWidth: '220px'
-    }}>
-      <div className={`${baseClass}__cards`}>
-        {Array.from({
+export function DragOverlaySelection({
+  item,
+  selectedCount
+}) {
+  return /*#__PURE__*/_jsx(DragOverlay, {
+    dropAnimation: null,
+    modifiers: [snapTopLeftToCursor],
+    style: {
+      height: 'unset',
+      maxWidth: '220px'
+    },
+    children: /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__cards`,
+      children: [Array.from({
         length: selectedCount > 1 ? 2 : 1
-    }).map((_, index)=><div className={`${baseClass}__card`} key={index} style={{
-            right: `${index * 3}px`,
-            top: `-${index * 3}px`
-        }}>
-            <FolderFileCard id={null} isSelected itemKey="overlay-card" title={item.value._folderOrDocumentTitle} type="folder"/>
-          </div>)}
-        {selectedCount > 1 ? <span className={`${baseClass}__card-count`}>{selectedCount}</span> : null}
-      </div>
-    </DragOverlay>;
+      }).map((_, index) => /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__card`,
+        style: {
+          right: `${index * 3}px`,
+          top: `-${index * 3}px`
+        },
+        children: /*#__PURE__*/_jsx(FolderFileCard, {
+          id: null,
+          isSelected: true,
+          itemKey: "overlay-card",
+          title: item.value._folderOrDocumentTitle,
+          type: "folder"
+        })
+      }, index)), selectedCount > 1 ? /*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__card-count`,
+        children: selectedCount
+      }) : null]
+    })
+  });
 }
-export const snapTopLeftToCursor = ({ activatorEvent, draggingNodeRect, transform })=>{
-    if (draggingNodeRect && activatorEvent) {
-        const activatorCoordinates = getEventCoordinates(activatorEvent);
-        if (!activatorCoordinates) {
-            return transform;
-        }
-        const offsetX = activatorCoordinates.x - draggingNodeRect.left;
-        const offsetY = activatorCoordinates.y - draggingNodeRect.top;
-        return {
-            ...transform,
-            x: transform.x + offsetX + 5,
-            y: transform.y + offsetY + 5
-        };
+export const snapTopLeftToCursor = ({
+  activatorEvent,
+  draggingNodeRect,
+  transform
+}) => {
+  if (draggingNodeRect && activatorEvent) {
+    const activatorCoordinates = getEventCoordinates(activatorEvent);
+    if (!activatorCoordinates) {
+      return transform;
     }
-    return transform;
+    const offsetX = activatorCoordinates.x - draggingNodeRect.left;
+    const offsetY = activatorCoordinates.y - draggingNodeRect.top;
+    return {
+      ...transform,
+      x: transform.x + offsetX + 5,
+      y: transform.y + offsetY + 5
+    };
+  }
+  return transform;
 };
-
 //# sourceMappingURL=index.js.map

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","key","right","top","id","isSelected","itemKey","title","value","_folderOrDocumentTitle","type","span","activatorEvent","draggingNodeRect","transform","activatorCoordinates","offsetX","x","left","offsetY","y"],"mappings":"AAGA,SAASA,WAAW,QAAQ,gBAAe;AAC3C,SAASC,mBAAmB,QAAQ,qBAAoB;AAExD,SAASC,cAAc,QAAQ,6BAA4B;AAC3D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAMlB,OAAO,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,aAAa,EAAkB;IAC1E,QACGN,YACCO,eAAe,MACfC,WAAW;QAACC;KAAoB,EAChCC,OAAO;QACLC,QAAQ;QACRC,UAAU;IACZ,GACD;MACC,CAACC,IAAIC,WAAW,GAAGX,UAAU,OAAO,CAAC,EAAE;QACrC,CAACY,MAAMC,IAAI,CAAC;QAAEC,QAAQX,gBAAgB,IAAI,IAAI;IAAE,GAAGY,GAAG,CAAC,CAACC,GAAGC,SACxDP,IACCC,WAAW,GAAGX,UAAU,MAAM,CAAC,EAC/BkB,KAAKD,OACLV,OAAO;YACLY,OAAO,GAAGF,QAAQ,EAAE,EAAE,CAAC;YACvBG,KAAK,CAAC,CAAC,EAAEH,QAAQ,EAAE,EAAE,CAAC;QACxB,GACD;YACC,CAAClB,eACCsB,IAAI,MACJC,WACAC,QAAQ,eACRC,OAAOtB,KAAKuB,KAAK,CAACC,sBAAsB,EACxCC,KAAK,UACL;UACJ,EAAEjB,MACD;QACH,CAACP,gBAAgB,KACdyB,KAAKjB,WAAW,GAAGX,UAAU,YAAY,CAAC,GAAGG,gBAAgByB,QAC5D,KAAK;MACX,EAAElB,IAAI;IACR,EAAEb;AAEN;AAEA,OAAO,MAAMS,sBAAgC,CAAC,EAAEuB,cAAc,EAAEC,gBAAgB,EAAEC,SAAS,EAAE;IAC3F,IAAID,oBAAoBD,gBAAgB;QACtC,MAAMG,uBAAuBlC,oBAAoB+B;QAEjD,IAAI,CAACG,sBAAsB;YACzB,OAAOD;QACT;QAEA,MAAME,UAAUD,qBAAqBE,CAAC,GAAGJ,iBAAiBK,IAAI;QAC9D,MAAMC,UAAUJ,qBAAqBK,CAAC,GAAGP,iBAAiBV,GAAG;QAE7D,OAAO;YACL,GAAGW,SAAS;YACZG,GAAGH,UAAUG,CAAC,GAAGD,UAAU;YAC3BI,GAAGN,UAAUM,CAAC,GAAGD,UAAU;QAC7B;IACF;IAEA,OAAOL;AACT,EAAC"}
+{"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.js

@@ -1,53 +1,63 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDroppable } from '@dnd-kit/core';
 import React from 'react';
 import { DraggableWithClick } from '../DraggableWithClick/index.js';
 import { HiddenCell, TableCell } from '../SimpleTable/index.js';
 import './index.scss';
 const baseClass = 'draggable-table-row';
-export function DraggableTableRow({ id, columns, disabled = false, dragData, isDroppable: _isDroppable, isFocused, isSelected, isSelecting, itemKey, onClick, onKeyDown }) {
-    const isDroppable = !disabled && _isDroppable && !isSelected;
-    const { isOver, setNodeRef } = useDroppable({
-        id,
-        data: dragData,
-        disabled: !isDroppable
-    });
-    const ref = React.useRef(null);
-    React.useEffect(()=>{
-        const copyOfRef = ref.current;
-        if (isFocused && ref.current) {
-            ref.current.focus();
-        } else if (!isFocused && ref.current) {
-            ref.current.blur();
-        }
-        return ()=>{
-            if (copyOfRef) {
-                copyOfRef.blur();
-            }
-        };
-    }, [
-        isFocused
-    ]);
-    return <DraggableWithClick as="tr" className={[
-        baseClass,
-        isSelected && `${baseClass}--selected`,
-        isSelecting && `${baseClass}--selecting`,
-        disabled && `${baseClass}--disabled`,
-        isFocused && `${baseClass}--focused`,
-        isOver && `${baseClass}--over`
-    ].filter(Boolean).join(' ')} key={itemKey} onClick={onClick} onKeyDown={onKeyDown} ref={ref}>
-      {columns.map((col, i)=><TableCell className={[
-            `${baseClass}__cell-content`,
-            i === 0 && `${baseClass}__first-td`,
-            i === columns.length - 1 && `${baseClass}__last-td`
-        ].filter(Boolean).join(' ')} key={`${itemKey}-${i}`}>
-          {col}
-        </TableCell>)}
-
-      {isDroppable ? <HiddenCell>
-          <div className={`${baseClass}__drop-area`} ref={setNodeRef}/>
-        </HiddenCell> : null}
-    </DraggableWithClick>;
+export function DraggableTableRow({
+  id,
+  columns,
+  disabled = false,
+  dragData,
+  isDroppable: _isDroppable,
+  isFocused,
+  isSelected,
+  isSelecting,
+  itemKey,
+  onClick,
+  onKeyDown
+}) {
+  const isDroppable = !disabled && _isDroppable && !isSelected;
+  const {
+    isOver,
+    setNodeRef
+  } = useDroppable({
+    id,
+    data: dragData,
+    disabled: !isDroppable
+  });
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    const copyOfRef = ref.current;
+    if (isFocused && ref.current) {
+      ref.current.focus();
+    } else if (!isFocused && ref.current) {
+      ref.current.blur();
+    }
+    return () => {
+      if (copyOfRef) {
+        copyOfRef.blur();
+      }
+    };
+  }, [isFocused]);
+  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(' '),
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    ref: ref,
+    children: [columns.map((col, i) => /*#__PURE__*/_jsx(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", {
+        className: `${baseClass}__drop-area`,
+        ref: setNodeRef
+      })
+    }) : null]
+  }, itemKey);
 }
-
 //# 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","key","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,QACGX,mBACC2B,GAAG,KACHC,WAAW;QACTzB;QACAS,cAAc,GAAGT,UAAU,UAAU,CAAC;QACtCU,eAAe,GAAGV,UAAU,WAAW,CAAC;QACxCI,YAAY,GAAGJ,UAAU,UAAU,CAAC;QACpCQ,aAAa,GAAGR,UAAU,SAAS,CAAC;QACpCc,UAAU,GAAGd,UAAU,MAAM,CAAC;KAC/B,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC,MACRC,KAAKlB,SACLC,SAASA,SACTC,WAAWA,WACXI,KAAKA,KACN;MACC,CAACd,QAAQ2B,GAAG,CAAC,CAACC,KAAKC,KAChBjC,UACC0B,WAAW;YACT,GAAGzB,UAAU,cAAc,CAAC;YAC5BgC,MAAM,KAAK,GAAGhC,UAAU,UAAU,CAAC;YACnCgC,MAAM7B,QAAQ8B,MAAM,GAAG,KAAK,GAAGjC,UAAU,SAAS,CAAC;SACpD,CACE0B,MAAM,CAACC,SACPC,IAAI,CAAC,MACRC,KAAK,GAAGlB,QAAQ,CAAC,EAAEqB,GAAG,EACvB;UACC,CAACD,IAAI;QACP,EAAEhC,YACD;;MAEH,CAACO,eACER,WAAW;UACV,CAACoC,IAAIT,WAAW,GAAGzB,UAAU,WAAW,CAAC,EAAEiB,KAAKF,aAAc;QAChE,EAAEjB,cACA,KAAK;IACX,EAAED;AAEN"}
+{"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":[]}