@strapi/upload 5.51.0 → 5.51.2

package/dist/admin/future/pages/Assets/components/Dnd/DragOverlayChip.mjs

@@ -1,9 +1,18 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Typography, Flex } from '@strapi/design-system';
 import { Folder, File } from '@strapi/icons';
+import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';
+import { getTranslationKey } from '../../../../utils/translations.mjs';
 
+// Folder & File (@strapi/icons) share viewBox 0 0 32 32 but File's glyph is
+// narrower/lighter. Rendering File a few px larger inside a fixed square box makes
+// the two previews read at the same visual size without shifting the chip layout.
+const FOLDER_ICON_SIZE = 20;
+const FILE_ICON_SIZE = 24;
+const ICON_BOX = 24;
 const Chip = styled(Flex)`
+  position: relative;
   align-items: center;
   gap: ${({ theme })=>theme.spaces[2]};
   padding: ${({ theme })=>`${theme.spaces[2]} ${theme.spaces[3]}`};
@@ -13,23 +22,121 @@ const Chip = styled(Flex)`
   cursor: grabbing;
   max-width: 24rem;
 `;
-const DragOverlayChip = ({ item })=>{
-    const Icon = item.kind === 'folder' ? Folder : File;
-    return /*#__PURE__*/ jsxs(Chip, {
+const CompositeChip = styled(Chip)`
+  box-shadow:
+    ${({ theme })=>theme.shadows.tableShadow},
+    0 4px 0 -1px ${({ theme })=>theme.colors.primary100},
+    0 4px 0 0 ${({ theme })=>theme.colors.primary200},
+    0 7px 0 -1px ${({ theme })=>theme.colors.primary100},
+    0 7px 0 0 ${({ theme })=>theme.colors.primary200};
+`;
+const CountGroup = styled(Flex)`
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[1]};
+`;
+const IconBox = styled(Flex)`
+  flex-shrink: 0;
+  width: ${ICON_BOX}px;
+  height: ${ICON_BOX}px;
+  align-items: center;
+  justify-content: center;
+`;
+const TotalBadge = styled(Flex)`
+  position: absolute;
+  top: -${({ theme })=>theme.spaces[2]};
+  right: -${({ theme })=>theme.spaces[2]};
+  align-items: center;
+  justify-content: center;
+  min-width: ${({ theme })=>theme.spaces[5]};
+  height: ${({ theme })=>theme.spaces[5]};
+  padding: 0 ${({ theme })=>theme.spaces[1]};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  background: ${({ theme })=>theme.colors.primary600};
+`;
+const DragOverlayChip = ({ items })=>{
+    const { formatMessage } = useIntl();
+    if (items.length === 0) {
+        return null;
+    }
+    if (items.length === 1) {
+        const item = items[0];
+        const isFolder = item.kind === 'folder';
+        const Icon = isFolder ? Folder : File;
+        const size = isFolder ? FOLDER_ICON_SIZE : FILE_ICON_SIZE;
+        return /*#__PURE__*/ jsxs(Chip, {
+            children: [
+                /*#__PURE__*/ jsx(IconBox, {
+                    children: /*#__PURE__*/ jsx(Icon, {
+                        width: size,
+                        height: size
+                    })
+                }),
+                /*#__PURE__*/ jsx(Typography, {
+                    textColor: "neutral800",
+                    fontWeight: "semiBold",
+                    ellipsis: true,
+                    children: item.name
+                })
+            ]
+        });
+    }
+    const folderCount = items.filter((item)=>item.kind === 'folder').length;
+    const fileCount = items.filter((item)=>item.kind === 'file').length;
+    const total = folderCount + fileCount;
+    return /*#__PURE__*/ jsxs(CompositeChip, {
+        gap: 3,
         children: [
-            /*#__PURE__*/ jsx(Icon, {
-                width: 20,
-                height: 20
-            }),
-            /*#__PURE__*/ jsx(Typography, {
-                textColor: "neutral800",
-                fontWeight: "semiBold",
-                ellipsis: true,
-                children: item.name
+            folderCount > 0 ? /*#__PURE__*/ jsxs(CountGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(IconBox, {
+                        children: /*#__PURE__*/ jsx(Folder, {
+                            width: FOLDER_ICON_SIZE,
+                            height: FOLDER_ICON_SIZE
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        textColor: "neutral800",
+                        fontWeight: "semiBold",
+                        children: formatMessage({
+                            id: getTranslationKey('dnd.overlay.folders'),
+                            defaultMessage: '{count, plural, one {# folder} other {# folders}}'
+                        }, {
+                            count: folderCount
+                        })
+                    })
+                ]
+            }) : null,
+            fileCount > 0 ? /*#__PURE__*/ jsxs(CountGroup, {
+                children: [
+                    /*#__PURE__*/ jsx(IconBox, {
+                        children: /*#__PURE__*/ jsx(File, {
+                            width: FILE_ICON_SIZE,
+                            height: FILE_ICON_SIZE
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        textColor: "neutral800",
+                        fontWeight: "semiBold",
+                        children: formatMessage({
+                            id: getTranslationKey('dnd.overlay.files'),
+                            defaultMessage: '{count, plural, one {# file} other {# files}}'
+                        }, {
+                            count: fileCount
+                        })
+                    })
+                ]
+            }) : null,
+            /*#__PURE__*/ jsx(TotalBadge, {
+                children: /*#__PURE__*/ jsx(Typography, {
+                    textColor: "neutral0",
+                    fontWeight: "bold",
+                    variant: "pi",
+                    children: total
+                })
             })
         ]
     });
-}; // TODO composite overlay with folder/file counts + total badge.
+};
 
 export { DragOverlayChip };
 //# sourceMappingURL=DragOverlayChip.mjs.map

package/dist/admin/future/pages/Assets/components/Dnd/DragOverlayChip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DragOverlayChip.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/DragOverlayChip.tsx"],"sourcesContent":["import { Flex, Typography } from '@strapi/design-system';\nimport { File as FileIcon, Folder as FolderIcon } from '@strapi/icons';\nimport { styled } from 'styled-components';\n\nimport type { DragItemData } from '../../../../types/dnd';\n\nconst Chip = styled(Flex)`\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[3]}`};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  background: ${({ theme }) => theme.colors.primary100};\n  box-shadow: ${({ theme }) => theme.shadows.tableShadow};\n  cursor: grabbing;\n  max-width: 24rem;\n`;\n\ninterface DragOverlayChipProps {\n  item: DragItemData;\n}\n\nexport const DragOverlayChip = ({ item }: DragOverlayChipProps) => {\n  const Icon = item.kind === 'folder' ? FolderIcon : FileIcon;\n\n  return (\n    <Chip>\n      <Icon width={20} height={20} />\n      <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n        {item.name}\n      </Typography>\n    </Chip>\n  );\n};\n\n// TODO composite overlay with folder/file counts + total badge.\n"],"names":["Chip","styled","Flex","theme","spaces","borderRadius","colors","primary100","shadows","tableShadow","DragOverlayChip","item","Icon","kind","FolderIcon","FileIcon","_jsxs","_jsx","width","height","Typography","textColor","fontWeight","ellipsis","name"],"mappings":";;;;;AAMA,MAAMA,IAAAA,GAAOC,MAAAA,CAAOC,IAAAA,CAAK;;OAElB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7B,WAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAK,CAAA,EAAGA,MAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,EAAE,CAAC;AACnD,iBAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,YAAY,CAAC;cACvC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;cACzC,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,OAAO,CAACC,WAAW,CAAC;;;AAGzD,CAAC;AAMM,MAAMC,eAAAA,GAAkB,CAAC,EAAEC,IAAI,EAAwB,GAAA;AAC5D,IAAA,MAAMC,IAAAA,GAAOD,IAAAA,CAAKE,IAAI,KAAK,WAAWC,MAAAA,GAAaC,IAAAA;AAEnD,IAAA,qBACEC,IAAA,CAAChB,IAAAA,EAAAA;;0BACCiB,GAAA,CAACL,IAAAA,EAAAA;gBAAKM,KAAAA,EAAO,EAAA;gBAAIC,MAAAA,EAAQ;;0BACzBF,GAAA,CAACG,UAAAA,EAAAA;gBAAWC,SAAAA,EAAU,YAAA;gBAAaC,UAAAA,EAAW,UAAA;gBAAWC,QAAQ,EAAA,IAAA;AAC9DZ,gBAAAA,QAAAA,EAAAA,IAAAA,CAAKa;;;;AAId,EAAE;;;;"}
+{"version":3,"file":"DragOverlayChip.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/DragOverlayChip.tsx"],"sourcesContent":["import { Flex, Typography } from '@strapi/design-system';\nimport { File as FileIcon, Folder as FolderIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport type { DragItemData } from '../../../../types/dnd';\n\n// Folder & File (@strapi/icons) share viewBox 0 0 32 32 but File's glyph is\n// narrower/lighter. Rendering File a few px larger inside a fixed square box makes\n// the two previews read at the same visual size without shifting the chip layout.\nconst FOLDER_ICON_SIZE = 20;\nconst FILE_ICON_SIZE = 24;\nconst ICON_BOX = 24;\n\nconst Chip = styled(Flex)`\n  position: relative;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[3]}`};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  background: ${({ theme }) => theme.colors.primary100};\n  box-shadow: ${({ theme }) => theme.shadows.tableShadow};\n  cursor: grabbing;\n  max-width: 24rem;\n`;\n\nconst CompositeChip = styled(Chip)`\n  box-shadow:\n    ${({ theme }) => theme.shadows.tableShadow},\n    0 4px 0 -1px ${({ theme }) => theme.colors.primary100},\n    0 4px 0 0 ${({ theme }) => theme.colors.primary200},\n    0 7px 0 -1px ${({ theme }) => theme.colors.primary100},\n    0 7px 0 0 ${({ theme }) => theme.colors.primary200};\n`;\n\nconst CountGroup = styled(Flex)`\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[1]};\n`;\n\nconst IconBox = styled(Flex)`\n  flex-shrink: 0;\n  width: ${ICON_BOX}px;\n  height: ${ICON_BOX}px;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst TotalBadge = styled(Flex)`\n  position: absolute;\n  top: -${({ theme }) => theme.spaces[2]};\n  right: -${({ theme }) => theme.spaces[2]};\n  align-items: center;\n  justify-content: center;\n  min-width: ${({ theme }) => theme.spaces[5]};\n  height: ${({ theme }) => theme.spaces[5]};\n  padding: 0 ${({ theme }) => theme.spaces[1]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  background: ${({ theme }) => theme.colors.primary600};\n`;\n\ninterface DragOverlayChipProps {\n  items: DragItemData[];\n}\n\nexport const DragOverlayChip = ({ items }: DragOverlayChipProps) => {\n  const { formatMessage } = useIntl();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  if (items.length === 1) {\n    const item = items[0];\n    const isFolder = item.kind === 'folder';\n    const Icon = isFolder ? FolderIcon : FileIcon;\n    const size = isFolder ? FOLDER_ICON_SIZE : FILE_ICON_SIZE;\n\n    return (\n      <Chip>\n        <IconBox>\n          <Icon width={size} height={size} />\n        </IconBox>\n        <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n          {item.name}\n        </Typography>\n      </Chip>\n    );\n  }\n\n  const folderCount = items.filter((item) => item.kind === 'folder').length;\n  const fileCount = items.filter((item) => item.kind === 'file').length;\n  const total = folderCount + fileCount;\n\n  return (\n    <CompositeChip gap={3}>\n      {folderCount > 0 ? (\n        <CountGroup>\n          <IconBox>\n            <FolderIcon width={FOLDER_ICON_SIZE} height={FOLDER_ICON_SIZE} />\n          </IconBox>\n          <Typography textColor=\"neutral800\" fontWeight=\"semiBold\">\n            {formatMessage(\n              {\n                id: getTranslationKey('dnd.overlay.folders'),\n                defaultMessage: '{count, plural, one {# folder} other {# folders}}',\n              },\n              { count: folderCount }\n            )}\n          </Typography>\n        </CountGroup>\n      ) : null}\n      {fileCount > 0 ? (\n        <CountGroup>\n          <IconBox>\n            <FileIcon width={FILE_ICON_SIZE} height={FILE_ICON_SIZE} />\n          </IconBox>\n          <Typography textColor=\"neutral800\" fontWeight=\"semiBold\">\n            {formatMessage(\n              {\n                id: getTranslationKey('dnd.overlay.files'),\n                defaultMessage: '{count, plural, one {# file} other {# files}}',\n              },\n              { count: fileCount }\n            )}\n          </Typography>\n        </CountGroup>\n      ) : null}\n      <TotalBadge>\n        <Typography textColor=\"neutral0\" fontWeight=\"bold\" variant=\"pi\">\n          {total}\n        </Typography>\n      </TotalBadge>\n    </CompositeChip>\n  );\n};\n"],"names":["FOLDER_ICON_SIZE","FILE_ICON_SIZE","ICON_BOX","Chip","styled","Flex","theme","spaces","borderRadius","colors","primary100","shadows","tableShadow","CompositeChip","primary200","CountGroup","IconBox","TotalBadge","primary600","DragOverlayChip","items","formatMessage","useIntl","length","item","isFolder","kind","Icon","FolderIcon","FileIcon","size","_jsxs","_jsx","width","height","Typography","textColor","fontWeight","ellipsis","name","folderCount","filter","fileCount","total","gap","id","getTranslationKey","defaultMessage","count","variant"],"mappings":";;;;;;;AASA;AACA;AACA;AACA,MAAMA,gBAAAA,GAAmB,EAAA;AACzB,MAAMC,cAAAA,GAAiB,EAAA;AACvB,MAAMC,QAAAA,GAAW,EAAA;AAEjB,MAAMC,IAAAA,GAAOC,MAAAA,CAAOC,IAAAA,CAAK;;;OAGlB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7B,WAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAK,CAAA,EAAGA,MAAMC,MAAM,CAAC,CAAA,CAAE,CAAC,CAAC,EAAED,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,EAAE,CAAC;AACnD,iBAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,YAAY,CAAC;cACvC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;cACzC,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,OAAO,CAACC,WAAW,CAAC;;;AAGzD,CAAC;AAED,MAAMC,aAAAA,GAAgBT,MAAAA,CAAOD,IAAAA,CAAK;;IAE9B,EAAE,CAAC,EAAEG,KAAK,EAAE,GAAKA,KAAAA,CAAMK,OAAO,CAACC,WAAW,CAAC;iBAC9B,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;cAC5C,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACK,UAAU,CAAC;iBACtC,EAAE,CAAC,EAAER,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACC,UAAU,CAAC;cAC5C,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACK,UAAU,CAAC;AACvD,CAAC;AAED,MAAMC,UAAAA,GAAaX,MAAAA,CAAOC,IAAAA,CAAK;;OAExB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AACxC,CAAC;AAED,MAAMS,OAAAA,GAAUZ,MAAAA,CAAOC,IAAAA,CAAK;;AAEnB,SAAA,EAAEH,QAAAA,CAAS;AACV,UAAA,EAAEA,QAAAA,CAAS;;;AAGrB,CAAC;AAED,MAAMe,UAAAA,GAAab,MAAAA,CAAOC,IAAAA,CAAK;;QAEvB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;UAC/B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;aAG9B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;UACpC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;aAC9B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC7B,iBAAA,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,YAAY,CAAC;cACvC,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMG,MAAM,CAACS,UAAU,CAAC;AACvD,CAAC;AAMM,MAAMC,eAAAA,GAAkB,CAAC,EAAEC,KAAK,EAAwB,GAAA;IAC7D,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,IAAIF,KAAAA,CAAMG,MAAM,KAAK,CAAA,EAAG;QACtB,OAAO,IAAA;AACT,IAAA;IAEA,IAAIH,KAAAA,CAAMG,MAAM,KAAK,CAAA,EAAG;QACtB,MAAMC,IAAAA,GAAOJ,KAAK,CAAC,CAAA,CAAE;QACrB,MAAMK,QAAAA,GAAWD,IAAAA,CAAKE,IAAI,KAAK,QAAA;QAC/B,MAAMC,IAAAA,GAAOF,WAAWG,MAAAA,GAAaC,IAAAA;QACrC,MAAMC,IAAAA,GAAOL,WAAWzB,gBAAAA,GAAmBC,cAAAA;AAE3C,QAAA,qBACE8B,IAAA,CAAC5B,IAAAA,EAAAA;;8BACC6B,GAAA,CAAChB,OAAAA,EAAAA;AACC,oBAAA,QAAA,gBAAAgB,GAAA,CAACL,IAAAA,EAAAA;wBAAKM,KAAAA,EAAOH,IAAAA;wBAAMI,MAAAA,EAAQJ;;;8BAE7BE,GAAA,CAACG,UAAAA,EAAAA;oBAAWC,SAAAA,EAAU,YAAA;oBAAaC,UAAAA,EAAW,UAAA;oBAAWC,QAAQ,EAAA,IAAA;AAC9Dd,oBAAAA,QAAAA,EAAAA,IAAAA,CAAKe;;;;AAId,IAAA;IAEA,MAAMC,WAAAA,GAAcpB,KAAAA,CAAMqB,MAAM,CAAC,CAACjB,OAASA,IAAAA,CAAKE,IAAI,KAAK,QAAA,CAAA,CAAUH,MAAM;IACzE,MAAMmB,SAAAA,GAAYtB,KAAAA,CAAMqB,MAAM,CAAC,CAACjB,OAASA,IAAAA,CAAKE,IAAI,KAAK,MAAA,CAAA,CAAQH,MAAM;AACrE,IAAA,MAAMoB,QAAQH,WAAAA,GAAcE,SAAAA;AAE5B,IAAA,qBACEX,IAAA,CAAClB,aAAAA,EAAAA;QAAc+B,GAAAA,EAAK,CAAA;;AACjBJ,YAAAA,WAAAA,GAAc,kBACbT,IAAA,CAAChB,UAAAA,EAAAA;;kCACCiB,GAAA,CAAChB,OAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAAgB,GAAA,CAACJ,MAAAA,EAAAA;4BAAWK,KAAAA,EAAOjC,gBAAAA;4BAAkBkC,MAAAA,EAAQlC;;;kCAE/CgC,GAAA,CAACG,UAAAA,EAAAA;wBAAWC,SAAAA,EAAU,YAAA;wBAAaC,UAAAA,EAAW,UAAA;kCAC3ChB,aAAAA,CACC;AACEwB,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,qBAAA,CAAA;4BACtBC,cAAAA,EAAgB;yBAClB,EACA;4BAAEC,KAAAA,EAAOR;AAAY,yBAAA;;;AAIzB,aAAA,CAAA,GAAA,IAAA;AACHE,YAAAA,SAAAA,GAAY,kBACXX,IAAA,CAAChB,UAAAA,EAAAA;;kCACCiB,GAAA,CAAChB,OAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAAgB,GAAA,CAACH,IAAAA,EAAAA;4BAASI,KAAAA,EAAOhC,cAAAA;4BAAgBiC,MAAAA,EAAQjC;;;kCAE3C+B,GAAA,CAACG,UAAAA,EAAAA;wBAAWC,SAAAA,EAAU,YAAA;wBAAaC,UAAAA,EAAW,UAAA;kCAC3ChB,aAAAA,CACC;AACEwB,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,mBAAA,CAAA;4BACtBC,cAAAA,EAAgB;yBAClB,EACA;4BAAEC,KAAAA,EAAON;AAAU,yBAAA;;;AAIvB,aAAA,CAAA,GAAA,IAAA;0BACJV,GAAA,CAACf,UAAAA,EAAAA;AACC,gBAAA,QAAA,gBAAAe,GAAA,CAACG,UAAAA,EAAAA;oBAAWC,SAAAA,EAAU,UAAA;oBAAWC,UAAAA,EAAW,MAAA;oBAAOY,OAAAA,EAAQ,IAAA;AACxDN,oBAAAA,QAAAA,EAAAA;;;;;AAKX;;;;"}

