@strapi/upload 5.59.0 → 5.60.0

package/dist/admin/pages/Assets/components/AssetsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsView.js","sources":["../../../../../admin/src/pages/Assets/components/AssetsView.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { type ItemLocations } from '../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { viewOptions } from '../constants';\nimport { useInfiniteScrollSentinel } from '../hooks/useInfiniteScrollSentinel';\nimport { useListSettings } from '../hooks/useListSettings';\nimport { type FoldersPosition } from '../hooks/useListSort';\nimport { mergeMixedList } from '../utils/mergeMixedList';\nimport { buildRenderedKeys } from '../utils/renderedKeys';\n\nimport { AssetsGrid } from './AssetsGrid';\nimport { AssetsTable } from './AssetsTable';\nimport { BulkActionsBar } from './BulkActionsBar';\nimport { EmptyState, FilteredEmptyState } from './EmptyState';\nimport { ItemContextMenuProvider } from './ItemContextMenu';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\n// The negative bottom margin shrinks the trigger area by a pixel so the 1px\n// sentinel sitting exactly at the fold (when a page's rows happen to fill the\n// viewport) reads as \"not visible\" and doesn't pull an extra page. It still\n// triggers as soon as the sentinel scrolls a hair into view. Tune the bottom\n// value if the list over- or under-fetches near the fold.\nconst INTERSECTION_OPTIONS: IntersectionObserverInit = {\n  threshold: 0,\n  rootMargin: '0px 0px -1px 0px',\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsView\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsViewProps {\n  view: number;\n  folders: Folder[];\n  isLoadingFolders: boolean;\n  assets: File[];\n  /** Total matching assets on the server, beyond the pages loaded so far. */\n  assetsTotal?: number;\n  isLoadingAssets: boolean;\n  isFetchingMore: boolean;\n  hasNextPage: boolean;\n  fetchNextPage: () => void;\n  error: unknown;\n  locations: ItemLocations;\n  searchQuery: string;\n  assetsSort: string;\n  foldersPosition: FoldersPosition;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  onAssetItemClick: (assetId: number) => void;\n  onAddAssets: () => void;\n  canAddAssets: boolean;\n  onClearSearch: () => void;\n}\n\nexport const AssetsView = ({\n  view,\n  folders,\n  isLoadingFolders,\n  assets,\n  assetsTotal,\n  isLoadingAssets,\n  isFetchingMore,\n  hasNextPage,\n  fetchNextPage,\n  error,\n  locations,\n  searchQuery,\n  assetsSort,\n  foldersPosition,\n  hasActiveFilters,\n  onClearFilters,\n  onAssetItemClick,\n  onAddAssets,\n  canAddAssets,\n  onClearSearch,\n}: AssetsViewProps) => {\n  const { formatMessage } = useIntl();\n  const { showItemActions } = useListSettings();\n\n  const isGridView = view === viewOptions.GRID;\n  const isLoading = isLoadingAssets || isLoadingFolders;\n\n  // \"Folders: Mixed with files\" — interleave the complete folder list into the\n  // loaded asset stream client-side, following the active sort. Table view\n  // only: the grid always keeps folders in their own band on top.\n  const mixedItems = useMemo(\n    () =>\n      foldersPosition === 'mixed' && !isGridView\n        ? mergeMixedList({ folders, assets, sort: assetsSort, hasNextPage })\n        : null,\n    [foldersPosition, isGridView, folders, assets, assetsSort, hasNextPage]\n  );\n\n  // Derived once here so the table, the grid and the bulk bar all agree on what\n  // is on screen — in mixed mode that is not simply every folder.\n  const renderedKeys = buildRenderedKeys({ folders, assets, mixedItems });\n\n  const loadMoreRef = useInfiniteScrollSentinel({\n    hasNextPage,\n    isFetchingMore,\n    onLoadMore: fetchNextPage,\n    options: INTERSECTION_OPTIONS,\n  });\n\n  const list = isGridView ? (\n    <AssetsGrid\n      folders={folders}\n      assets={assets}\n      assetsTotal={assetsTotal}\n      renderedKeys={renderedKeys}\n      onAssetItemClick={onAssetItemClick}\n    />\n  ) : (\n    <AssetsTable\n      assets={assets}\n      folders={folders}\n      mixedItems={mixedItems}\n      renderedKeys={renderedKeys}\n      onAssetItemClick={onAssetItemClick}\n    />\n  );\n\n  if (isLoading) {\n    return (\n      <Flex justifyContent=\"center\" padding={8}>\n        <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n      </Flex>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.assets.error'),\n            defaultMessage: 'An error occurred while fetching assets.',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (folders.length === 0 && assets.length === 0) {\n    // While searching, the search empty state wins (it names the query); a\n    // filter-only dead end gets the filtered variant with its Clear action.\n    return hasActiveFilters && !searchQuery ? (\n      <FilteredEmptyState onClearFilters={onClearFilters} />\n    ) : (\n      <EmptyState\n        onAddAssets={onAddAssets}\n        canAddAssets={canAddAssets}\n        searchQuery={searchQuery}\n        onClearSearch={onClearSearch}\n      />\n    );\n  }\n  return (\n    <>\n      {showItemActions ? (\n        // Above both views so one instance serves either, and so the selection\n        // menu has the `locations` its move dialog validates against.\n        <ItemContextMenuProvider locations={locations}>{list}</ItemContextMenuProvider>\n      ) : (\n        list\n      )}\n      <div ref={loadMoreRef} style={{ height: 1 }} />\n      {isFetchingMore && (\n        <Flex justifyContent=\"center\" padding={4}>\n          <Loader>\n            {formatMessage({\n              id: getTranslationKey('list.assets.loading-more'),\n              defaultMessage: 'Loading more assets...',\n            })}\n          </Loader>\n        </Flex>\n      )}\n      {/* Lives here rather than in `AssetsPage` so it can read the loaded\n          assets: the AI metadata action needs their mime types to know what\n          the provider can handle. `position: fixed` keeps it visually anchored\n          regardless of where it sits in the tree. */}\n      {showItemActions && (\n        <BulkActionsBar assets={assets} renderedKeys={renderedKeys} locations={locations} />\n      )}\n    </>\n  );\n};\n"],"names":["INTERSECTION_OPTIONS","threshold","rootMargin","AssetsView","view","folders","isLoadingFolders","assets","assetsTotal","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","error","locations","searchQuery","assetsSort","foldersPosition","hasActiveFilters","onClearFilters","onAssetItemClick","onAddAssets","canAddAssets","onClearSearch","formatMessage","useIntl","showItemActions","useListSettings","isGridView","viewOptions","GRID","isLoading","mixedItems","useMemo","mergeMixedList","sort","renderedKeys","buildRenderedKeys","loadMoreRef","useInfiniteScrollSentinel","onLoadMore","options","list","_jsx","AssetsGrid","AssetsTable","Flex","justifyContent","padding","Loader","id","defaultMessage","Box","Typography","textColor","getTranslationKey","length","FilteredEmptyState","EmptyState","_jsxs","_Fragment","ItemContextMenuProvider","div","ref","style","height","BulkActionsBar"],"mappings":"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"}

package/dist/admin/pages/Assets/components/AssetsView.mjs

@@ -0,0 +1,143 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Flex, Loader, Box, Typography } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { viewOptions } from '../constants.mjs';
+import { useInfiniteScrollSentinel } from '../hooks/useInfiniteScrollSentinel.mjs';
+import { useListSettings } from '../hooks/useListSettings.mjs';
+import { mergeMixedList } from '../utils/mergeMixedList.mjs';
+import { buildRenderedKeys } from '../utils/renderedKeys.mjs';
+import { AssetsGrid } from './AssetsGrid.mjs';
+import { AssetsTable } from './AssetsTable.mjs';
+import { BulkActionsBar } from './BulkActionsBar.mjs';
+import { FilteredEmptyState, EmptyState } from './EmptyState.mjs';
+import { ItemContextMenuProvider } from './ItemContextMenu.mjs';
+
+// The negative bottom margin shrinks the trigger area by a pixel so the 1px
+// sentinel sitting exactly at the fold (when a page's rows happen to fill the
+// viewport) reads as "not visible" and doesn't pull an extra page. It still
+// triggers as soon as the sentinel scrolls a hair into view. Tune the bottom
+// value if the list over- or under-fetches near the fold.
+const INTERSECTION_OPTIONS = {
+    threshold: 0,
+    rootMargin: '0px 0px -1px 0px'
+};
+const AssetsView = ({ view, folders, isLoadingFolders, assets, assetsTotal, isLoadingAssets, isFetchingMore, hasNextPage, fetchNextPage, error, locations, searchQuery, assetsSort, foldersPosition, hasActiveFilters, onClearFilters, onAssetItemClick, onAddAssets, canAddAssets, onClearSearch })=>{
+    const { formatMessage } = useIntl();
+    const { showItemActions } = useListSettings();
+    const isGridView = view === viewOptions.GRID;
+    const isLoading = isLoadingAssets || isLoadingFolders;
+    // "Folders: Mixed with files" — interleave the complete folder list into the
+    // loaded asset stream client-side, following the active sort. Table view
+    // only: the grid always keeps folders in their own band on top.
+    const mixedItems = useMemo(()=>foldersPosition === 'mixed' && !isGridView ? mergeMixedList({
+            folders,
+            assets,
+            sort: assetsSort,
+            hasNextPage
+        }) : null, [
+        foldersPosition,
+        isGridView,
+        folders,
+        assets,
+        assetsSort,
+        hasNextPage
+    ]);
+    // Derived once here so the table, the grid and the bulk bar all agree on what
+    // is on screen — in mixed mode that is not simply every folder.
+    const renderedKeys = buildRenderedKeys({
+        folders,
+        assets,
+        mixedItems
+    });
+    const loadMoreRef = useInfiniteScrollSentinel({
+        hasNextPage,
+        isFetchingMore,
+        onLoadMore: fetchNextPage,
+        options: INTERSECTION_OPTIONS
+    });
+    const list = isGridView ? /*#__PURE__*/ jsx(AssetsGrid, {
+        folders: folders,
+        assets: assets,
+        assetsTotal: assetsTotal,
+        renderedKeys: renderedKeys,
+        onAssetItemClick: onAssetItemClick
+    }) : /*#__PURE__*/ jsx(AssetsTable, {
+        assets: assets,
+        folders: folders,
+        mixedItems: mixedItems,
+        renderedKeys: renderedKeys,
+        onAssetItemClick: onAssetItemClick
+    });
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Flex, {
+            justifyContent: "center",
+            padding: 8,
+            children: /*#__PURE__*/ jsx(Loader, {
+                children: formatMessage({
+                    id: 'app.loading',
+                    defaultMessage: 'Loading...'
+                })
+            })
+        });
+    }
+    if (error) {
+        return /*#__PURE__*/ jsx(Box, {
+            padding: 8,
+            children: /*#__PURE__*/ jsx(Typography, {
+                textColor: "danger600",
+                children: formatMessage({
+                    id: getTranslationKey('list.assets.error'),
+                    defaultMessage: 'An error occurred while fetching assets.'
+                })
+            })
+        });
+    }
+    if (folders.length === 0 && assets.length === 0) {
+        // While searching, the search empty state wins (it names the query); a
+        // filter-only dead end gets the filtered variant with its Clear action.
+        return hasActiveFilters && !searchQuery ? /*#__PURE__*/ jsx(FilteredEmptyState, {
+            onClearFilters: onClearFilters
+        }) : /*#__PURE__*/ jsx(EmptyState, {
+            onAddAssets: onAddAssets,
+            canAddAssets: canAddAssets,
+            searchQuery: searchQuery,
+            onClearSearch: onClearSearch
+        });
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            showItemActions ? // Above both views so one instance serves either, and so the selection
+            // menu has the `locations` its move dialog validates against.
+            /*#__PURE__*/ jsx(ItemContextMenuProvider, {
+                locations: locations,
+                children: list
+            }) : list,
+            /*#__PURE__*/ jsx("div", {
+                ref: loadMoreRef,
+                style: {
+                    height: 1
+                }
+            }),
+            isFetchingMore && /*#__PURE__*/ jsx(Flex, {
+                justifyContent: "center",
+                padding: 4,
+                children: /*#__PURE__*/ jsx(Loader, {
+                    children: formatMessage({
+                        id: getTranslationKey('list.assets.loading-more'),
+                        defaultMessage: 'Loading more assets...'
+                    })
+                })
+            }),
+            showItemActions && /*#__PURE__*/ jsx(BulkActionsBar, {
+                assets: assets,
+                renderedKeys: renderedKeys,
+                locations: locations
+            })
+        ]
+    });
+};
+
+export { AssetsView };
+//# sourceMappingURL=AssetsView.mjs.map