package/dist/admin/future/pages/Assets/components/Dnd/buildDragSet.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var selection = require('../../utils/selection.js');
+
+/**
+ * Stamp an item with the authoritative current-folder location. Drag/selection is
+ * page-scoped to the current folder, so this is more reliable than the item's own
+ * `folderId`/`parentId` — a dragged folder's `parent` is not populated by the
+ * folders query, so its `parentId` would otherwise collapse to `null`.
+ */ const locateItem = (item, currentFolderId)=>item.kind === 'file' ? {
+        ...item,
+        folderId: currentFolderId
+    } : {
+        ...item,
+        parentId: currentFolderId
+    };
+/**
+ * Derive the drag payload once at drag start.
+ *
+ * - Dragging a selected item moves the complete current selection.
+ * - Dragging an unselected item moves only that item.
+ *
+ * Selection is page-scoped to the current folder, so every item is stamped with
+ * `currentFolderId` as its location for move validation.
+ */ const buildDragSet = (activeData, selectedKeys, currentFolderId)=>{
+    if (!selectedKeys || selectedKeys.size === 0) {
+        return {
+            items: [
+                locateItem(activeData, currentFolderId)
+            ],
+            fromSelection: false
+        };
+    }
+    const activeKey = activeData.kind === 'file' ? selection.assetKey(activeData.id) : selection.folderKey(activeData.id);
+    if (!selectedKeys.has(activeKey)) {
+        return {
+            items: [
+                locateItem(activeData, currentFolderId)
+            ],
+            fromSelection: false
+        };
+    }
+    const items = [];
+    selectedKeys.forEach((key)=>{
+        const separator = key.indexOf(':');
+        const kind = key.slice(0, separator);
+        const id = Number(key.slice(separator + 1));
+        if (kind === 'asset') {
+            items.push({
+                kind: 'file',
+                id,
+                name: activeData.kind === 'file' && activeData.id === id ? activeData.name : '',
+                folderId: currentFolderId
+            });
+            return;
+        }
+        items.push({
+            kind: 'folder',
+            id,
+            name: activeData.kind === 'folder' && activeData.id === id ? activeData.name : '',
+            parentId: currentFolderId
+        });
+    });
+    return {
+        items,
+        fromSelection: true
+    };
+};
+
+exports.buildDragSet = buildDragSet;
+//# sourceMappingURL=buildDragSet.js.map

package/dist/admin/future/pages/Assets/components/Dnd/buildDragSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildDragSet.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/buildDragSet.ts"],"sourcesContent":["import { assetKey, folderKey, type ItemKey } from '../../utils/selection';\n\nimport type { DragItemData } from '../../../../types/dnd';\n\nexport interface DragSet {\n  items: DragItemData[];\n  /** True when the active item was already selected — membership is the full selection. */\n  fromSelection: boolean;\n}\n\n/**\n * Stamp an item with the authoritative current-folder location. Drag/selection is\n * page-scoped to the current folder, so this is more reliable than the item's own\n * `folderId`/`parentId` — a dragged folder's `parent` is not populated by the\n * folders query, so its `parentId` would otherwise collapse to `null`.\n */\nconst locateItem = (item: DragItemData, currentFolderId: number | null): DragItemData =>\n  item.kind === 'file'\n    ? { ...item, folderId: currentFolderId }\n    : { ...item, parentId: currentFolderId };\n\n/**\n * Derive the drag payload once at drag start.\n *\n * - Dragging a selected item moves the complete current selection.\n * - Dragging an unselected item moves only that item.\n *\n * Selection is page-scoped to the current folder, so every item is stamped with\n * `currentFolderId` as its location for move validation.\n */\nexport const buildDragSet = (\n  activeData: DragItemData,\n  selectedKeys: Set<ItemKey> | undefined,\n  currentFolderId: number | null\n): DragSet => {\n  if (!selectedKeys || selectedKeys.size === 0) {\n    return { items: [locateItem(activeData, currentFolderId)], fromSelection: false };\n  }\n\n  const activeKey: ItemKey =\n    activeData.kind === 'file' ? assetKey(activeData.id) : folderKey(activeData.id);\n\n  if (!selectedKeys.has(activeKey)) {\n    return { items: [locateItem(activeData, currentFolderId)], fromSelection: false };\n  }\n\n  const items: DragItemData[] = [];\n\n  selectedKeys.forEach((key) => {\n    const separator = key.indexOf(':');\n    const kind = key.slice(0, separator);\n    const id = Number(key.slice(separator + 1));\n\n    if (kind === 'asset') {\n      items.push({\n        kind: 'file',\n        id,\n        name: activeData.kind === 'file' && activeData.id === id ? activeData.name : '',\n        folderId: currentFolderId,\n      });\n      return;\n    }\n\n    items.push({\n      kind: 'folder',\n      id,\n      name: activeData.kind === 'folder' && activeData.id === id ? activeData.name : '',\n      parentId: currentFolderId,\n    });\n  });\n\n  return { items, fromSelection: true };\n};\n"],"names":["locateItem","item","currentFolderId","kind","folderId","parentId","buildDragSet","activeData","selectedKeys","size","items","fromSelection","activeKey","assetKey","id","folderKey","has","forEach","key","separator","indexOf","slice","Number","push","name"],"mappings":";;;;AAUA;;;;;IAMA,MAAMA,aAAa,CAACC,IAAAA,EAAoBC,kBACtCD,IAAAA,CAAKE,IAAI,KAAK,MAAA,GACV;AAAE,QAAA,GAAGF,IAAI;QAAEG,QAAAA,EAAUF;KAAgB,GACrC;AAAE,QAAA,GAAGD,IAAI;QAAEI,QAAAA,EAAUH;AAAgB,KAAA;AAE3C;;;;;;;;AAQC,IACM,MAAMI,YAAAA,GAAe,CAC1BC,YACAC,YAAAA,EACAN,eAAAA,GAAAA;AAEA,IAAA,IAAI,CAACM,YAAAA,IAAgBA,YAAAA,CAAaC,IAAI,KAAK,CAAA,EAAG;QAC5C,OAAO;YAAEC,KAAAA,EAAO;AAACV,gBAAAA,UAAAA,CAAWO,UAAAA,EAAYL,eAAAA;AAAiB,aAAA;YAAES,aAAAA,EAAe;AAAM,SAAA;AAClF,IAAA;IAEA,MAAMC,SAAAA,GACJL,UAAAA,CAAWJ,IAAI,KAAK,MAAA,GAASU,kBAAAA,CAASN,UAAAA,CAAWO,EAAE,CAAA,GAAIC,mBAAAA,CAAUR,UAAAA,CAAWO,EAAE,CAAA;AAEhF,IAAA,IAAI,CAACN,YAAAA,CAAaQ,GAAG,CAACJ,SAAAA,CAAAA,EAAY;QAChC,OAAO;YAAEF,KAAAA,EAAO;AAACV,gBAAAA,UAAAA,CAAWO,UAAAA,EAAYL,eAAAA;AAAiB,aAAA;YAAES,aAAAA,EAAe;AAAM,SAAA;AAClF,IAAA;AAEA,IAAA,MAAMD,QAAwB,EAAE;IAEhCF,YAAAA,CAAaS,OAAO,CAAC,CAACC,GAAAA,GAAAA;QACpB,MAAMC,SAAAA,GAAYD,GAAAA,CAAIE,OAAO,CAAC,GAAA,CAAA;AAC9B,QAAA,MAAMjB,IAAAA,GAAOe,GAAAA,CAAIG,KAAK,CAAC,CAAA,EAAGF,SAAAA,CAAAA;AAC1B,QAAA,MAAML,EAAAA,GAAKQ,MAAAA,CAAOJ,GAAAA,CAAIG,KAAK,CAACF,SAAAA,GAAY,CAAA,CAAA,CAAA;AAExC,QAAA,IAAIhB,SAAS,OAAA,EAAS;AACpBO,YAAAA,KAAAA,CAAMa,IAAI,CAAC;gBACTpB,IAAAA,EAAM,MAAA;AACNW,gBAAAA,EAAAA;gBACAU,IAAAA,EAAMjB,UAAAA,CAAWJ,IAAI,KAAK,MAAA,IAAUI,UAAAA,CAAWO,EAAE,KAAKA,EAAAA,GAAKP,UAAAA,CAAWiB,IAAI,GAAG,EAAA;gBAC7EpB,QAAAA,EAAUF;AACZ,aAAA,CAAA;AACA,YAAA;AACF,QAAA;AAEAQ,QAAAA,KAAAA,CAAMa,IAAI,CAAC;YACTpB,IAAAA,EAAM,QAAA;AACNW,YAAAA,EAAAA;YACAU,IAAAA,EAAMjB,UAAAA,CAAWJ,IAAI,KAAK,QAAA,IAAYI,UAAAA,CAAWO,EAAE,KAAKA,EAAAA,GAAKP,UAAAA,CAAWiB,IAAI,GAAG,EAAA;YAC/EnB,QAAAA,EAAUH;AACZ,SAAA,CAAA;AACF,IAAA,CAAA,CAAA;IAEA,OAAO;AAAEQ,QAAAA,KAAAA;QAAOC,aAAAA,EAAe;AAAK,KAAA;AACtC;;;;"}