package/dist/admin/pages/Assets/components/AssetsView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsView.mjs","sources":["../../../../../admin/src/pages/Assets/components/AssetsView.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { type ItemLocations } from '../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { viewOptions } from '../constants';\nimport { useInfiniteScrollSentinel } from '../hooks/useInfiniteScrollSentinel';\nimport { useListSettings } from '../hooks/useListSettings';\nimport { type FoldersPosition } from '../hooks/useListSort';\nimport { mergeMixedList } from '../utils/mergeMixedList';\nimport { buildRenderedKeys } from '../utils/renderedKeys';\n\nimport { AssetsGrid } from './AssetsGrid';\nimport { AssetsTable } from './AssetsTable';\nimport { BulkActionsBar } from './BulkActionsBar';\nimport { EmptyState, FilteredEmptyState } from './EmptyState';\nimport { ItemContextMenuProvider } from './ItemContextMenu';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\n// The negative bottom margin shrinks the trigger area by a pixel so the 1px\n// sentinel sitting exactly at the fold (when a page's rows happen to fill the\n// viewport) reads as \"not visible\" and doesn't pull an extra page. It still\n// triggers as soon as the sentinel scrolls a hair into view. Tune the bottom\n// value if the list over- or under-fetches near the fold.\nconst INTERSECTION_OPTIONS: IntersectionObserverInit = {\n  threshold: 0,\n  rootMargin: '0px 0px -1px 0px',\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsView\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsViewProps {\n  view: number;\n  folders: Folder[];\n  isLoadingFolders: boolean;\n  assets: File[];\n  /** Total matching assets on the server, beyond the pages loaded so far. */\n  assetsTotal?: number;\n  isLoadingAssets: boolean;\n  isFetchingMore: boolean;\n  hasNextPage: boolean;\n  fetchNextPage: () => void;\n  error: unknown;\n  locations: ItemLocations;\n  searchQuery: string;\n  assetsSort: string;\n  foldersPosition: FoldersPosition;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  onAssetItemClick: (assetId: number) => void;\n  onAddAssets: () => void;\n  canAddAssets: boolean;\n  onClearSearch: () => void;\n}\n\nexport const AssetsView = ({\n  view,\n  folders,\n  isLoadingFolders,\n  assets,\n  assetsTotal,\n  isLoadingAssets,\n  isFetchingMore,\n  hasNextPage,\n  fetchNextPage,\n  error,\n  locations,\n  searchQuery,\n  assetsSort,\n  foldersPosition,\n  hasActiveFilters,\n  onClearFilters,\n  onAssetItemClick,\n  onAddAssets,\n  canAddAssets,\n  onClearSearch,\n}: AssetsViewProps) => {\n  const { formatMessage } = useIntl();\n  const { showItemActions } = useListSettings();\n\n  const isGridView = view === viewOptions.GRID;\n  const isLoading = isLoadingAssets || isLoadingFolders;\n\n  // \"Folders: Mixed with files\" — interleave the complete folder list into the\n  // loaded asset stream client-side, following the active sort. Table view\n  // only: the grid always keeps folders in their own band on top.\n  const mixedItems = useMemo(\n    () =>\n      foldersPosition === 'mixed' && !isGridView\n        ? mergeMixedList({ folders, assets, sort: assetsSort, hasNextPage })\n        : null,\n    [foldersPosition, isGridView, folders, assets, assetsSort, hasNextPage]\n  );\n\n  // Derived once here so the table, the grid and the bulk bar all agree on what\n  // is on screen — in mixed mode that is not simply every folder.\n  const renderedKeys = buildRenderedKeys({ folders, assets, mixedItems });\n\n  const loadMoreRef = useInfiniteScrollSentinel({\n    hasNextPage,\n    isFetchingMore,\n    onLoadMore: fetchNextPage,\n    options: INTERSECTION_OPTIONS,\n  });\n\n  const list = isGridView ? (\n    <AssetsGrid\n      folders={folders}\n      assets={assets}\n      assetsTotal={assetsTotal}\n      renderedKeys={renderedKeys}\n      onAssetItemClick={onAssetItemClick}\n    />\n  ) : (\n    <AssetsTable\n      assets={assets}\n      folders={folders}\n      mixedItems={mixedItems}\n      renderedKeys={renderedKeys}\n      onAssetItemClick={onAssetItemClick}\n    />\n  );\n\n  if (isLoading) {\n    return (\n      <Flex justifyContent=\"center\" padding={8}>\n        <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n      </Flex>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.assets.error'),\n            defaultMessage: 'An error occurred while fetching assets.',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (folders.length === 0 && assets.length === 0) {\n    // While searching, the search empty state wins (it names the query); a\n    // filter-only dead end gets the filtered variant with its Clear action.\n    return hasActiveFilters && !searchQuery ? (\n      <FilteredEmptyState onClearFilters={onClearFilters} />\n    ) : (\n      <EmptyState\n        onAddAssets={onAddAssets}\n        canAddAssets={canAddAssets}\n        searchQuery={searchQuery}\n        onClearSearch={onClearSearch}\n      />\n    );\n  }\n  return (\n    <>\n      {showItemActions ? (\n        // Above both views so one instance serves either, and so the selection\n        // menu has the `locations` its move dialog validates against.\n        <ItemContextMenuProvider locations={locations}>{list}</ItemContextMenuProvider>\n      ) : (\n        list\n      )}\n      <div ref={loadMoreRef} style={{ height: 1 }} />\n      {isFetchingMore && (\n        <Flex justifyContent=\"center\" padding={4}>\n          <Loader>\n            {formatMessage({\n              id: getTranslationKey('list.assets.loading-more'),\n              defaultMessage: 'Loading more assets...',\n            })}\n          </Loader>\n        </Flex>\n      )}\n      {/* Lives here rather than in `AssetsPage` so it can read the loaded\n          assets: the AI metadata action needs their mime types to know what\n          the provider can handle. `position: fixed` keeps it visually anchored\n          regardless of where it sits in the tree. */}\n      {showItemActions && (\n        <BulkActionsBar assets={assets} renderedKeys={renderedKeys} locations={locations} />\n      )}\n    </>\n  );\n};\n"],"names":["INTERSECTION_OPTIONS","threshold","rootMargin","AssetsView","view","folders","isLoadingFolders","assets","assetsTotal","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","error","locations","searchQuery","assetsSort","foldersPosition","hasActiveFilters","onClearFilters","onAssetItemClick","onAddAssets","canAddAssets","onClearSearch","formatMessage","useIntl","showItemActions","useListSettings","isGridView","viewOptions","GRID","isLoading","mixedItems","useMemo","mergeMixedList","sort","renderedKeys","buildRenderedKeys","loadMoreRef","useInfiniteScrollSentinel","onLoadMore","options","list","_jsx","AssetsGrid","AssetsTable","Flex","justifyContent","padding","Loader","id","defaultMessage","Box","Typography","textColor","getTranslationKey","length","FilteredEmptyState","EmptyState","_jsxs","_Fragment","ItemContextMenuProvider","div","ref","style","height","BulkActionsBar"],"mappings":"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"}

package/dist/admin/pages/Assets/components/BulkActionsBar.mjs

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
 import { useNotification } from '@strapi/admin/strapi-admin';
-import { Box, Typography, TextButton, Tooltip, Button, IconButton, Flex } from '@strapi/design-system';
+import { Flex, Box, Typography, TextButton, Tooltip, Button, IconButton } from '@strapi/design-system';
 import { Sparkle, ArrowRight, Trash, Cross } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { css, styled } from 'styled-components';