package/dist/admin/future/pages/Assets/components/Dnd/buildDragSet.mjs

@@ -0,0 +1,69 @@
+import { assetKey, folderKey } from '../../utils/selection.mjs';
+
+/**
+ * Stamp an item with the authoritative current-folder location. Drag/selection is
+ * page-scoped to the current folder, so this is more reliable than the item's own
+ * `folderId`/`parentId` — a dragged folder's `parent` is not populated by the
+ * folders query, so its `parentId` would otherwise collapse to `null`.
+ */ const locateItem = (item, currentFolderId)=>item.kind === 'file' ? {
+        ...item,
+        folderId: currentFolderId
+    } : {
+        ...item,
+        parentId: currentFolderId
+    };
+/**
+ * Derive the drag payload once at drag start.
+ *
+ * - Dragging a selected item moves the complete current selection.
+ * - Dragging an unselected item moves only that item.
+ *
+ * Selection is page-scoped to the current folder, so every item is stamped with
+ * `currentFolderId` as its location for move validation.
+ */ const buildDragSet = (activeData, selectedKeys, currentFolderId)=>{
+    if (!selectedKeys || selectedKeys.size === 0) {
+        return {
+            items: [
+                locateItem(activeData, currentFolderId)
+            ],
+            fromSelection: false
+        };
+    }
+    const activeKey = activeData.kind === 'file' ? assetKey(activeData.id) : folderKey(activeData.id);
+    if (!selectedKeys.has(activeKey)) {
+        return {
+            items: [
+                locateItem(activeData, currentFolderId)
+            ],
+            fromSelection: false
+        };
+    }
+    const items = [];
+    selectedKeys.forEach((key)=>{
+        const separator = key.indexOf(':');
+        const kind = key.slice(0, separator);
+        const id = Number(key.slice(separator + 1));
+        if (kind === 'asset') {
+            items.push({
+                kind: 'file',
+                id,
+                name: activeData.kind === 'file' && activeData.id === id ? activeData.name : '',
+                folderId: currentFolderId
+            });
+            return;
+        }
+        items.push({
+            kind: 'folder',
+            id,
+            name: activeData.kind === 'folder' && activeData.id === id ? activeData.name : '',
+            parentId: currentFolderId
+        });
+    });
+    return {
+        items,
+        fromSelection: true
+    };
+};
+
+export { buildDragSet };
+//# sourceMappingURL=buildDragSet.mjs.map