package/dist/admin/pages/Assets/components/BusyOverlay.mjs

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { Loader, Flex } from '@strapi/design-system';
+import { Flex, Loader } from '@strapi/design-system';
 import { styled } from 'styled-components';
 
 /**

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography, Flex } from '@strapi/design-system';
+import { Flex, Typography } from '@strapi/design-system';
 import { Folder, File } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';

package/dist/admin/pages/Assets/components/Dnd/ReorderHandle.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var translations = require('../../../../utils/translations.js');
+var assetSortable = require('./assetSortable.js');
+
+/**
+ * The keyboard path into reordering (Space picks the item up, arrows move it,
+ * Space drops it). Pointer drags start from anywhere on the item, this grip
+ * included.
+ */ const ReorderHandle = ({ name, handle })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { ref, onKeyDown, ...attributes } = handle;
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+        ...attributes,
+        ref: ref,
+        size: "XS",
+        variant: "ghost",
+        withTooltip: false,
+        label: formatMessage({
+            id: translations.getTranslationKey('list.item.reorder'),
+            defaultMessage: 'Reorder {name}'
+        }, {
+            name
+        }),
+        ...assetSortable.REORDER_HANDLE_PROPS,
+        // Not stopped: once a drag starts, the arrows and the drop key are read on
+        // the document. The item ignores keys from here (`isFromReorderHandle`).
+        onKeyDown: onKeyDown,
+        // A click on the grip is not a click on the item.
+        onClick: (event)=>event.stopPropagation(),
+        children: /*#__PURE__*/ jsxRuntime.jsx(icons.Drag, {})
+    });
+};
+
+exports.ReorderHandle = ReorderHandle;
+//# sourceMappingURL=ReorderHandle.js.map