package/dist/admin/future/pages/Assets/components/Dnd/buildDragSet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildDragSet.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/buildDragSet.ts"],"sourcesContent":["import { assetKey, folderKey, type ItemKey } from '../../utils/selection';\n\nimport type { DragItemData } from '../../../../types/dnd';\n\nexport interface DragSet {\n  items: DragItemData[];\n  /** True when the active item was already selected — membership is the full selection. */\n  fromSelection: boolean;\n}\n\n/**\n * Stamp an item with the authoritative current-folder location. Drag/selection is\n * page-scoped to the current folder, so this is more reliable than the item's own\n * `folderId`/`parentId` — a dragged folder's `parent` is not populated by the\n * folders query, so its `parentId` would otherwise collapse to `null`.\n */\nconst locateItem = (item: DragItemData, currentFolderId: number | null): DragItemData =>\n  item.kind === 'file'\n    ? { ...item, folderId: currentFolderId }\n    : { ...item, parentId: currentFolderId };\n\n/**\n * Derive the drag payload once at drag start.\n *\n * - Dragging a selected item moves the complete current selection.\n * - Dragging an unselected item moves only that item.\n *\n * Selection is page-scoped to the current folder, so every item is stamped with\n * `currentFolderId` as its location for move validation.\n */\nexport const buildDragSet = (\n  activeData: DragItemData,\n  selectedKeys: Set<ItemKey> | undefined,\n  currentFolderId: number | null\n): DragSet => {\n  if (!selectedKeys || selectedKeys.size === 0) {\n    return { items: [locateItem(activeData, currentFolderId)], fromSelection: false };\n  }\n\n  const activeKey: ItemKey =\n    activeData.kind === 'file' ? assetKey(activeData.id) : folderKey(activeData.id);\n\n  if (!selectedKeys.has(activeKey)) {\n    return { items: [locateItem(activeData, currentFolderId)], fromSelection: false };\n  }\n\n  const items: DragItemData[] = [];\n\n  selectedKeys.forEach((key) => {\n    const separator = key.indexOf(':');\n    const kind = key.slice(0, separator);\n    const id = Number(key.slice(separator + 1));\n\n    if (kind === 'asset') {\n      items.push({\n        kind: 'file',\n        id,\n        name: activeData.kind === 'file' && activeData.id === id ? activeData.name : '',\n        folderId: currentFolderId,\n      });\n      return;\n    }\n\n    items.push({\n      kind: 'folder',\n      id,\n      name: activeData.kind === 'folder' && activeData.id === id ? activeData.name : '',\n      parentId: currentFolderId,\n    });\n  });\n\n  return { items, fromSelection: true };\n};\n"],"names":["locateItem","item","currentFolderId","kind","folderId","parentId","buildDragSet","activeData","selectedKeys","size","items","fromSelection","activeKey","assetKey","id","folderKey","has","forEach","key","separator","indexOf","slice","Number","push","name"],"mappings":";;AAUA;;;;;IAMA,MAAMA,aAAa,CAACC,IAAAA,EAAoBC,kBACtCD,IAAAA,CAAKE,IAAI,KAAK,MAAA,GACV;AAAE,QAAA,GAAGF,IAAI;QAAEG,QAAAA,EAAUF;KAAgB,GACrC;AAAE,QAAA,GAAGD,IAAI;QAAEI,QAAAA,EAAUH;AAAgB,KAAA;AAE3C;;;;;;;;AAQC,IACM,MAAMI,YAAAA,GAAe,CAC1BC,YACAC,YAAAA,EACAN,eAAAA,GAAAA;AAEA,IAAA,IAAI,CAACM,YAAAA,IAAgBA,YAAAA,CAAaC,IAAI,KAAK,CAAA,EAAG;QAC5C,OAAO;YAAEC,KAAAA,EAAO;AAACV,gBAAAA,UAAAA,CAAWO,UAAAA,EAAYL,eAAAA;AAAiB,aAAA;YAAES,aAAAA,EAAe;AAAM,SAAA;AAClF,IAAA;IAEA,MAAMC,SAAAA,GACJL,UAAAA,CAAWJ,IAAI,KAAK,MAAA,GAASU,QAAAA,CAASN,UAAAA,CAAWO,EAAE,CAAA,GAAIC,SAAAA,CAAUR,UAAAA,CAAWO,EAAE,CAAA;AAEhF,IAAA,IAAI,CAACN,YAAAA,CAAaQ,GAAG,CAACJ,SAAAA,CAAAA,EAAY;QAChC,OAAO;YAAEF,KAAAA,EAAO;AAACV,gBAAAA,UAAAA,CAAWO,UAAAA,EAAYL,eAAAA;AAAiB,aAAA;YAAES,aAAAA,EAAe;AAAM,SAAA;AAClF,IAAA;AAEA,IAAA,MAAMD,QAAwB,EAAE;IAEhCF,YAAAA,CAAaS,OAAO,CAAC,CAACC,GAAAA,GAAAA;QACpB,MAAMC,SAAAA,GAAYD,GAAAA,CAAIE,OAAO,CAAC,GAAA,CAAA;AAC9B,QAAA,MAAMjB,IAAAA,GAAOe,GAAAA,CAAIG,KAAK,CAAC,CAAA,EAAGF,SAAAA,CAAAA;AAC1B,QAAA,MAAML,EAAAA,GAAKQ,MAAAA,CAAOJ,GAAAA,CAAIG,KAAK,CAACF,SAAAA,GAAY,CAAA,CAAA,CAAA;AAExC,QAAA,IAAIhB,SAAS,OAAA,EAAS;AACpBO,YAAAA,KAAAA,CAAMa,IAAI,CAAC;gBACTpB,IAAAA,EAAM,MAAA;AACNW,gBAAAA,EAAAA;gBACAU,IAAAA,EAAMjB,UAAAA,CAAWJ,IAAI,KAAK,MAAA,IAAUI,UAAAA,CAAWO,EAAE,KAAKA,EAAAA,GAAKP,UAAAA,CAAWiB,IAAI,GAAG,EAAA;gBAC7EpB,QAAAA,EAAUF;AACZ,aAAA,CAAA;AACA,YAAA;AACF,QAAA;AAEAQ,QAAAA,KAAAA,CAAMa,IAAI,CAAC;YACTpB,IAAAA,EAAM,QAAA;AACNW,YAAAA,EAAAA;YACAU,IAAAA,EAAMjB,UAAAA,CAAWJ,IAAI,KAAK,QAAA,IAAYI,UAAAA,CAAWO,EAAE,KAAKA,EAAAA,GAAKP,UAAAA,CAAWiB,IAAI,GAAG,EAAA;YAC/EnB,QAAAA,EAAUH;AACZ,SAAA,CAAA;AACF,IAAA,CAAA,CAAA;IAEA,OAAO;AAAEQ,QAAAA,KAAAA;QAAOC,aAAAA,EAAe;AAAK,KAAA;AACtC;;;;"}

package/dist/admin/future/pages/Assets/components/Dnd/computeValidDropTargets.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var canDropItemOnFolder = require('../../../../utils/canDropItemOnFolder.js');
+var flattenFolderStructure = require('../../../../utils/flattenFolderStructure.js');
+
+/**
+ * Evaluate destination validity once for the full drag set. Callers look up
+ * targets in O(1) via {@link Set.has} — `null` represents the Home/root drop.
+ */ const computeValidDropTargets = (items, folderStructure)=>{
+    const valid = new Set();
+    if (items.length === 0) {
+        return valid;
+    }
+    if (canDropItemOnFolder.canDropItemOnFolder({
+        items,
+        targetFolderId: null,
+        folderStructure
+    })) {
+        valid.add(null);
+    }
+    for (const { id } of flattenFolderStructure.flattenFolderStructure(folderStructure)){
+        if (canDropItemOnFolder.canDropItemOnFolder({
+            items,
+            targetFolderId: id,
+            folderStructure
+        })) {
+            valid.add(id);
+        }
+    }
+    return valid;
+};
+
+exports.computeValidDropTargets = computeValidDropTargets;
+//# sourceMappingURL=computeValidDropTargets.js.map

package/dist/admin/future/pages/Assets/components/Dnd/computeValidDropTargets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeValidDropTargets.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/computeValidDropTargets.ts"],"sourcesContent":["import { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder';\nimport { flattenFolderStructure } from '../../../../utils/flattenFolderStructure';\n\nimport type { FolderNode } from '../../../../../../../shared/contracts/folders';\nimport type { DragItemData } from '../../../../types/dnd';\n\n/**\n * Evaluate destination validity once for the full drag set. Callers look up\n * targets in O(1) via {@link Set.has} — `null` represents the Home/root drop.\n */\nexport const computeValidDropTargets = (\n  items: DragItemData[],\n  folderStructure: FolderNode[]\n): Set<number | null> => {\n  const valid = new Set<number | null>();\n\n  if (items.length === 0) {\n    return valid;\n  }\n\n  if (canDropItemOnFolder({ items, targetFolderId: null, folderStructure })) {\n    valid.add(null);\n  }\n\n  for (const { id } of flattenFolderStructure(folderStructure)) {\n    if (canDropItemOnFolder({ items, targetFolderId: id, folderStructure })) {\n      valid.add(id);\n    }\n  }\n\n  return valid;\n};\n"],"names":["computeValidDropTargets","items","folderStructure","valid","Set","length","canDropItemOnFolder","targetFolderId","add","id","flattenFolderStructure"],"mappings":";;;;;AAMA;;;AAGC,IACM,MAAMA,uBAAAA,GAA0B,CACrCC,KAAAA,EACAC,eAAAA,GAAAA;AAEA,IAAA,MAAMC,QAAQ,IAAIC,GAAAA,EAAAA;IAElB,IAAIH,KAAAA,CAAMI,MAAM,KAAK,CAAA,EAAG;QACtB,OAAOF,KAAAA;AACT,IAAA;AAEA,IAAA,IAAIG,uCAAAA,CAAoB;AAAEL,QAAAA,KAAAA;QAAOM,cAAAA,EAAgB,IAAA;AAAML,QAAAA;KAAgB,CAAA,EAAI;AACzEC,QAAAA,KAAAA,CAAMK,GAAG,CAAC,IAAA,CAAA;AACZ,IAAA;AAEA,IAAA,KAAK,MAAM,EAAEC,EAAE,EAAE,IAAIC,8CAAuBR,eAAAA,CAAAA,CAAkB;AAC5D,QAAA,IAAII,uCAAAA,CAAoB;AAAEL,YAAAA,KAAAA;YAAOM,cAAAA,EAAgBE,EAAAA;AAAIP,YAAAA;SAAgB,CAAA,EAAI;AACvEC,YAAAA,KAAAA,CAAMK,GAAG,CAACC,EAAAA,CAAAA;AACZ,QAAA;AACF,IAAA;IAEA,OAAON,KAAAA;AACT;;;;"}

package/dist/admin/future/pages/Assets/components/Dnd/computeValidDropTargets.mjs

@@ -0,0 +1,32 @@
+import { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder.mjs';
+import { flattenFolderStructure } from '../../../../utils/flattenFolderStructure.mjs';
+
+/**
+ * Evaluate destination validity once for the full drag set. Callers look up
+ * targets in O(1) via {@link Set.has} — `null` represents the Home/root drop.
+ */ const computeValidDropTargets = (items, folderStructure)=>{
+    const valid = new Set();
+    if (items.length === 0) {
+        return valid;
+    }
+    if (canDropItemOnFolder({
+        items,
+        targetFolderId: null,
+        folderStructure
+    })) {
+        valid.add(null);
+    }
+    for (const { id } of flattenFolderStructure(folderStructure)){
+        if (canDropItemOnFolder({
+            items,
+            targetFolderId: id,
+            folderStructure
+        })) {
+            valid.add(id);
+        }
+    }
+    return valid;
+};
+
+export { computeValidDropTargets };
+//# sourceMappingURL=computeValidDropTargets.mjs.map

package/dist/admin/future/pages/Assets/components/Dnd/computeValidDropTargets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeValidDropTargets.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/computeValidDropTargets.ts"],"sourcesContent":["import { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder';\nimport { flattenFolderStructure } from '../../../../utils/flattenFolderStructure';\n\nimport type { FolderNode } from '../../../../../../../shared/contracts/folders';\nimport type { DragItemData } from '../../../../types/dnd';\n\n/**\n * Evaluate destination validity once for the full drag set. Callers look up\n * targets in O(1) via {@link Set.has} — `null` represents the Home/root drop.\n */\nexport const computeValidDropTargets = (\n  items: DragItemData[],\n  folderStructure: FolderNode[]\n): Set<number | null> => {\n  const valid = new Set<number | null>();\n\n  if (items.length === 0) {\n    return valid;\n  }\n\n  if (canDropItemOnFolder({ items, targetFolderId: null, folderStructure })) {\n    valid.add(null);\n  }\n\n  for (const { id } of flattenFolderStructure(folderStructure)) {\n    if (canDropItemOnFolder({ items, targetFolderId: id, folderStructure })) {\n      valid.add(id);\n    }\n  }\n\n  return valid;\n};\n"],"names":["computeValidDropTargets","items","folderStructure","valid","Set","length","canDropItemOnFolder","targetFolderId","add","id","flattenFolderStructure"],"mappings":";;;AAMA;;;AAGC,IACM,MAAMA,uBAAAA,GAA0B,CACrCC,KAAAA,EACAC,eAAAA,GAAAA;AAEA,IAAA,MAAMC,QAAQ,IAAIC,GAAAA,EAAAA;IAElB,IAAIH,KAAAA,CAAMI,MAAM,KAAK,CAAA,EAAG;QACtB,OAAOF,KAAAA;AACT,IAAA;AAEA,IAAA,IAAIG,mBAAAA,CAAoB;AAAEL,QAAAA,KAAAA;QAAOM,cAAAA,EAAgB,IAAA;AAAML,QAAAA;KAAgB,CAAA,EAAI;AACzEC,QAAAA,KAAAA,CAAMK,GAAG,CAAC,IAAA,CAAA;AACZ,IAAA;AAEA,IAAA,KAAK,MAAM,EAAEC,EAAE,EAAE,IAAIC,uBAAuBR,eAAAA,CAAAA,CAAkB;AAC5D,QAAA,IAAII,mBAAAA,CAAoB;AAAEL,YAAAA,KAAAA;YAAOM,cAAAA,EAAgBE,EAAAA;AAAIP,YAAAA;SAAgB,CAAA,EAAI;AACvEC,YAAAA,KAAAA,CAAMK,GAAG,CAACC,EAAAA,CAAAA;AACZ,QAAA;AACF,IAAA;IAEA,OAAON,KAAAA;AACT;;;;"}

package/dist/admin/future/pages/Assets/components/Dnd/dndIds.js

@@ -10,9 +10,24 @@ const parseFolderTargetId = (dndId)=>{
     const match = /^folder-target:(\d+)$/.exec(dndId);
     return match ? Number(match[1]) : null;
 };
+const toFolderTreeTargetId = (id)=>`folder-tree-target:${id}`;
+const HOME_TREE_TARGET_ID = 'folder-tree-target:home';
+const parseFolderTreeTargetId = (dndId)=>{
+    if (typeof dndId !== 'string') {
+        return null;
+    }
+    if (dndId === HOME_TREE_TARGET_ID) {
+        return 'root';
+    }
+    const match = /^folder-tree-target:(\d+)$/.exec(dndId);
+    return match ? Number(match[1]) : null;
+};
 
+exports.HOME_TREE_TARGET_ID = HOME_TREE_TARGET_ID;
 exports.parseFolderTargetId = parseFolderTargetId;
+exports.parseFolderTreeTargetId = parseFolderTreeTargetId;
 exports.toFileDraggableId = toFileDraggableId;
 exports.toFolderDraggableId = toFolderDraggableId;
 exports.toFolderTargetId = toFolderTargetId;
+exports.toFolderTreeTargetId = toFolderTreeTargetId;
 //# sourceMappingURL=dndIds.js.map

package/dist/admin/future/pages/Assets/components/Dnd/dndIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"dndIds.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/dndIds.ts"],"sourcesContent":["export const toFileDraggableId = (id: number) => `file:${id}` as const;\n\nexport const toFolderDraggableId = (id: number) => `folder:${id}` as const;\n\nexport const toFolderTargetId = (id: number) => `folder-target:${id}` as const;\n\nexport const parseFolderTargetId = (dndId: string | number): number | null => {\n  if (typeof dndId !== 'string') {\n    return null;\n  }\n\n  const match = /^folder-target:(\\d+)$/.exec(dndId);\n  return match ? Number(match[1]) : null;\n};\n"],"names":["toFileDraggableId","id","toFolderDraggableId","toFolderTargetId","parseFolderTargetId","dndId","match","exec","Number"],"mappings":";;AAAO,MAAMA,oBAAoB,CAACC,EAAAA,GAAe,CAAC,KAAK,EAAEA;AAElD,MAAMC,sBAAsB,CAACD,EAAAA,GAAe,CAAC,OAAO,EAAEA;AAEtD,MAAME,mBAAmB,CAACF,EAAAA,GAAe,CAAC,cAAc,EAAEA;AAE1D,MAAMG,sBAAsB,CAACC,KAAAA,GAAAA;IAClC,IAAI,OAAOA,UAAU,QAAA,EAAU;QAC7B,OAAO,IAAA;AACT,IAAA;IAEA,MAAMC,KAAAA,GAAQ,uBAAA,CAAwBC,IAAI,CAACF,KAAAA,CAAAA;AAC3C,IAAA,OAAOC,KAAAA,GAAQE,MAAAA,CAAOF,KAAK,CAAC,EAAE,CAAA,GAAI,IAAA;AACpC;;;;;;;"}
+{"version":3,"file":"dndIds.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/dndIds.ts"],"sourcesContent":["export const toFileDraggableId = (id: number) => `file:${id}` as const;\n\nexport const toFolderDraggableId = (id: number) => `folder:${id}` as const;\n\nexport const toFolderTargetId = (id: number) => `folder-target:${id}` as const;\n\nexport const parseFolderTargetId = (dndId: string | number): number | null => {\n  if (typeof dndId !== 'string') {\n    return null;\n  }\n\n  const match = /^folder-target:(\\d+)$/.exec(dndId);\n  return match ? Number(match[1]) : null;\n};\n\nexport const toFolderTreeTargetId = (id: number) => `folder-tree-target:${id}` as const;\n\nexport const HOME_TREE_TARGET_ID = 'folder-tree-target:home' as const;\n\nexport const parseFolderTreeTargetId = (dndId: string | number): number | 'root' | null => {\n  if (typeof dndId !== 'string') {\n    return null;\n  }\n\n  if (dndId === HOME_TREE_TARGET_ID) {\n    return 'root';\n  }\n\n  const match = /^folder-tree-target:(\\d+)$/.exec(dndId);\n  return match ? Number(match[1]) : null;\n};\n"],"names":["toFileDraggableId","id","toFolderDraggableId","toFolderTargetId","parseFolderTargetId","dndId","match","exec","Number","toFolderTreeTargetId","HOME_TREE_TARGET_ID","parseFolderTreeTargetId"],"mappings":";;AAAO,MAAMA,oBAAoB,CAACC,EAAAA,GAAe,CAAC,KAAK,EAAEA;AAElD,MAAMC,sBAAsB,CAACD,EAAAA,GAAe,CAAC,OAAO,EAAEA;AAEtD,MAAME,mBAAmB,CAACF,EAAAA,GAAe,CAAC,cAAc,EAAEA;AAE1D,MAAMG,sBAAsB,CAACC,KAAAA,GAAAA;IAClC,IAAI,OAAOA,UAAU,QAAA,EAAU;QAC7B,OAAO,IAAA;AACT,IAAA;IAEA,MAAMC,KAAAA,GAAQ,uBAAA,CAAwBC,IAAI,CAACF,KAAAA,CAAAA;AAC3C,IAAA,OAAOC,KAAAA,GAAQE,MAAAA,CAAOF,KAAK,CAAC,EAAE,CAAA,GAAI,IAAA;AACpC;AAEO,MAAMG,uBAAuB,CAACR,EAAAA,GAAe,CAAC,mBAAmB,EAAEA;AAEnE,MAAMS,sBAAsB;AAE5B,MAAMC,0BAA0B,CAACN,KAAAA,GAAAA;IACtC,IAAI,OAAOA,UAAU,QAAA,EAAU;QAC7B,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,IAAIA,UAAUK,mBAAAA,EAAqB;QACjC,OAAO,MAAA;AACT,IAAA;IAEA,MAAMJ,KAAAA,GAAQ,4BAAA,CAA6BC,IAAI,CAACF,KAAAA,CAAAA;AAChD,IAAA,OAAOC,KAAAA,GAAQE,MAAAA,CAAOF,KAAK,CAAC,EAAE,CAAA,GAAI,IAAA;AACpC;;;;;;;;;;"}