package/dist/admin/pages/Assets/components/Dnd/ReorderHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderHandle.js","sources":["../../../../../../admin/src/pages/Assets/components/Dnd/ReorderHandle.tsx"],"sourcesContent":["import { IconButton } from '@strapi/design-system';\nimport { Drag } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { REORDER_HANDLE_PROPS, type AssetSortable } from './assetSortable';\n\ninterface ReorderHandleProps {\n  name: string;\n  handle: AssetSortable['handle'];\n}\n\n/**\n * The keyboard path into reordering (Space picks the item up, arrows move it,\n * Space drops it). Pointer drags start from anywhere on the item, this grip\n * included.\n */\nexport const ReorderHandle = ({ name, handle }: ReorderHandleProps) => {\n  const { formatMessage } = useIntl();\n  const { ref, onKeyDown, ...attributes } = handle;\n\n  return (\n    <IconButton\n      {...attributes}\n      ref={ref}\n      size=\"XS\"\n      variant=\"ghost\"\n      withTooltip={false}\n      label={formatMessage(\n        { id: getTranslationKey('list.item.reorder'), defaultMessage: 'Reorder {name}' },\n        { name }\n      )}\n      {...REORDER_HANDLE_PROPS}\n      // Not stopped: once a drag starts, the arrows and the drop key are read on\n      // the document. The item ignores keys from here (`isFromReorderHandle`).\n      onKeyDown={onKeyDown}\n      // A click on the grip is not a click on the item.\n      onClick={(event) => event.stopPropagation()}\n    >\n      <Drag />\n    </IconButton>\n  );\n};\n"],"names":["ReorderHandle","name","handle","formatMessage","useIntl","ref","onKeyDown","attributes","_jsx","IconButton","size","variant","withTooltip","label","id","getTranslationKey","defaultMessage","REORDER_HANDLE_PROPS","onClick","event","stopPropagation","Drag"],"mappings":";;;;;;;;;AAaA;;;;UAKaA,aAAAA,GAAgB,CAAC,EAAEC,IAAI,EAAEC,MAAM,EAAsB,GAAA;IAChE,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGC,YAAY,GAAGL,MAAAA;AAE1C,IAAA,qBACEM,cAAA,CAACC,uBAAAA,EAAAA;AACE,QAAA,GAAGF,UAAU;QACdF,GAAAA,EAAKA,GAAAA;QACLK,IAAAA,EAAK,IAAA;QACLC,OAAAA,EAAQ,OAAA;QACRC,WAAAA,EAAa,KAAA;AACbC,QAAAA,KAAAA,EAAOV,aAAAA,CACL;AAAEW,YAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,mBAAA,CAAA;YAAsBC,cAAAA,EAAgB;SAAiB,EAC/E;AAAEf,YAAAA;AAAK,SAAA,CAAA;AAER,QAAA,GAAGgB,kCAAoB;;;QAGxBX,SAAAA,EAAWA,SAAAA;;QAEXY,OAAAA,EAAS,CAACC,KAAAA,GAAUA,KAAAA,CAAMC,eAAe,EAAA;AAEzC,QAAA,QAAA,gBAAAZ,cAAA,CAACa,UAAAA,EAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/pages/Assets/components/Dnd/ReorderHandle.mjs

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { IconButton } from '@strapi/design-system';
+import { Drag } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { getTranslationKey } from '../../../../utils/translations.mjs';
+import { REORDER_HANDLE_PROPS } from './assetSortable.mjs';
+
+/**
+ * The keyboard path into reordering (Space picks the item up, arrows move it,
+ * Space drops it). Pointer drags start from anywhere on the item, this grip
+ * included.
+ */ const ReorderHandle = ({ name, handle })=>{
+    const { formatMessage } = useIntl();
+    const { ref, onKeyDown, ...attributes } = handle;
+    return /*#__PURE__*/ jsx(IconButton, {
+        ...attributes,
+        ref: ref,
+        size: "XS",
+        variant: "ghost",
+        withTooltip: false,
+        label: formatMessage({
+            id: getTranslationKey('list.item.reorder'),
+            defaultMessage: 'Reorder {name}'
+        }, {
+            name
+        }),
+        ...REORDER_HANDLE_PROPS,
+        // Not stopped: once a drag starts, the arrows and the drop key are read on
+        // the document. The item ignores keys from here (`isFromReorderHandle`).
+        onKeyDown: onKeyDown,
+        // A click on the grip is not a click on the item.
+        onClick: (event)=>event.stopPropagation(),
+        children: /*#__PURE__*/ jsx(Drag, {})
+    });
+};
+
+export { ReorderHandle };
+//# sourceMappingURL=ReorderHandle.mjs.map

package/dist/admin/pages/Assets/components/Dnd/ReorderHandle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReorderHandle.mjs","sources":["../../../../../../admin/src/pages/Assets/components/Dnd/ReorderHandle.tsx"],"sourcesContent":["import { IconButton } from '@strapi/design-system';\nimport { Drag } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { REORDER_HANDLE_PROPS, type AssetSortable } from './assetSortable';\n\ninterface ReorderHandleProps {\n  name: string;\n  handle: AssetSortable['handle'];\n}\n\n/**\n * The keyboard path into reordering (Space picks the item up, arrows move it,\n * Space drops it). Pointer drags start from anywhere on the item, this grip\n * included.\n */\nexport const ReorderHandle = ({ name, handle }: ReorderHandleProps) => {\n  const { formatMessage } = useIntl();\n  const { ref, onKeyDown, ...attributes } = handle;\n\n  return (\n    <IconButton\n      {...attributes}\n      ref={ref}\n      size=\"XS\"\n      variant=\"ghost\"\n      withTooltip={false}\n      label={formatMessage(\n        { id: getTranslationKey('list.item.reorder'), defaultMessage: 'Reorder {name}' },\n        { name }\n      )}\n      {...REORDER_HANDLE_PROPS}\n      // Not stopped: once a drag starts, the arrows and the drop key are read on\n      // the document. The item ignores keys from here (`isFromReorderHandle`).\n      onKeyDown={onKeyDown}\n      // A click on the grip is not a click on the item.\n      onClick={(event) => event.stopPropagation()}\n    >\n      <Drag />\n    </IconButton>\n  );\n};\n"],"names":["ReorderHandle","name","handle","formatMessage","useIntl","ref","onKeyDown","attributes","_jsx","IconButton","size","variant","withTooltip","label","id","getTranslationKey","defaultMessage","REORDER_HANDLE_PROPS","onClick","event","stopPropagation","Drag"],"mappings":";;;;;;;AAaA;;;;UAKaA,aAAAA,GAAgB,CAAC,EAAEC,IAAI,EAAEC,MAAM,EAAsB,GAAA;IAChE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGC,YAAY,GAAGL,MAAAA;AAE1C,IAAA,qBACEM,GAAA,CAACC,UAAAA,EAAAA;AACE,QAAA,GAAGF,UAAU;QACdF,GAAAA,EAAKA,GAAAA;QACLK,IAAAA,EAAK,IAAA;QACLC,OAAAA,EAAQ,OAAA;QACRC,WAAAA,EAAa,KAAA;AACbC,QAAAA,KAAAA,EAAOV,aAAAA,CACL;AAAEW,YAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,mBAAA,CAAA;YAAsBC,cAAAA,EAAgB;SAAiB,EAC/E;AAAEf,YAAAA;AAAK,SAAA,CAAA;AAER,QAAA,GAAGgB,oBAAoB;;;QAGxBX,SAAAA,EAAWA,SAAAA;;QAEXY,OAAAA,EAAS,CAACC,KAAAA,GAAUA,KAAAA,CAAMC,eAAe,EAAA;AAEzC,QAAA,QAAA,gBAAAZ,GAAA,CAACa,IAAAA,EAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/pages/Assets/components/Dnd/assetSortable.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+
+const useNotSortable = ()=>null;
+/**
+ * Holds the hook that makes an asset sortable, rather than a value: the hook
+ * needs each item's id. A given subtree always gets the same hook, so calling
+ * it from `useAssetSortable` keeps the rules of hooks.
+ */ const AssetSortableContext = React.createContext(useNotSortable);
+const useAssetSortable = (assetId)=>{
+    const useSortableAsset = React.useContext(AssetSortableContext);
+    return useSortableAsset(assetId);
+};
+const REORDER_HANDLE_ATTRIBUTE = 'data-reorder-handle';
+/** Marks the reorder grip, so the item can tell its keys apart. */ const REORDER_HANDLE_PROPS = {
+    [REORDER_HANDLE_ATTRIBUTE]: ''
+};
+/**
+ * Keys pressed on the grip, including the arrows and the drop key mid-drag,
+ * belong to reordering. The item must not also read them as its own
+ * Enter/Space.
+ */ const isFromReorderHandle = (event)=>event.target instanceof Element && event.target.closest(`[${REORDER_HANDLE_ATTRIBUTE}]`) !== null;
+
+exports.AssetSortableContext = AssetSortableContext;
+exports.REORDER_HANDLE_PROPS = REORDER_HANDLE_PROPS;
+exports.isFromReorderHandle = isFromReorderHandle;
+exports.useAssetSortable = useAssetSortable;
+//# sourceMappingURL=assetSortable.js.map

package/dist/admin/pages/Assets/components/Dnd/assetSortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetSortable.js","sources":["../../../../../../admin/src/pages/Assets/components/Dnd/assetSortable.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type CSSProperties,\n  type KeyboardEvent,\n  type SyntheticEvent,\n} from 'react';\n\nimport type { DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core';\n\n/**\n * What a list item needs to take part in reordering: the whole item drags with\n * the pointer, and a grip button carries the keyboard path (Space to pick up,\n * arrows to move) so it doesn't collide with the item's own Space/click.\n */\nexport interface AssetSortable {\n  setNodeRef: (node: HTMLElement | null) => void;\n  isDragging: boolean;\n  style: CSSProperties;\n  /** Pointer activation, for the item itself. */\n  listeners: DraggableSyntheticListeners;\n  handle: Partial<DraggableAttributes> & {\n    ref: (node: HTMLElement | null) => void;\n    onKeyDown?: (event: KeyboardEvent) => void;\n  };\n}\n\ntype UseAssetSortable = (assetId: number) => AssetSortable | null;\n\nconst useNotSortable: UseAssetSortable = () => null;\n\n/**\n * Holds the hook that makes an asset sortable, rather than a value: the hook\n * needs each item's id. A given subtree always gets the same hook, so calling\n * it from `useAssetSortable` keeps the rules of hooks.\n */\nexport const AssetSortableContext = createContext<UseAssetSortable>(useNotSortable);\n\nexport const useAssetSortable = (assetId: number) => {\n  const useSortableAsset = useContext(AssetSortableContext);\n\n  return useSortableAsset(assetId);\n};\n\nconst REORDER_HANDLE_ATTRIBUTE = 'data-reorder-handle';\n\n/** Marks the reorder grip, so the item can tell its keys apart. */\nexport const REORDER_HANDLE_PROPS = { [REORDER_HANDLE_ATTRIBUTE]: '' };\n\n/**\n * Keys pressed on the grip, including the arrows and the drop key mid-drag,\n * belong to reordering. The item must not also read them as its own\n * Enter/Space.\n */\nexport const isFromReorderHandle = (event: SyntheticEvent) =>\n  event.target instanceof Element && event.target.closest(`[${REORDER_HANDLE_ATTRIBUTE}]`) !== null;\n"],"names":["useNotSortable","AssetSortableContext","createContext","useAssetSortable","assetId","useSortableAsset","useContext","REORDER_HANDLE_ATTRIBUTE","REORDER_HANDLE_PROPS","isFromReorderHandle","event","target","Element","closest"],"mappings":";;;;AA6BA,MAAMA,iBAAmC,IAAM,IAAA;AAE/C;;;;AAIC,IACM,MAAMC,oBAAAA,GAAuBC,mBAAAA,CAAgCF,cAAAA;AAE7D,MAAMG,mBAAmB,CAACC,OAAAA,GAAAA;AAC/B,IAAA,MAAMC,mBAAmBC,gBAAAA,CAAWL,oBAAAA,CAAAA;AAEpC,IAAA,OAAOI,gBAAAA,CAAiBD,OAAAA,CAAAA;AAC1B;AAEA,MAAMG,wBAAAA,GAA2B,qBAAA;AAEjC,oEACO,MAAMC,oBAAAA,GAAuB;AAAE,IAAA,CAACD,2BAA2B;AAAG;AAErE;;;;UAKaE,mBAAAA,GAAsB,CAACC,QAClCA,KAAAA,CAAMC,MAAM,YAAYC,OAAAA,IAAWF,KAAAA,CAAMC,MAAM,CAACE,OAAO,CAAC,CAAC,CAAC,EAAEN,wBAAAA,CAAyB,CAAC,CAAC,CAAA,KAAM;;;;;;;"}

package/dist/admin/pages/Assets/components/Dnd/assetSortable.mjs

@@ -0,0 +1,24 @@
+import { createContext, useContext } from 'react';
+
+const useNotSortable = ()=>null;
+/**
+ * Holds the hook that makes an asset sortable, rather than a value: the hook
+ * needs each item's id. A given subtree always gets the same hook, so calling
+ * it from `useAssetSortable` keeps the rules of hooks.
+ */ const AssetSortableContext = createContext(useNotSortable);
+const useAssetSortable = (assetId)=>{
+    const useSortableAsset = useContext(AssetSortableContext);
+    return useSortableAsset(assetId);
+};
+const REORDER_HANDLE_ATTRIBUTE = 'data-reorder-handle';
+/** Marks the reorder grip, so the item can tell its keys apart. */ const REORDER_HANDLE_PROPS = {
+    [REORDER_HANDLE_ATTRIBUTE]: ''
+};
+/**
+ * Keys pressed on the grip, including the arrows and the drop key mid-drag,
+ * belong to reordering. The item must not also read them as its own
+ * Enter/Space.
+ */ const isFromReorderHandle = (event)=>event.target instanceof Element && event.target.closest(`[${REORDER_HANDLE_ATTRIBUTE}]`) !== null;
+
+export { AssetSortableContext, REORDER_HANDLE_PROPS, isFromReorderHandle, useAssetSortable };
+//# sourceMappingURL=assetSortable.mjs.map

package/dist/admin/pages/Assets/components/Dnd/assetSortable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetSortable.mjs","sources":["../../../../../../admin/src/pages/Assets/components/Dnd/assetSortable.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type CSSProperties,\n  type KeyboardEvent,\n  type SyntheticEvent,\n} from 'react';\n\nimport type { DraggableAttributes, DraggableSyntheticListeners } from '@dnd-kit/core';\n\n/**\n * What a list item needs to take part in reordering: the whole item drags with\n * the pointer, and a grip button carries the keyboard path (Space to pick up,\n * arrows to move) so it doesn't collide with the item's own Space/click.\n */\nexport interface AssetSortable {\n  setNodeRef: (node: HTMLElement | null) => void;\n  isDragging: boolean;\n  style: CSSProperties;\n  /** Pointer activation, for the item itself. */\n  listeners: DraggableSyntheticListeners;\n  handle: Partial<DraggableAttributes> & {\n    ref: (node: HTMLElement | null) => void;\n    onKeyDown?: (event: KeyboardEvent) => void;\n  };\n}\n\ntype UseAssetSortable = (assetId: number) => AssetSortable | null;\n\nconst useNotSortable: UseAssetSortable = () => null;\n\n/**\n * Holds the hook that makes an asset sortable, rather than a value: the hook\n * needs each item's id. A given subtree always gets the same hook, so calling\n * it from `useAssetSortable` keeps the rules of hooks.\n */\nexport const AssetSortableContext = createContext<UseAssetSortable>(useNotSortable);\n\nexport const useAssetSortable = (assetId: number) => {\n  const useSortableAsset = useContext(AssetSortableContext);\n\n  return useSortableAsset(assetId);\n};\n\nconst REORDER_HANDLE_ATTRIBUTE = 'data-reorder-handle';\n\n/** Marks the reorder grip, so the item can tell its keys apart. */\nexport const REORDER_HANDLE_PROPS = { [REORDER_HANDLE_ATTRIBUTE]: '' };\n\n/**\n * Keys pressed on the grip, including the arrows and the drop key mid-drag,\n * belong to reordering. The item must not also read them as its own\n * Enter/Space.\n */\nexport const isFromReorderHandle = (event: SyntheticEvent) =>\n  event.target instanceof Element && event.target.closest(`[${REORDER_HANDLE_ATTRIBUTE}]`) !== null;\n"],"names":["useNotSortable","AssetSortableContext","createContext","useAssetSortable","assetId","useSortableAsset","useContext","REORDER_HANDLE_ATTRIBUTE","REORDER_HANDLE_PROPS","isFromReorderHandle","event","target","Element","closest"],"mappings":";;AA6BA,MAAMA,iBAAmC,IAAM,IAAA;AAE/C;;;;AAIC,IACM,MAAMC,oBAAAA,GAAuBC,aAAAA,CAAgCF,cAAAA;AAE7D,MAAMG,mBAAmB,CAACC,OAAAA,GAAAA;AAC/B,IAAA,MAAMC,mBAAmBC,UAAAA,CAAWL,oBAAAA,CAAAA;AAEpC,IAAA,OAAOI,gBAAAA,CAAiBD,OAAAA,CAAAA;AAC1B;AAEA,MAAMG,wBAAAA,GAA2B,qBAAA;AAEjC,oEACO,MAAMC,oBAAAA,GAAuB;AAAE,IAAA,CAACD,2BAA2B;AAAG;AAErE;;;;UAKaE,mBAAAA,GAAsB,CAACC,QAClCA,KAAAA,CAAMC,MAAM,YAAYC,OAAAA,IAAWF,KAAAA,CAAMC,MAAM,CAACE,OAAO,CAAC,CAAC,CAAC,EAAEN,wBAAAA,CAAyB,CAAC,CAAC,CAAA,KAAM;;;;"}

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

@@ -11,6 +11,10 @@ const parseFolderTargetId = (dndId)=>{
     return match ? Number(match[1]) : null;
 };
 const toFolderTreeTargetId = (id)=>`folder-tree-target:${id}`;
+/**
+ * The "N parent folders" row in the sidebar. Only there so hovering it during a
+ * drag opens it; no parser recognises it, so a drop on it moves nothing.
+ */ const toFolderTreeSummaryId = (rootId)=>`folder-tree-summary:${rootId}`;
 const HOME_TREE_TARGET_ID = 'folder-tree-target:home';
 const parseFolderTreeTargetId = (dndId)=>{
     if (typeof dndId !== 'string') {
@@ -29,5 +33,6 @@ exports.parseFolderTreeTargetId = parseFolderTreeTargetId;
 exports.toFileDraggableId = toFileDraggableId;
 exports.toFolderDraggableId = toFolderDraggableId;
 exports.toFolderTargetId = toFolderTargetId;
+exports.toFolderTreeSummaryId = toFolderTreeSummaryId;
 exports.toFolderTreeTargetId = toFolderTreeTargetId;
 //# sourceMappingURL=dndIds.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dndIds.js","sources":["../../../../../../admin/src/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;;;;;;;;;;"}
+{"version":3,"file":"dndIds.js","sources":["../../../../../../admin/src/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\n/**\n * The \"N parent folders\" row in the sidebar. Only there so hovering it during a\n * drag opens it; no parser recognises it, so a drop on it moves nothing.\n */\nexport const toFolderTreeSummaryId = (rootId: number) => `folder-tree-summary:${rootId}` 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","toFolderTreeSummaryId","rootId","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;AAE1E;;;UAIaS,qBAAAA,GAAwB,CAACC,SAAmB,CAAC,oBAAoB,EAAEA,MAAAA,CAAAA;AAEzE,MAAMC,sBAAsB;AAE5B,MAAMC,0BAA0B,CAACR,KAAAA,GAAAA;IACtC,IAAI,OAAOA,UAAU,QAAA,EAAU;QAC7B,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,IAAIA,UAAUO,mBAAAA,EAAqB;QACjC,OAAO,MAAA;AACT,IAAA;IAEA,MAAMN,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/pages/Assets/components/Dnd/dndIds.mjs

@@ -9,6 +9,10 @@ const parseFolderTargetId = (dndId)=>{
     return match ? Number(match[1]) : null;
 };
 const toFolderTreeTargetId = (id)=>`folder-tree-target:${id}`;
+/**
+ * The "N parent folders" row in the sidebar. Only there so hovering it during a
+ * drag opens it; no parser recognises it, so a drop on it moves nothing.
+ */ const toFolderTreeSummaryId = (rootId)=>`folder-tree-summary:${rootId}`;
 const HOME_TREE_TARGET_ID = 'folder-tree-target:home';
 const parseFolderTreeTargetId = (dndId)=>{
     if (typeof dndId !== 'string') {
@@ -21,5 +25,5 @@ const parseFolderTreeTargetId = (dndId)=>{
     return match ? Number(match[1]) : null;
 };
 
-export { HOME_TREE_TARGET_ID, parseFolderTargetId, parseFolderTreeTargetId, toFileDraggableId, toFolderDraggableId, toFolderTargetId, toFolderTreeTargetId };
+export { HOME_TREE_TARGET_ID, parseFolderTargetId, parseFolderTreeTargetId, toFileDraggableId, toFolderDraggableId, toFolderTargetId, toFolderTreeSummaryId, toFolderTreeTargetId };
 //# sourceMappingURL=dndIds.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dndIds.mjs","sources":["../../../../../../admin/src/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;;;;"}
+{"version":3,"file":"dndIds.mjs","sources":["../../../../../../admin/src/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\n/**\n * The \"N parent folders\" row in the sidebar. Only there so hovering it during a\n * drag opens it; no parser recognises it, so a drop on it moves nothing.\n */\nexport const toFolderTreeSummaryId = (rootId: number) => `folder-tree-summary:${rootId}` 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","toFolderTreeSummaryId","rootId","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;AAE1E;;;UAIaS,qBAAAA,GAAwB,CAACC,SAAmB,CAAC,oBAAoB,EAAEA,MAAAA,CAAAA;AAEzE,MAAMC,sBAAsB;AAE5B,MAAMC,0BAA0B,CAACR,KAAAA,GAAAA;IACtC,IAAI,OAAOA,UAAU,QAAA,EAAU;QAC7B,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,IAAIA,UAAUO,mBAAAA,EAAqB;QACjC,OAAO,MAAA;AACT,IAAA;IAEA,MAAMN,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/pages/Assets/components/Dnd/useAssetDnd.js

@@ -4,12 +4,23 @@ var React = require('react');
 var core = require('@dnd-kit/core');
 var getRelationId = require('../../../../utils/getRelationId.js');
 var AssetsDndProvider = require('./AssetsDndProvider.js');
+var assetSortable = require('./assetSortable.js');
 var dndIds = require('./dndIds.js');
 
-const useFileDraggable = (asset)=>{
-    const { isMovePending } = AssetsDndProvider.useAssetsDndOptional() ?? {
-        isMovePending: false
+/**
+ * Without an `AssetsDndProvider` (the Content Manager asset picker mounts none)
+ * items are not draggable: nothing handles the drop. Their drag attributes are
+ * withheld too, so they aren't announced as draggable.
+ */ const NO_DRAG_ATTRIBUTES = {};
+const withoutDrag = (draggable, isDndEnabled)=>isDndEnabled ? draggable : {
+        ...draggable,
+        attributes: NO_DRAG_ATTRIBUTES,
+        listeners: undefined
     };
+const useFileDraggable = (asset)=>{
+    const dnd = AssetsDndProvider.useAssetsDndOptional();
+    const isDndEnabled = dnd !== null;
+    const isMovePending = dnd?.isMovePending ?? false;
     const data = React.useMemo(()=>({
             kind: 'file',
             id: asset.id,
@@ -23,20 +34,37 @@ const useFileDraggable = (asset)=>{
     const draggable = core.useDraggable({
         id: dndIds.toFileDraggableId(asset.id),
         data,
-        disabled: isMovePending
+        disabled: !isDndEnabled || isMovePending
     });
+    const sortable = assetSortable.useAssetSortable(asset.id);
+    // In a reorderable list (the picker's Selected tab) dragging reorders
+    // instead of moving between folders: the item takes the sortable's node,
+    // pointer listeners and transform, and exposes a grip for the keyboard.
+    if (sortable) {
+        return {
+            ...withoutDrag(draggable, false),
+            setNodeRef: sortable.setNodeRef,
+            isDragging: sortable.isDragging,
+            listeners: sortable.listeners,
+            dragStyle: sortable.style,
+            dragHandle: sortable.handle,
+            dragData: data
+        };
+    }
     // `dragData` is re-exposed (like `useFolderDraggableDroppable` does) so the
     // row's actions menu can hand the move dialog the asset's real folder.
     return {
-        ...draggable,
+        ...withoutDrag(draggable, isDndEnabled),
+        dragStyle: undefined,
+        dragHandle: undefined,
         dragData: data
     };
 };
 const useFolderDraggableDroppable = (folder)=>{
-    const { isMovePending, isValidDropTarget } = AssetsDndProvider.useAssetsDndOptional() ?? {
-        isMovePending: false,
-        isValidDropTarget: ()=>false
-    };
+    const dnd = AssetsDndProvider.useAssetsDndOptional();
+    const isDndEnabled = dnd !== null;
+    const isMovePending = dnd?.isMovePending ?? false;
+    const isValidDropTarget = dnd?.isValidDropTarget ?? (()=>false);
     const { active } = core.useDndContext();
     const parentId = getRelationId.getRelationId(folder.parent);
     const dragData = React.useMemo(()=>({
@@ -57,15 +85,15 @@ const useFolderDraggableDroppable = (folder)=>{
         folder.id,
         folder.name
     ]);
-    const draggable = core.useDraggable({
+    const draggable = withoutDrag(core.useDraggable({
         id: dndIds.toFolderDraggableId(folder.id),
         data: dragData,
-        disabled: isMovePending
-    });
+        disabled: !isDndEnabled || isMovePending
+    }), isDndEnabled);
     const droppable = core.useDroppable({
         id: dndIds.toFolderTargetId(folder.id),
         data: dropData,
-        disabled: isMovePending
+        disabled: !isDndEnabled || isMovePending
     });
     const isValidTarget = isValidDropTarget(folder.id);
     const isOver = droppable.isOver;

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

@@ -1 +1 @@
-{"version":3,"file":"useAssetDnd.js","sources":["../../../../../../admin/src/pages/Assets/components/Dnd/useAssetDnd.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useDndContext, useDraggable, useDroppable } from '@dnd-kit/core';\n\nimport { getRelationId } from '../../../../utils/getRelationId';\n\nimport { useAssetsDndOptional } from './AssetsDndProvider';\nimport { toFileDraggableId, toFolderDraggableId, toFolderTargetId } from './dndIds';\n\nimport type { DragFileData, DragFolderData, FolderTargetData } from '../../../../types/dnd';\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: getRelationId(asset.folder),\n    }),\n    [asset.folder, asset.id, asset.name]\n  );\n\n  const draggable = useDraggable({\n    id: toFileDraggableId(asset.id),\n    data,\n    disabled: isMovePending,\n  });\n\n  // `dragData` is re-exposed (like `useFolderDraggableDroppable` does) so the\n  // row's actions menu can hand the move dialog the asset's real folder.\n  return { ...draggable, dragData: data };\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 = getRelationId(folder.parent);\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":["useFileDraggable","asset","isMovePending","useAssetsDndOptional","data","useMemo","kind","id","name","folderId","getRelationId","folder","draggable","useDraggable","toFileDraggableId","disabled","dragData","useFolderDraggableDroppable","isValidDropTarget","active","useDndContext","parentId","parent","dropData","toFolderDraggableId","droppable","useDroppable","toFolderTargetId","isValidTarget","isOver","showValidDropHighlight","showInvalidDropCursor","isDragging"],"mappings":"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"}
+{"version":3,"file":"useAssetDnd.js","sources":["../../../../../../admin/src/pages/Assets/components/Dnd/useAssetDnd.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useDndContext, useDraggable, useDroppable, type DraggableAttributes } from '@dnd-kit/core';\n\nimport { getRelationId } from '../../../../utils/getRelationId';\n\nimport { useAssetsDndOptional } from './AssetsDndProvider';\nimport { useAssetSortable } from './assetSortable';\nimport { toFileDraggableId, toFolderDraggableId, toFolderTargetId } from './dndIds';\n\nimport type { DragFileData, DragFolderData, FolderTargetData } from '../../../../types/dnd';\n\n/**\n * Without an `AssetsDndProvider` (the Content Manager asset picker mounts none)\n * items are not draggable: nothing handles the drop. Their drag attributes are\n * withheld too, so they aren't announced as draggable.\n */\nconst NO_DRAG_ATTRIBUTES: Partial<DraggableAttributes> = {};\n\nconst withoutDrag = <T extends { attributes: DraggableAttributes }>(\n  draggable: T,\n  isDndEnabled: boolean\n) =>\n  isDndEnabled ? draggable : { ...draggable, attributes: NO_DRAG_ATTRIBUTES, listeners: undefined };\n\nexport const useFileDraggable = (asset: {\n  id: number;\n  name: string;\n  folder?: number | string | { id?: number } | null;\n}) => {\n  const dnd = useAssetsDndOptional();\n  const isDndEnabled = dnd !== null;\n  const isMovePending = dnd?.isMovePending ?? false;\n\n  const data = useMemo<DragFileData>(\n    () => ({\n      kind: 'file',\n      id: asset.id,\n      name: asset.name,\n      folderId: getRelationId(asset.folder),\n    }),\n    [asset.folder, asset.id, asset.name]\n  );\n\n  const draggable = useDraggable({\n    id: toFileDraggableId(asset.id),\n    data,\n    disabled: !isDndEnabled || isMovePending,\n  });\n\n  const sortable = useAssetSortable(asset.id);\n\n  // In a reorderable list (the picker's Selected tab) dragging reorders\n  // instead of moving between folders: the item takes the sortable's node,\n  // pointer listeners and transform, and exposes a grip for the keyboard.\n  if (sortable) {\n    return {\n      ...withoutDrag(draggable, false),\n      setNodeRef: sortable.setNodeRef,\n      isDragging: sortable.isDragging,\n      listeners: sortable.listeners,\n      dragStyle: sortable.style,\n      dragHandle: sortable.handle,\n      dragData: data,\n    };\n  }\n\n  // `dragData` is re-exposed (like `useFolderDraggableDroppable` does) so the\n  // row's actions menu can hand the move dialog the asset's real folder.\n  return {\n    ...withoutDrag(draggable, isDndEnabled),\n    dragStyle: undefined,\n    dragHandle: undefined,\n    dragData: data,\n  };\n};\n\nexport const useFolderDraggableDroppable = (folder: {\n  id: number;\n  name: string;\n  parent?: number | null | { id?: number };\n}) => {\n  const dnd = useAssetsDndOptional();\n  const isDndEnabled = dnd !== null;\n  const isMovePending = dnd?.isMovePending ?? false;\n  const isValidDropTarget = dnd?.isValidDropTarget ?? (() => false);\n  const { active } = useDndContext();\n\n  const parentId = getRelationId(folder.parent);\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 = withoutDrag(\n    useDraggable({\n      id: toFolderDraggableId(folder.id),\n      data: dragData,\n      disabled: !isDndEnabled || isMovePending,\n    }),\n    isDndEnabled\n  );\n\n  const droppable = useDroppable({\n    id: toFolderTargetId(folder.id),\n    data: dropData,\n    disabled: !isDndEnabled || 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":["NO_DRAG_ATTRIBUTES","withoutDrag","draggable","isDndEnabled","attributes","listeners","undefined","useFileDraggable","asset","dnd","useAssetsDndOptional","isMovePending","data","useMemo","kind","id","name","folderId","getRelationId","folder","useDraggable","toFileDraggableId","disabled","sortable","useAssetSortable","setNodeRef","isDragging","dragStyle","style","dragHandle","handle","dragData","useFolderDraggableDroppable","isValidDropTarget","active","useDndContext","parentId","parent","dropData","toFolderDraggableId","droppable","useDroppable","toFolderTargetId","isValidTarget","isOver","showValidDropHighlight","showInvalidDropCursor"],"mappings":"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"}