package/dist/admin/future/pages/Assets/components/Dnd/dndIds.mjs

@@ -8,6 +8,18 @@ const parseFolderTargetId = (dndId)=>{
     const match = /^folder-target:(\d+)$/.exec(dndId);
     return match ? Number(match[1]) : null;
 };
+const toFolderTreeTargetId = (id)=>`folder-tree-target:${id}`;
+const HOME_TREE_TARGET_ID = 'folder-tree-target:home';
+const parseFolderTreeTargetId = (dndId)=>{
+    if (typeof dndId !== 'string') {
+        return null;
+    }
+    if (dndId === HOME_TREE_TARGET_ID) {
+        return 'root';
+    }
+    const match = /^folder-tree-target:(\d+)$/.exec(dndId);
+    return match ? Number(match[1]) : null;
+};
 
-export { parseFolderTargetId, toFileDraggableId, toFolderDraggableId, toFolderTargetId };
+export { HOME_TREE_TARGET_ID, parseFolderTargetId, parseFolderTreeTargetId, toFileDraggableId, toFolderDraggableId, toFolderTargetId, toFolderTreeTargetId };
 //# sourceMappingURL=dndIds.mjs.map

package/dist/admin/future/pages/Assets/components/Dnd/dndIds.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dndIds.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/dndIds.ts"],"sourcesContent":["export const toFileDraggableId = (id: number) => `file:${id}` as const;\n\nexport const toFolderDraggableId = (id: number) => `folder:${id}` as const;\n\nexport const toFolderTargetId = (id: number) => `folder-target:${id}` as const;\n\nexport const parseFolderTargetId = (dndId: string | number): number | null => {\n  if (typeof dndId !== 'string') {\n    return null;\n  }\n\n  const match = /^folder-target:(\\d+)$/.exec(dndId);\n  return match ? Number(match[1]) : null;\n};\n"],"names":["toFileDraggableId","id","toFolderDraggableId","toFolderTargetId","parseFolderTargetId","dndId","match","exec","Number"],"mappings":"AAAO,MAAMA,oBAAoB,CAACC,EAAAA,GAAe,CAAC,KAAK,EAAEA;AAElD,MAAMC,sBAAsB,CAACD,EAAAA,GAAe,CAAC,OAAO,EAAEA;AAEtD,MAAME,mBAAmB,CAACF,EAAAA,GAAe,CAAC,cAAc,EAAEA;AAE1D,MAAMG,sBAAsB,CAACC,KAAAA,GAAAA;IAClC,IAAI,OAAOA,UAAU,QAAA,EAAU;QAC7B,OAAO,IAAA;AACT,IAAA;IAEA,MAAMC,KAAAA,GAAQ,uBAAA,CAAwBC,IAAI,CAACF,KAAAA,CAAAA;AAC3C,IAAA,OAAOC,KAAAA,GAAQE,MAAAA,CAAOF,KAAK,CAAC,EAAE,CAAA,GAAI,IAAA;AACpC;;;;"}
+{"version":3,"file":"dndIds.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/dndIds.ts"],"sourcesContent":["export const toFileDraggableId = (id: number) => `file:${id}` as const;\n\nexport const toFolderDraggableId = (id: number) => `folder:${id}` as const;\n\nexport const toFolderTargetId = (id: number) => `folder-target:${id}` as const;\n\nexport const parseFolderTargetId = (dndId: string | number): number | null => {\n  if (typeof dndId !== 'string') {\n    return null;\n  }\n\n  const match = /^folder-target:(\\d+)$/.exec(dndId);\n  return match ? Number(match[1]) : null;\n};\n\nexport const toFolderTreeTargetId = (id: number) => `folder-tree-target:${id}` as const;\n\nexport const HOME_TREE_TARGET_ID = 'folder-tree-target:home' as const;\n\nexport const parseFolderTreeTargetId = (dndId: string | number): number | 'root' | null => {\n  if (typeof dndId !== 'string') {\n    return null;\n  }\n\n  if (dndId === HOME_TREE_TARGET_ID) {\n    return 'root';\n  }\n\n  const match = /^folder-tree-target:(\\d+)$/.exec(dndId);\n  return match ? Number(match[1]) : null;\n};\n"],"names":["toFileDraggableId","id","toFolderDraggableId","toFolderTargetId","parseFolderTargetId","dndId","match","exec","Number","toFolderTreeTargetId","HOME_TREE_TARGET_ID","parseFolderTreeTargetId"],"mappings":"AAAO,MAAMA,oBAAoB,CAACC,EAAAA,GAAe,CAAC,KAAK,EAAEA;AAElD,MAAMC,sBAAsB,CAACD,EAAAA,GAAe,CAAC,OAAO,EAAEA;AAEtD,MAAME,mBAAmB,CAACF,EAAAA,GAAe,CAAC,cAAc,EAAEA;AAE1D,MAAMG,sBAAsB,CAACC,KAAAA,GAAAA;IAClC,IAAI,OAAOA,UAAU,QAAA,EAAU;QAC7B,OAAO,IAAA;AACT,IAAA;IAEA,MAAMC,KAAAA,GAAQ,uBAAA,CAAwBC,IAAI,CAACF,KAAAA,CAAAA;AAC3C,IAAA,OAAOC,KAAAA,GAAQE,MAAAA,CAAOF,KAAK,CAAC,EAAE,CAAA,GAAI,IAAA;AACpC;AAEO,MAAMG,uBAAuB,CAACR,EAAAA,GAAe,CAAC,mBAAmB,EAAEA;AAEnE,MAAMS,sBAAsB;AAE5B,MAAMC,0BAA0B,CAACN,KAAAA,GAAAA;IACtC,IAAI,OAAOA,UAAU,QAAA,EAAU;QAC7B,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,IAAIA,UAAUK,mBAAAA,EAAqB;QACjC,OAAO,MAAA;AACT,IAAA;IAEA,MAAMJ,KAAAA,GAAQ,4BAAA,CAA6BC,IAAI,CAACF,KAAAA,CAAAA;AAChD,IAAA,OAAOC,KAAAA,GAAQE,MAAAA,CAAOF,KAAK,CAAC,EAAE,CAAA,GAAI,IAAA;AACpC;;;;"}

package/dist/admin/future/pages/Assets/components/Dnd/useAssetDnd.js

@@ -2,11 +2,21 @@
 
 var React = require('react');
 var core = require('@dnd-kit/core');
-var folders = require('../../../../services/folders.js');
-var canDropItemOnFolder = require('../../../../utils/canDropItemOnFolder.js');
 var AssetsDndProvider = require('./AssetsDndProvider.js');
 var dndIds = require('./dndIds.js');
 
+const getFileFolderId = (folder)=>{
+    if (folder == null) {
+        return null;
+    }
+    if (typeof folder === 'object') {
+        return folder.id ?? null;
+    }
+    if (typeof folder === 'number') {
+        return folder;
+    }
+    return Number(folder) || null;
+};
 const useFileDraggable = (asset)=>{
     const { isMovePending } = AssetsDndProvider.useAssetsDndOptional() ?? {
         isMovePending: false
@@ -15,7 +25,7 @@ const useFileDraggable = (asset)=>{
             kind: 'file',
             id: asset.id,
             name: asset.name,
-            folderId: asset.folder == null ? null : typeof asset.folder === 'number' ? asset.folder : Number(asset.folder) || null
+            folderId: getFileFolderId(asset.folder)
         }), [
         asset.folder,
         asset.id,
@@ -28,11 +38,11 @@ const useFileDraggable = (asset)=>{
     });
 };
 const useFolderDraggableDroppable = (folder)=>{
-    const { isMovePending } = AssetsDndProvider.useAssetsDndOptional() ?? {
-        isMovePending: false
+    const { isMovePending, isValidDropTarget } = AssetsDndProvider.useAssetsDndOptional() ?? {
+        isMovePending: false,
+        isValidDropTarget: ()=>false
     };
     const { active } = core.useDndContext();
-    const { data: folderStructure = [] } = folders.useGetFolderStructureQuery();
     const parentId = typeof folder.parent === 'object' && folder.parent != null ? folder.parent.id ?? null : folder.parent ?? null;
     const dragData = React.useMemo(()=>({
             kind: 'folder',
@@ -62,26 +72,10 @@ const useFolderDraggableDroppable = (folder)=>{
         data: dropData,
         disabled: isMovePending
     });
-    const activeData = active?.data.current;
-    const isValidDropTarget = React.useMemo(()=>{
-        if (!activeData || activeData.id === folder.id && activeData.kind === 'folder') {
-            return false;
-        }
-        return canDropItemOnFolder.canDropItemOnFolder({
-            items: [
-                activeData
-            ],
-            targetFolderId: folder.id,
-            folderStructure
-        });
-    }, [
-        activeData,
-        folder.id,
-        folderStructure
-    ]);
+    const isValidTarget = isValidDropTarget(folder.id);
     const isOver = droppable.isOver;
-    const showValidDropHighlight = isOver && isValidDropTarget;
-    const showInvalidDropCursor = isOver && !isValidDropTarget && active != null;
+    const showValidDropHighlight = isOver && isValidTarget;
+    const showInvalidDropCursor = isOver && !isValidTarget && active != null;
     return {
         dragData,
         draggable,

package/dist/admin/future/pages/Assets/components/Dnd/useAssetDnd.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAssetDnd.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/useAssetDnd.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useDndContext, useDraggable, useDroppable } from '@dnd-kit/core';\n\nimport { useGetFolderStructureQuery } from '../../../../services/folders';\nimport { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder';\n\nimport { useAssetsDndOptional } from './AssetsDndProvider';\nimport { toFileDraggableId, toFolderDraggableId, toFolderTargetId } from './dndIds';\n\nimport type {\n  DragFileData,\n  DragFolderData,\n  DragItemData,\n  FolderTargetData,\n} from '../../../../types/dnd';\n\nexport const useFileDraggable = (asset: {\n  id: number;\n  name: string;\n  folder?: number | string | null;\n}) => {\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n\n  const data = useMemo<DragFileData>(\n    () => ({\n      kind: 'file',\n      id: asset.id,\n      name: asset.name,\n      folderId:\n        asset.folder == null\n          ? null\n          : typeof asset.folder === 'number'\n            ? asset.folder\n            : Number(asset.folder) || null,\n    }),\n    [asset.folder, asset.id, asset.name]\n  );\n\n  return useDraggable({\n    id: toFileDraggableId(asset.id),\n    data,\n    disabled: isMovePending,\n  });\n};\n\nexport const useFolderDraggableDroppable = (folder: {\n  id: number;\n  name: string;\n  parent?: number | null | { id?: number };\n}) => {\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n  const { active } = useDndContext();\n  const { data: folderStructure = [] } = useGetFolderStructureQuery();\n\n  const parentId =\n    typeof folder.parent === 'object' && folder.parent != null\n      ? (folder.parent.id ?? null)\n      : (folder.parent ?? null);\n\n  const dragData = useMemo<DragFolderData>(\n    () => ({\n      kind: 'folder',\n      id: folder.id,\n      name: folder.name,\n      parentId,\n    }),\n    [folder.id, folder.name, parentId]\n  );\n\n  const dropData = useMemo<FolderTargetData>(\n    () => ({\n      kind: 'folder-target',\n      id: folder.id,\n      name: folder.name,\n    }),\n    [folder.id, folder.name]\n  );\n\n  const draggable = useDraggable({\n    id: toFolderDraggableId(folder.id),\n    data: dragData,\n    disabled: isMovePending,\n  });\n\n  const droppable = useDroppable({\n    id: toFolderTargetId(folder.id),\n    data: dropData,\n    disabled: isMovePending,\n  });\n\n  const activeData = active?.data.current as DragItemData | undefined;\n\n  const isValidDropTarget = useMemo(() => {\n    if (!activeData || (activeData.id === folder.id && activeData.kind === 'folder')) {\n      return false;\n    }\n\n    return canDropItemOnFolder({\n      items: [activeData],\n      targetFolderId: folder.id,\n      folderStructure,\n    });\n  }, [activeData, folder.id, folderStructure]);\n\n  const isOver = droppable.isOver;\n  const showValidDropHighlight = isOver && isValidDropTarget;\n  const showInvalidDropCursor = isOver && !isValidDropTarget && active != null;\n\n  return {\n    dragData,\n    draggable,\n    droppable,\n    isDragging: draggable.isDragging,\n    showValidDropHighlight,\n    showInvalidDropCursor,\n  };\n};\n"],"names":["useFileDraggable","asset","isMovePending","useAssetsDndOptional","data","useMemo","kind","id","name","folderId","folder","Number","useDraggable","toFileDraggableId","disabled","useFolderDraggableDroppable","active","useDndContext","folderStructure","useGetFolderStructureQuery","parentId","parent","dragData","dropData","draggable","toFolderDraggableId","droppable","useDroppable","toFolderTargetId","activeData","current","isValidDropTarget","canDropItemOnFolder","items","targetFolderId","isOver","showValidDropHighlight","showInvalidDropCursor","isDragging"],"mappings":"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"}
+{"version":3,"file":"useAssetDnd.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/useAssetDnd.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useDndContext, useDraggable, useDroppable } from '@dnd-kit/core';\n\nimport { useAssetsDndOptional } from './AssetsDndProvider';\nimport { toFileDraggableId, toFolderDraggableId, toFolderTargetId } from './dndIds';\n\nimport type { DragFileData, DragFolderData, FolderTargetData } from '../../../../types/dnd';\n\nconst getFileFolderId = (\n  folder: number | string | { id?: number } | null | undefined\n): number | null => {\n  if (folder == null) {\n    return null;\n  }\n\n  if (typeof folder === 'object') {\n    return folder.id ?? null;\n  }\n\n  if (typeof folder === 'number') {\n    return folder;\n  }\n\n  return Number(folder) || null;\n};\n\nexport const useFileDraggable = (asset: {\n  id: number;\n  name: string;\n  folder?: number | string | { id?: number } | null;\n}) => {\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n\n  const data = useMemo<DragFileData>(\n    () => ({\n      kind: 'file',\n      id: asset.id,\n      name: asset.name,\n      folderId: getFileFolderId(asset.folder),\n    }),\n    [asset.folder, asset.id, asset.name]\n  );\n\n  return useDraggable({\n    id: toFileDraggableId(asset.id),\n    data,\n    disabled: isMovePending,\n  });\n};\n\nexport const useFolderDraggableDroppable = (folder: {\n  id: number;\n  name: string;\n  parent?: number | null | { id?: number };\n}) => {\n  const { isMovePending, isValidDropTarget } = useAssetsDndOptional() ?? {\n    isMovePending: false,\n    isValidDropTarget: () => false,\n  };\n  const { active } = useDndContext();\n\n  const parentId =\n    typeof folder.parent === 'object' && folder.parent != null\n      ? (folder.parent.id ?? null)\n      : (folder.parent ?? null);\n\n  const dragData = useMemo<DragFolderData>(\n    () => ({\n      kind: 'folder',\n      id: folder.id,\n      name: folder.name,\n      parentId,\n    }),\n    [folder.id, folder.name, parentId]\n  );\n\n  const dropData = useMemo<FolderTargetData>(\n    () => ({\n      kind: 'folder-target',\n      id: folder.id,\n      name: folder.name,\n    }),\n    [folder.id, folder.name]\n  );\n\n  const draggable = useDraggable({\n    id: toFolderDraggableId(folder.id),\n    data: dragData,\n    disabled: isMovePending,\n  });\n\n  const droppable = useDroppable({\n    id: toFolderTargetId(folder.id),\n    data: dropData,\n    disabled: isMovePending,\n  });\n\n  const isValidTarget = isValidDropTarget(folder.id);\n  const isOver = droppable.isOver;\n  const showValidDropHighlight = isOver && isValidTarget;\n  const showInvalidDropCursor = isOver && !isValidTarget && active != null;\n\n  return {\n    dragData,\n    draggable,\n    droppable,\n    isDragging: draggable.isDragging,\n    showValidDropHighlight,\n    showInvalidDropCursor,\n  };\n};\n"],"names":["getFileFolderId","folder","id","Number","useFileDraggable","asset","isMovePending","useAssetsDndOptional","data","useMemo","kind","name","folderId","useDraggable","toFileDraggableId","disabled","useFolderDraggableDroppable","isValidDropTarget","active","useDndContext","parentId","parent","dragData","dropData","draggable","toFolderDraggableId","droppable","useDroppable","toFolderTargetId","isValidTarget","isOver","showValidDropHighlight","showInvalidDropCursor","isDragging"],"mappings":"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"}