@strapi/upload 5.50.2 → 5.51.1

package/dist/admin/future/utils/flattenFolderStructure.js

@@ -0,0 +1,28 @@
+'use strict';
+
+/**
+ * Flattens the nested folder structure (`/upload/folder-structure`) into a
+ * depth-first list of `{ id, label }` options where the label carries the full
+ * ancestry path. Used by destination selects so folders sharing a name stay
+ * distinguishable ("About / Images" vs "Tech / Images"), with children listed
+ * right under their parent.
+ *
+ * `excludeSubtreeIds` prunes a folder *and everything below it* in the same
+ * single pass — used to drop the selected folders (and their descendants) from
+ * bulk-move destinations without re-walking the tree per option.
+ */ const flattenFolderStructure = (nodes, excludeSubtreeIds = new Set(), parentLabel = '')=>nodes.flatMap((node)=>{
+        if (node.id == null || excludeSubtreeIds.has(node.id)) {
+            return [];
+        }
+        const label = parentLabel ? `${parentLabel} / ${node.name ?? ''}` : node.name ?? '';
+        return [
+            {
+                id: node.id,
+                label
+            },
+            ...flattenFolderStructure(node.children ?? [], excludeSubtreeIds, label)
+        ];
+    });
+
+exports.flattenFolderStructure = flattenFolderStructure;
+//# sourceMappingURL=flattenFolderStructure.js.map

package/dist/admin/future/utils/flattenFolderStructure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenFolderStructure.js","sources":["../../../../admin/src/future/utils/flattenFolderStructure.ts"],"sourcesContent":["import type { FolderNode } from '../../../../shared/contracts/folders';\n\nexport interface FlatFolderOption {\n  id: number;\n  /** Full ancestry label, e.g. \"About / Images\". */\n  label: string;\n}\n\n/**\n * Flattens the nested folder structure (`/upload/folder-structure`) into a\n * depth-first list of `{ id, label }` options where the label carries the full\n * ancestry path. Used by destination selects so folders sharing a name stay\n * distinguishable (\"About / Images\" vs \"Tech / Images\"), with children listed\n * right under their parent.\n *\n * `excludeSubtreeIds` prunes a folder *and everything below it* in the same\n * single pass — used to drop the selected folders (and their descendants) from\n * bulk-move destinations without re-walking the tree per option.\n */\nexport const flattenFolderStructure = (\n  nodes: FolderNode[],\n  excludeSubtreeIds: ReadonlySet<number> = new Set(),\n  parentLabel = ''\n): FlatFolderOption[] =>\n  nodes.flatMap((node) => {\n    if (node.id == null || excludeSubtreeIds.has(node.id)) {\n      return [];\n    }\n\n    const label = parentLabel ? `${parentLabel} / ${node.name ?? ''}` : (node.name ?? '');\n\n    return [\n      { id: node.id, label },\n      ...flattenFolderStructure(node.children ?? [], excludeSubtreeIds, label),\n    ];\n  });\n"],"names":["flattenFolderStructure","nodes","excludeSubtreeIds","Set","parentLabel","flatMap","node","id","has","label","name","children"],"mappings":";;AAQA;;;;;;;;;;AAUC,IACM,MAAMA,sBAAAA,GAAyB,CACpCC,OACAC,iBAAAA,GAAyC,IAAIC,GAAAA,EAAK,EAClDC,cAAc,EAAE,GAEhBH,KAAAA,CAAMI,OAAO,CAAC,CAACC,IAAAA,GAAAA;QACb,IAAIA,IAAAA,CAAKC,EAAE,IAAI,IAAA,IAAQL,kBAAkBM,GAAG,CAACF,IAAAA,CAAKC,EAAE,CAAA,EAAG;AACrD,YAAA,OAAO,EAAE;AACX,QAAA;AAEA,QAAA,MAAME,KAAAA,GAAQL,WAAAA,GAAc,CAAA,EAAGA,WAAAA,CAAY,GAAG,EAAEE,IAAAA,CAAKI,IAAI,IAAI,EAAA,CAAA,CAAI,GAAIJ,IAAAA,CAAKI,IAAI,IAAI,EAAA;QAElF,OAAO;AACL,YAAA;AAAEH,gBAAAA,EAAAA,EAAID,KAAKC,EAAE;AAAEE,gBAAAA;AAAM,aAAA;AAClBT,YAAAA,GAAAA,sBAAAA,CAAuBM,IAAAA,CAAKK,QAAQ,IAAI,EAAE,EAAET,iBAAAA,EAAmBO,KAAAA;AACnE,SAAA;IACH,CAAA;;;;"}

package/dist/admin/future/utils/flattenFolderStructure.mjs

@@ -0,0 +1,26 @@
+/**
+ * Flattens the nested folder structure (`/upload/folder-structure`) into a
+ * depth-first list of `{ id, label }` options where the label carries the full
+ * ancestry path. Used by destination selects so folders sharing a name stay
+ * distinguishable ("About / Images" vs "Tech / Images"), with children listed
+ * right under their parent.
+ *
+ * `excludeSubtreeIds` prunes a folder *and everything below it* in the same
+ * single pass — used to drop the selected folders (and their descendants) from
+ * bulk-move destinations without re-walking the tree per option.
+ */ const flattenFolderStructure = (nodes, excludeSubtreeIds = new Set(), parentLabel = '')=>nodes.flatMap((node)=>{
+        if (node.id == null || excludeSubtreeIds.has(node.id)) {
+            return [];
+        }
+        const label = parentLabel ? `${parentLabel} / ${node.name ?? ''}` : node.name ?? '';
+        return [
+            {
+                id: node.id,
+                label
+            },
+            ...flattenFolderStructure(node.children ?? [], excludeSubtreeIds, label)
+        ];
+    });
+
+export { flattenFolderStructure };
+//# sourceMappingURL=flattenFolderStructure.mjs.map

package/dist/admin/future/utils/flattenFolderStructure.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenFolderStructure.mjs","sources":["../../../../admin/src/future/utils/flattenFolderStructure.ts"],"sourcesContent":["import type { FolderNode } from '../../../../shared/contracts/folders';\n\nexport interface FlatFolderOption {\n  id: number;\n  /** Full ancestry label, e.g. \"About / Images\". */\n  label: string;\n}\n\n/**\n * Flattens the nested folder structure (`/upload/folder-structure`) into a\n * depth-first list of `{ id, label }` options where the label carries the full\n * ancestry path. Used by destination selects so folders sharing a name stay\n * distinguishable (\"About / Images\" vs \"Tech / Images\"), with children listed\n * right under their parent.\n *\n * `excludeSubtreeIds` prunes a folder *and everything below it* in the same\n * single pass — used to drop the selected folders (and their descendants) from\n * bulk-move destinations without re-walking the tree per option.\n */\nexport const flattenFolderStructure = (\n  nodes: FolderNode[],\n  excludeSubtreeIds: ReadonlySet<number> = new Set(),\n  parentLabel = ''\n): FlatFolderOption[] =>\n  nodes.flatMap((node) => {\n    if (node.id == null || excludeSubtreeIds.has(node.id)) {\n      return [];\n    }\n\n    const label = parentLabel ? `${parentLabel} / ${node.name ?? ''}` : (node.name ?? '');\n\n    return [\n      { id: node.id, label },\n      ...flattenFolderStructure(node.children ?? [], excludeSubtreeIds, label),\n    ];\n  });\n"],"names":["flattenFolderStructure","nodes","excludeSubtreeIds","Set","parentLabel","flatMap","node","id","has","label","name","children"],"mappings":"AAQA;;;;;;;;;;AAUC,IACM,MAAMA,sBAAAA,GAAyB,CACpCC,OACAC,iBAAAA,GAAyC,IAAIC,GAAAA,EAAK,EAClDC,cAAc,EAAE,GAEhBH,KAAAA,CAAMI,OAAO,CAAC,CAACC,IAAAA,GAAAA;QACb,IAAIA,IAAAA,CAAKC,EAAE,IAAI,IAAA,IAAQL,kBAAkBM,GAAG,CAACF,IAAAA,CAAKC,EAAE,CAAA,EAAG;AACrD,YAAA,OAAO,EAAE;AACX,QAAA;AAEA,QAAA,MAAME,KAAAA,GAAQL,WAAAA,GAAc,CAAA,EAAGA,WAAAA,CAAY,GAAG,EAAEE,IAAAA,CAAKI,IAAI,IAAI,EAAA,CAAA,CAAI,GAAIJ,IAAAA,CAAKI,IAAI,IAAI,EAAA;QAElF,OAAO;AACL,YAAA;AAAEH,gBAAAA,EAAAA,EAAID,KAAKC,EAAE;AAAEE,gBAAAA;AAAM,aAAA;AAClBT,YAAAA,GAAAA,sBAAAA,CAAuBM,IAAAA,CAAKK,QAAQ,IAAI,EAAE,EAAET,iBAAAA,EAAmBO,KAAAA;AACnE,SAAA;IACH,CAAA;;;;"}

package/dist/admin/future/utils/formatMoveSuccessMessage.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var translations = require('./translations.js');
+
+/**
+ * Single source of truth for the bulk-move success wording. Both the DnD drop
+ * and the BulkMoveDialog format the toast (and DnD live-region announcement)
+ * through here so the two paths stay identical for the same move.
+ */ const formatMoveSuccessMessage = ({ formatMessage, count, source, destination })=>formatMessage({
+        id: translations.getTranslationKey('list.bulk-actions.move.success'),
+        defaultMessage: '{count, plural, =1 {# element has} other {# elements have}} been moved from {source} to {destination}'
+    }, {
+        count,
+        source,
+        destination
+    });
+
+exports.formatMoveSuccessMessage = formatMoveSuccessMessage;
+//# sourceMappingURL=formatMoveSuccessMessage.js.map

package/dist/admin/future/utils/formatMoveSuccessMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatMoveSuccessMessage.js","sources":["../../../../admin/src/future/utils/formatMoveSuccessMessage.ts"],"sourcesContent":["import { getTranslationKey } from './translations';\n\nimport type { IntlShape } from 'react-intl';\n\ninterface FormatMoveSuccessArgs {\n  formatMessage: IntlShape['formatMessage'];\n  count: number;\n  source: string;\n  destination: string;\n}\n\n/**\n * Single source of truth for the bulk-move success wording. Both the DnD drop\n * and the BulkMoveDialog format the toast (and DnD live-region announcement)\n * through here so the two paths stay identical for the same move.\n */\nexport const formatMoveSuccessMessage = ({\n  formatMessage,\n  count,\n  source,\n  destination,\n}: FormatMoveSuccessArgs): string =>\n  formatMessage(\n    {\n      id: getTranslationKey('list.bulk-actions.move.success'),\n      defaultMessage:\n        '{count, plural, =1 {# element has} other {# elements have}} been moved from {source} to {destination}',\n    },\n    { count, source, destination }\n  );\n"],"names":["formatMoveSuccessMessage","formatMessage","count","source","destination","id","getTranslationKey","defaultMessage"],"mappings":";;;;AAWA;;;;AAIC,IACM,MAAMA,wBAAAA,GAA2B,CAAC,EACvCC,aAAa,EACbC,KAAK,EACLC,MAAM,EACNC,WAAW,EACW,GACtBH,aAAAA,CACE;AACEI,QAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,gCAAA,CAAA;QACtBC,cAAAA,EACE;KACJ,EACA;AAAEL,QAAAA,KAAAA;AAAOC,QAAAA,MAAAA;AAAQC,QAAAA;KAAY;;;;"}

package/dist/admin/future/utils/formatMoveSuccessMessage.mjs

@@ -0,0 +1,17 @@
+import { getTranslationKey } from './translations.mjs';
+
+/**
+ * Single source of truth for the bulk-move success wording. Both the DnD drop
+ * and the BulkMoveDialog format the toast (and DnD live-region announcement)
+ * through here so the two paths stay identical for the same move.
+ */ const formatMoveSuccessMessage = ({ formatMessage, count, source, destination })=>formatMessage({
+        id: getTranslationKey('list.bulk-actions.move.success'),
+        defaultMessage: '{count, plural, =1 {# element has} other {# elements have}} been moved from {source} to {destination}'
+    }, {
+        count,
+        source,
+        destination
+    });
+
+export { formatMoveSuccessMessage };
+//# sourceMappingURL=formatMoveSuccessMessage.mjs.map

package/dist/admin/future/utils/formatMoveSuccessMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatMoveSuccessMessage.mjs","sources":["../../../../admin/src/future/utils/formatMoveSuccessMessage.ts"],"sourcesContent":["import { getTranslationKey } from './translations';\n\nimport type { IntlShape } from 'react-intl';\n\ninterface FormatMoveSuccessArgs {\n  formatMessage: IntlShape['formatMessage'];\n  count: number;\n  source: string;\n  destination: string;\n}\n\n/**\n * Single source of truth for the bulk-move success wording. Both the DnD drop\n * and the BulkMoveDialog format the toast (and DnD live-region announcement)\n * through here so the two paths stay identical for the same move.\n */\nexport const formatMoveSuccessMessage = ({\n  formatMessage,\n  count,\n  source,\n  destination,\n}: FormatMoveSuccessArgs): string =>\n  formatMessage(\n    {\n      id: getTranslationKey('list.bulk-actions.move.success'),\n      defaultMessage:\n        '{count, plural, =1 {# element has} other {# elements have}} been moved from {source} to {destination}',\n    },\n    { count, source, destination }\n  );\n"],"names":["formatMoveSuccessMessage","formatMessage","count","source","destination","id","getTranslationKey","defaultMessage"],"mappings":";;AAWA;;;;AAIC,IACM,MAAMA,wBAAAA,GAA2B,CAAC,EACvCC,aAAa,EACbC,KAAK,EACLC,MAAM,EACNC,WAAW,EACW,GACtBH,aAAAA,CACE;AACEI,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;QACtBC,cAAAA,EACE;KACJ,EACA;AAAEL,QAAAA,KAAAA;AAAOC,QAAAA,MAAAA;AAAQC,QAAAA;KAAY;;;;"}

package/dist/admin/future/utils/getFolderLabel.js

@@ -0,0 +1,31 @@
+'use strict';
+
+/**
+ * Leaf display name for a folder id. `null` (root) → the Media Library label.
+ * Used by both the DnD success toast and the dialog success toast so the two
+ * paths name folders identically. Ancestry paths belong only in the dialog's
+ * select options (see `flattenFolderStructure`).
+ *
+ * `id === null` returns `rootLabel`; an unknown id falls back to `rootLabel`
+ * too (defensive — mirrors the dialog's previous `?? rootLabel`).
+ */ const getFolderLabel = (folderStructure, id, rootLabel)=>{
+    if (id === null) {
+        return rootLabel;
+    }
+    const findNode = (nodes)=>{
+        for (const node of nodes){
+            if (node.id === id) {
+                return node;
+            }
+            const found = findNode(node.children ?? []);
+            if (found) {
+                return found;
+            }
+        }
+        return null;
+    };
+    return findNode(folderStructure)?.name ?? rootLabel;
+};
+
+exports.getFolderLabel = getFolderLabel;
+//# sourceMappingURL=getFolderLabel.js.map

package/dist/admin/future/utils/getFolderLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFolderLabel.js","sources":["../../../../admin/src/future/utils/getFolderLabel.ts"],"sourcesContent":["import type { FolderNode } from '../../../../shared/contracts/folders';\n\n/**\n * Leaf display name for a folder id. `null` (root) → the Media Library label.\n * Used by both the DnD success toast and the dialog success toast so the two\n * paths name folders identically. Ancestry paths belong only in the dialog's\n * select options (see `flattenFolderStructure`).\n *\n * `id === null` returns `rootLabel`; an unknown id falls back to `rootLabel`\n * too (defensive — mirrors the dialog's previous `?? rootLabel`).\n */\nexport const getFolderLabel = (\n  folderStructure: FolderNode[],\n  id: number | null,\n  rootLabel: string\n): string => {\n  if (id === null) {\n    return rootLabel;\n  }\n\n  const findNode = (nodes: FolderNode[]): FolderNode | null => {\n    for (const node of nodes) {\n      if (node.id === id) {\n        return node;\n      }\n\n      const found = findNode(node.children ?? []);\n      if (found) {\n        return found;\n      }\n    }\n\n    return null;\n  };\n\n  return findNode(folderStructure)?.name ?? rootLabel;\n};\n"],"names":["getFolderLabel","folderStructure","id","rootLabel","findNode","nodes","node","found","children","name"],"mappings":";;AAEA;;;;;;;;AAQC,IACM,MAAMA,cAAAA,GAAiB,CAC5BC,iBACAC,EAAAA,EACAC,SAAAA,GAAAA;AAEA,IAAA,IAAID,OAAO,IAAA,EAAM;QACf,OAAOC,SAAAA;AACT,IAAA;AAEA,IAAA,MAAMC,WAAW,CAACC,KAAAA,GAAAA;QAChB,KAAK,MAAMC,QAAQD,KAAAA,CAAO;YACxB,IAAIC,IAAAA,CAAKJ,EAAE,KAAKA,EAAAA,EAAI;gBAClB,OAAOI,IAAAA;AACT,YAAA;AAEA,YAAA,MAAMC,KAAAA,GAAQH,QAAAA,CAASE,IAAAA,CAAKE,QAAQ,IAAI,EAAE,CAAA;AAC1C,YAAA,IAAID,KAAAA,EAAO;gBACT,OAAOA,KAAAA;AACT,YAAA;AACF,QAAA;QAEA,OAAO,IAAA;AACT,IAAA,CAAA;IAEA,OAAOH,QAAAA,CAASH,kBAAkBQ,IAAAA,IAAQN,SAAAA;AAC5C;;;;"}

package/dist/admin/future/utils/getFolderLabel.mjs

@@ -0,0 +1,29 @@
+/**
+ * Leaf display name for a folder id. `null` (root) → the Media Library label.
+ * Used by both the DnD success toast and the dialog success toast so the two
+ * paths name folders identically. Ancestry paths belong only in the dialog's
+ * select options (see `flattenFolderStructure`).
+ *
+ * `id === null` returns `rootLabel`; an unknown id falls back to `rootLabel`
+ * too (defensive — mirrors the dialog's previous `?? rootLabel`).
+ */ const getFolderLabel = (folderStructure, id, rootLabel)=>{
+    if (id === null) {
+        return rootLabel;
+    }
+    const findNode = (nodes)=>{
+        for (const node of nodes){
+            if (node.id === id) {
+                return node;
+            }
+            const found = findNode(node.children ?? []);
+            if (found) {
+                return found;
+            }
+        }
+        return null;
+    };
+    return findNode(folderStructure)?.name ?? rootLabel;
+};
+
+export { getFolderLabel };
+//# sourceMappingURL=getFolderLabel.mjs.map

package/dist/admin/future/utils/getFolderLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFolderLabel.mjs","sources":["../../../../admin/src/future/utils/getFolderLabel.ts"],"sourcesContent":["import type { FolderNode } from '../../../../shared/contracts/folders';\n\n/**\n * Leaf display name for a folder id. `null` (root) → the Media Library label.\n * Used by both the DnD success toast and the dialog success toast so the two\n * paths name folders identically. Ancestry paths belong only in the dialog's\n * select options (see `flattenFolderStructure`).\n *\n * `id === null` returns `rootLabel`; an unknown id falls back to `rootLabel`\n * too (defensive — mirrors the dialog's previous `?? rootLabel`).\n */\nexport const getFolderLabel = (\n  folderStructure: FolderNode[],\n  id: number | null,\n  rootLabel: string\n): string => {\n  if (id === null) {\n    return rootLabel;\n  }\n\n  const findNode = (nodes: FolderNode[]): FolderNode | null => {\n    for (const node of nodes) {\n      if (node.id === id) {\n        return node;\n      }\n\n      const found = findNode(node.children ?? []);\n      if (found) {\n        return found;\n      }\n    }\n\n    return null;\n  };\n\n  return findNode(folderStructure)?.name ?? rootLabel;\n};\n"],"names":["getFolderLabel","folderStructure","id","rootLabel","findNode","nodes","node","found","children","name"],"mappings":"AAEA;;;;;;;;AAQC,IACM,MAAMA,cAAAA,GAAiB,CAC5BC,iBACAC,EAAAA,EACAC,SAAAA,GAAAA;AAEA,IAAA,IAAID,OAAO,IAAA,EAAM;QACf,OAAOC,SAAAA;AACT,IAAA;AAEA,IAAA,MAAMC,WAAW,CAACC,KAAAA,GAAAA;QAChB,KAAK,MAAMC,QAAQD,KAAAA,CAAO;YACxB,IAAIC,IAAAA,CAAKJ,EAAE,KAAKA,EAAAA,EAAI;gBAClB,OAAOI,IAAAA;AACT,YAAA;AAEA,YAAA,MAAMC,KAAAA,GAAQH,QAAAA,CAASE,IAAAA,CAAKE,QAAQ,IAAI,EAAE,CAAA;AAC1C,YAAA,IAAID,KAAAA,EAAO;gBACT,OAAOA,KAAAA;AACT,YAAA;AACF,QAAA;QAEA,OAAO,IAAA;AACT,IAAA,CAAA;IAEA,OAAOH,QAAAA,CAASH,kBAAkBQ,IAAAA,IAAQN,SAAAA;AAC5C;;;;"}

package/dist/admin/hooks/useUpload.js

@@ -4,6 +4,7 @@ var React = require('react');
 var strapiAdmin = require('@strapi/admin/strapi-admin');
 var reactQuery = require('react-query');
 var reactRedux = require('react-redux');
+var uploadFileViaXHR = require('../future/services/uploadFileViaXHR.js');
 var pluginId = require('../pluginId.js');
 
 function _interopNamespace(e) {
@@ -27,7 +28,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const endpoint = `/${pluginId.pluginId}`;
-const uploadAssets = (assets, folderId, signal, onProgress, post)=>{
+const uploadAssets = (assets, folderId, signal, onProgress, token)=>{
     const assetsArray = Array.isArray(assets) ? assets : [
         assets
     ];
@@ -48,12 +49,13 @@ const uploadAssets = (assets, folderId, signal, onProgress, post)=>{
         }));
     });
     /**
-   * onProgress is not possible using native fetch
-   * need to look into an alternative to make it work
-   * perhaps using xhr like Axios does
-   */ return post(endpoint, formData, {
-        signal
-    }).then((res)=>res.data);
+   * Native fetch cannot report upload progress, so upload via the shared XHR
+   * service and surface its byte-level progress as a 0-100 percentage.
+   */ return uploadFileViaXHR.uploadFileViaXHR(`${window.strapi.backendURL}${endpoint}`, token, formData, signal, (loaded, total)=>{
+        if (total > 0) {
+            onProgress(Math.round(loaded / total * 100));
+        }
+    });
 };
 const useUpload = ()=>{
     const dispatch = reactRedux.useDispatch();
@@ -61,10 +63,14 @@ const useUpload = ()=>{
     const queryClient = reactQuery.useQueryClient();
     const abortController = new AbortController();
     const signal = abortController.signal;
-    const { post } = strapiAdmin.useFetchClient();
+    const store = reactRedux.useStore();
     const mutation = reactQuery.useMutation(({ assets, folderId })=>{
-        return uploadAssets(assets, folderId, signal, setProgress, post);
+        return uploadAssets(assets, folderId, signal, setProgress, store.getState().admin_app?.token);
     }, {
+        mutationKey: [
+            pluginId.pluginId,
+            'upload'
+        ],
         onSuccess () {
             queryClient.refetchQueries([
                 pluginId.pluginId,

package/dist/admin/hooks/useUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.js","sources":["../../../admin/src/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useFetchClient, FetchClient, adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\nconst uploadAssets = (\n  assets: Asset | Asset[],\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  post: FetchClient['post']\n): Promise<CreateFile.Response['data']> => {\n  const assetsArray = Array.isArray(assets) ? assets : [assets];\n  const formData = new FormData();\n\n  // Add all files to the form data\n  assetsArray.forEach((asset) => {\n    if (asset.rawFile) {\n      formData.append('files', asset.rawFile);\n    }\n  });\n\n  // Add each fileInfo as a separate stringified field\n  assetsArray.forEach((asset) => {\n    formData.append(\n      'fileInfo',\n      JSON.stringify({\n        name: asset.name,\n        caption: asset.caption,\n        alternativeText: asset.alternativeText,\n        folder: folderId,\n      })\n    );\n  });\n\n  /**\n   * onProgress is not possible using native fetch\n   * need to look into an alternative to make it work\n   * perhaps using xhr like Axios does\n   */\n  return post<CreateFile.Response['data'], CreateFile.Request['body']>(endpoint, formData, {\n    signal,\n  }).then((res) => res.data);\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const { post } = useFetchClient();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { assets: Asset | Asset[]; folderId: number | null }\n  >(\n    ({ assets, folderId }) => {\n      return uploadAssets(assets, folderId, signal, setProgress, post);\n    },\n    {\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics', 'AiUsage']));\n      },\n    }\n  );\n\n  const upload = (assets: Asset | Asset[], folderId: number | null) =>\n    mutation.mutateAsync({ assets, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAssets","assets","folderId","signal","onProgress","post","assetsArray","Array","isArray","formData","FormData","forEach","asset","rawFile","append","JSON","stringify","name","caption","alternativeText","folder","then","res","data","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","useFetchClient","mutation","useMutation","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":"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"}
+{"version":3,"file":"useUpload.js","sources":["../../../admin/src/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch, useStore } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../shared/contracts/files';\nimport { uploadFileViaXHR } from '../future/services/uploadFileViaXHR';\nimport { pluginId } from '../pluginId';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\ninterface StoreState {\n  admin_app: {\n    token?: string | null;\n  };\n}\n\nconst uploadAssets = (\n  assets: Asset | Asset[],\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  token: string | null | undefined\n): Promise<CreateFile.Response['data']> => {\n  const assetsArray = Array.isArray(assets) ? assets : [assets];\n  const formData = new FormData();\n\n  // Add all files to the form data\n  assetsArray.forEach((asset) => {\n    if (asset.rawFile) {\n      formData.append('files', asset.rawFile);\n    }\n  });\n\n  // Add each fileInfo as a separate stringified field\n  assetsArray.forEach((asset) => {\n    formData.append(\n      'fileInfo',\n      JSON.stringify({\n        name: asset.name,\n        caption: asset.caption,\n        alternativeText: asset.alternativeText,\n        folder: folderId,\n      })\n    );\n  });\n\n  /**\n   * Native fetch cannot report upload progress, so upload via the shared XHR\n   * service and surface its byte-level progress as a 0-100 percentage.\n   */\n  return uploadFileViaXHR<CreateFile.Response['data']>(\n    `${window.strapi.backendURL}${endpoint}`,\n    token,\n    formData,\n    signal,\n    (loaded, total) => {\n      if (total > 0) {\n        onProgress(Math.round((loaded / total) * 100));\n      }\n    }\n  );\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const store = useStore<StoreState>();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { assets: Asset | Asset[]; folderId: number | null }\n  >(\n    ({ assets, folderId }) => {\n      return uploadAssets(assets, folderId, signal, setProgress, store.getState().admin_app?.token);\n    },\n    {\n      mutationKey: [pluginId, 'upload'],\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics', 'AiUsage']));\n      },\n    }\n  );\n\n  const upload = (assets: Asset | Asset[], folderId: number | null) =>\n    mutation.mutateAsync({ assets, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAssets","assets","folderId","signal","onProgress","token","assetsArray","Array","isArray","formData","FormData","forEach","asset","rawFile","append","JSON","stringify","name","caption","alternativeText","folder","uploadFileViaXHR","window","strapi","backendURL","loaded","total","Math","round","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","store","useStore","mutation","useMutation","getState","admin_app","mutationKey","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":"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"}

package/dist/admin/hooks/useUpload.mjs

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import { useFetchClient, adminApi } from '@strapi/admin/strapi-admin';
+import { adminApi } from '@strapi/admin/strapi-admin';
 import { useQueryClient, useMutation } from 'react-query';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useStore } from 'react-redux';
+import { uploadFileViaXHR } from '../future/services/uploadFileViaXHR.mjs';
 import { pluginId } from '../pluginId.mjs';
 
 const endpoint = `/${pluginId}`;
-const uploadAssets = (assets, folderId, signal, onProgress, post)=>{
+const uploadAssets = (assets, folderId, signal, onProgress, token)=>{
     const assetsArray = Array.isArray(assets) ? assets : [
         assets
     ];
@@ -26,12 +27,13 @@ const uploadAssets = (assets, folderId, signal, onProgress, post)=>{
         }));
     });
     /**
-   * onProgress is not possible using native fetch
-   * need to look into an alternative to make it work
-   * perhaps using xhr like Axios does
-   */ return post(endpoint, formData, {
-        signal
-    }).then((res)=>res.data);
+   * Native fetch cannot report upload progress, so upload via the shared XHR
+   * service and surface its byte-level progress as a 0-100 percentage.
+   */ return uploadFileViaXHR(`${window.strapi.backendURL}${endpoint}`, token, formData, signal, (loaded, total)=>{
+        if (total > 0) {
+            onProgress(Math.round(loaded / total * 100));
+        }
+    });
 };
 const useUpload = ()=>{
     const dispatch = useDispatch();
@@ -39,10 +41,14 @@ const useUpload = ()=>{
     const queryClient = useQueryClient();
     const abortController = new AbortController();
     const signal = abortController.signal;
-    const { post } = useFetchClient();
+    const store = useStore();
     const mutation = useMutation(({ assets, folderId })=>{
-        return uploadAssets(assets, folderId, signal, setProgress, post);
+        return uploadAssets(assets, folderId, signal, setProgress, store.getState().admin_app?.token);
     }, {
+        mutationKey: [
+            pluginId,
+            'upload'
+        ],
         onSuccess () {
             queryClient.refetchQueries([
                 pluginId,

package/dist/admin/hooks/useUpload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.mjs","sources":["../../../admin/src/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { useFetchClient, FetchClient, adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../shared/contracts/files';\nimport { pluginId } from '../pluginId';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\nconst uploadAssets = (\n  assets: Asset | Asset[],\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  post: FetchClient['post']\n): Promise<CreateFile.Response['data']> => {\n  const assetsArray = Array.isArray(assets) ? assets : [assets];\n  const formData = new FormData();\n\n  // Add all files to the form data\n  assetsArray.forEach((asset) => {\n    if (asset.rawFile) {\n      formData.append('files', asset.rawFile);\n    }\n  });\n\n  // Add each fileInfo as a separate stringified field\n  assetsArray.forEach((asset) => {\n    formData.append(\n      'fileInfo',\n      JSON.stringify({\n        name: asset.name,\n        caption: asset.caption,\n        alternativeText: asset.alternativeText,\n        folder: folderId,\n      })\n    );\n  });\n\n  /**\n   * onProgress is not possible using native fetch\n   * need to look into an alternative to make it work\n   * perhaps using xhr like Axios does\n   */\n  return post<CreateFile.Response['data'], CreateFile.Request['body']>(endpoint, formData, {\n    signal,\n  }).then((res) => res.data);\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const { post } = useFetchClient();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { assets: Asset | Asset[]; folderId: number | null }\n  >(\n    ({ assets, folderId }) => {\n      return uploadAssets(assets, folderId, signal, setProgress, post);\n    },\n    {\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics', 'AiUsage']));\n      },\n    }\n  );\n\n  const upload = (assets: Asset | Asset[], folderId: number | null) =>\n    mutation.mutateAsync({ assets, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAssets","assets","folderId","signal","onProgress","post","assetsArray","Array","isArray","formData","FormData","forEach","asset","rawFile","append","JSON","stringify","name","caption","alternativeText","folder","then","res","data","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","useFetchClient","mutation","useMutation","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":"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"}
+{"version":3,"file":"useUpload.mjs","sources":["../../../admin/src/hooks/useUpload.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { adminApi } from '@strapi/admin/strapi-admin';\nimport { useMutation, useQueryClient } from 'react-query';\nimport { useDispatch, useStore } from 'react-redux';\n\nimport { File, RawFile, CreateFile } from '../../../shared/contracts/files';\nimport { uploadFileViaXHR } from '../future/services/uploadFileViaXHR';\nimport { pluginId } from '../pluginId';\n\nconst endpoint = `/${pluginId}`;\n\ninterface Asset extends Omit<File, 'id' | 'hash'> {\n  rawFile?: RawFile;\n  id?: File['id'];\n  hash?: File['hash'];\n}\n\ninterface StoreState {\n  admin_app: {\n    token?: string | null;\n  };\n}\n\nconst uploadAssets = (\n  assets: Asset | Asset[],\n  folderId: number | null,\n  signal: AbortSignal,\n  onProgress: (progress: number) => void,\n  token: string | null | undefined\n): Promise<CreateFile.Response['data']> => {\n  const assetsArray = Array.isArray(assets) ? assets : [assets];\n  const formData = new FormData();\n\n  // Add all files to the form data\n  assetsArray.forEach((asset) => {\n    if (asset.rawFile) {\n      formData.append('files', asset.rawFile);\n    }\n  });\n\n  // Add each fileInfo as a separate stringified field\n  assetsArray.forEach((asset) => {\n    formData.append(\n      'fileInfo',\n      JSON.stringify({\n        name: asset.name,\n        caption: asset.caption,\n        alternativeText: asset.alternativeText,\n        folder: folderId,\n      })\n    );\n  });\n\n  /**\n   * Native fetch cannot report upload progress, so upload via the shared XHR\n   * service and surface its byte-level progress as a 0-100 percentage.\n   */\n  return uploadFileViaXHR<CreateFile.Response['data']>(\n    `${window.strapi.backendURL}${endpoint}`,\n    token,\n    formData,\n    signal,\n    (loaded, total) => {\n      if (total > 0) {\n        onProgress(Math.round((loaded / total) * 100));\n      }\n    }\n  );\n};\n\nexport const useUpload = () => {\n  const dispatch = useDispatch();\n  const [progress, setProgress] = React.useState(0);\n  const queryClient = useQueryClient();\n  const abortController = new AbortController();\n  const signal = abortController.signal;\n  const store = useStore<StoreState>();\n\n  const mutation = useMutation<\n    CreateFile.Response['data'],\n    CreateFile.Response['error'],\n    { assets: Asset | Asset[]; folderId: number | null }\n  >(\n    ({ assets, folderId }) => {\n      return uploadAssets(assets, folderId, signal, setProgress, store.getState().admin_app?.token);\n    },\n    {\n      mutationKey: [pluginId, 'upload'],\n      onSuccess() {\n        queryClient.refetchQueries([pluginId, 'assets'], { active: true });\n        queryClient.refetchQueries([pluginId, 'asset-count'], { active: true });\n        dispatch(adminApi.util.invalidateTags(['HomepageKeyStatistics', 'AiUsage']));\n      },\n    }\n  );\n\n  const upload = (assets: Asset | Asset[], folderId: number | null) =>\n    mutation.mutateAsync({ assets, folderId });\n\n  const cancel = () => abortController.abort();\n\n  return {\n    upload,\n    isLoading: mutation.isLoading,\n    cancel,\n    error: mutation.error,\n    progress,\n    status: mutation.status,\n  };\n};\n"],"names":["endpoint","pluginId","uploadAssets","assets","folderId","signal","onProgress","token","assetsArray","Array","isArray","formData","FormData","forEach","asset","rawFile","append","JSON","stringify","name","caption","alternativeText","folder","uploadFileViaXHR","window","strapi","backendURL","loaded","total","Math","round","useUpload","dispatch","useDispatch","progress","setProgress","React","useState","queryClient","useQueryClient","abortController","AbortController","store","useStore","mutation","useMutation","getState","admin_app","mutationKey","onSuccess","refetchQueries","active","adminApi","util","invalidateTags","upload","mutateAsync","cancel","abort","isLoading","error","status"],"mappings":"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"}

package/dist/admin/src/future/pages/Assets/components/AssetsGrid.d.ts

@@ -5,5 +5,5 @@ interface AssetsGridProps {
     folders?: Folder[];
     onAssetItemClick: (assetId: number) => void;
 }
-export declare const AssetsGrid: ({ assets, folders, onAssetItemClick }: AssetsGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AssetsGrid: ({ assets, folders, onAssetItemClick }: AssetsGridProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/admin/src/future/pages/Assets/components/AssetsTable.d.ts

@@ -1,9 +1,15 @@
+import { type MixedItem } from '../utils/mergeMixedList';
 import type { File } from '../../../../../../shared/contracts/files';
 import type { Folder } from '../../../../../../shared/contracts/folders';
 interface AssetsTableProps {
     assets: File[];
     folders?: Folder[];
+    /**
+     * When set ("Folders: Mixed with files"), rows render in this interleaved
+     * order instead of folders-first. Range selection follows the same order.
+     */
+    mixedItems?: MixedItem[] | null;
     onAssetItemClick: (assetId: number) => void;
 }
-export declare const AssetsTable: ({ assets, folders, onAssetItemClick }: AssetsTableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AssetsTable: ({ assets, folders, mixedItems, onAssetItemClick, }: AssetsTableProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/admin/src/future/pages/Assets/components/BulkActionsBar.d.ts

@@ -0,0 +1 @@
+export declare const BulkActionsBar: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/admin/src/future/pages/Assets/components/BulkMoveDialog.d.ts

@@ -0,0 +1,13 @@
+interface BulkMoveDialogProps {
+    open: boolean;
+    onClose: () => void;
+}
+/**
+ * "Move elements to" modal for the bulk actions bar. Moves the current
+ * selection (assets and/or folders) into the picked destination folder via
+ * `POST /upload/actions/bulk-move`. The mutation invalidates the asset list,
+ * folder list and the sidebar folder-structure, so both panes refresh on
+ * success. On failure the modal stays open so the user can retry or cancel.
+ */
+export declare const BulkMoveDialog: ({ open, onClose }: BulkMoveDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/future/pages/Assets/components/Dnd/AssetsDndProvider.d.ts

@@ -2,6 +2,8 @@ import { type ReactNode } from 'react';
 interface AssetsDndContextValue {
     isInternalDragActive: boolean;
     isMovePending: boolean;
+    /** O(1) lookup of whether the current drag set may drop on this destination. */
+    isValidDropTarget: (targetFolderId: number | null) => boolean;
 }
 export declare const useAssetsDnd: () => AssetsDndContextValue;
 export declare const useAssetsDndOptional: () => AssetsDndContextValue | null;

package/dist/admin/src/future/pages/Assets/components/Dnd/DragOverlayChip.d.ts

@@ -1,6 +1,6 @@
 import type { DragItemData } from '../../../../types/dnd';
 interface DragOverlayChipProps {
-    item: DragItemData;
+    items: DragItemData[];
 }
-export declare const DragOverlayChip: ({ item }: DragOverlayChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DragOverlayChip: ({ items }: DragOverlayChipProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/admin/src/future/pages/Assets/components/Dnd/buildDragSet.d.ts

@@ -0,0 +1,17 @@
+import { type ItemKey } from '../../utils/selection';
+import type { DragItemData } from '../../../../types/dnd';
+export interface DragSet {
+    items: DragItemData[];
+    /** True when the active item was already selected — membership is the full selection. */
+    fromSelection: boolean;
+}
+/**
+ * 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.
+ */
+export declare const buildDragSet: (activeData: DragItemData, selectedKeys: Set<ItemKey> | undefined, currentFolderId: number | null) => DragSet;

package/dist/admin/src/future/pages/Assets/components/Dnd/computeValidDropTargets.d.ts

@@ -0,0 +1,7 @@
+import type { FolderNode } from '../../../../../../../shared/contracts/folders';
+import type { DragItemData } from '../../../../types/dnd';
+/**
+ * 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.
+ */
+export declare const computeValidDropTargets: (items: DragItemData[], folderStructure: FolderNode[]) => Set<number | null>;

package/dist/admin/src/future/pages/Assets/components/Dnd/dndIds.d.ts

@@ -2,3 +2,6 @@ export declare const toFileDraggableId: (id: number) => `file:${number}`;
 export declare const toFolderDraggableId: (id: number) => `folder:${number}`;
 export declare const toFolderTargetId: (id: number) => `folder-target:${number}`;
 export declare const parseFolderTargetId: (dndId: string | number) => number | null;
+export declare const toFolderTreeTargetId: (id: number) => `folder-tree-target:${number}`;
+export declare const HOME_TREE_TARGET_ID: "folder-tree-target:home";
+export declare const parseFolderTreeTargetId: (dndId: string | number) => number | "root" | null;

package/dist/admin/src/future/pages/Assets/components/Dnd/useAssetDnd.d.ts

@@ -2,7 +2,9 @@ import type { DragFolderData } from '../../../../types/dnd';
 export declare const useFileDraggable: (asset: {
     id: number;
     name: string;
-    folder?: number | string | null;
+    folder?: number | string | {
+        id?: number;
+    } | null;
 }) => {
     active: import("@dnd-kit/core").Active | null;
     activatorEvent: Event | null;

package/dist/admin/src/future/pages/Assets/components/Dnd/useFolderTreeDroppable.d.ts

@@ -0,0 +1,19 @@
+export declare const useFolderTreeDroppable: (target: {
+    id: number;
+    name: string;
+} | {
+    id: null;
+    name: string;
+}) => {
+    droppable: {
+        active: import("@dnd-kit/core").Active | null;
+        rect: import("react").MutableRefObject<import("@dnd-kit/core").ClientRect | null>;
+        isOver: boolean;
+        node: import("react").MutableRefObject<HTMLElement | null>;
+        over: import("@dnd-kit/core").Over | null;
+        setNodeRef: (element: HTMLElement | null) => void;
+    };
+    isOver: boolean;
+    showValidDropHighlight: boolean;
+    showInvalidDropCursor: boolean;
+};

package/dist/admin/src/future/pages/Assets/components/EmptyState.d.ts

@@ -0,0 +1,11 @@
+interface EmptyStateProps {
+    onAddAssets: () => void;
+}
+/**
+ * Empty state for the assets list (both views) when the current folder holds
+ * no assets and no folders. The "Add assets" button opens the same file picker
+ * as New > File upload; drag-and-drop upload keeps working since the page-wide
+ * drop zone wraps this component.
+ */
+export declare const EmptyState: ({ onAddAssets }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/future/pages/Assets/components/FolderTree/useSpringLoadedExpand.d.ts

@@ -0,0 +1,6 @@
+export declare const SPRING_LOAD_DELAY_MS = 600;
+export declare const useSpringLoadedExpand: ({ isOver, canExpand, onExpand, }: {
+    isOver: boolean;
+    canExpand: boolean;
+    onExpand: () => void;
+}) => void;

package/dist/admin/src/future/pages/Assets/components/SortMenu.d.ts

@@ -0,0 +1,17 @@
+import { type ListSort } from '../hooks/useListSort';
+interface SortMenuProps {
+    sort: ListSort;
+    /**
+     * The grid view forces folders on top (mixing folder cards with asset cards
+     * is not supported there), so it hides the Folders group entirely.
+     */
+    showFoldersGroup?: boolean;
+}
+/**
+ * Toolbar "Sort" dropdown: single-select sections (Sort / Folders). Picking an
+ * option keeps the menu open (`onSelect` preventDefault) so several facets can
+ * be tuned in one visit; clicking a checked facet clears it (the hook
+ * guarantees at least one sort rule stays active).
+ */
+export declare const SortMenu: ({ sort, showFoldersGroup }: SortMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/future/pages/Assets/hooks/useAssetSelection.d.ts

@@ -0,0 +1,39 @@
+import { type ReactNode } from 'react';
+import { type ItemKey } from '../utils/selection';
+/**
+ * Ephemeral, view-state-only multi-select for the future Media Library. Selection
+ * is page-scoped and reset on folder navigation or sort/filter changes (the
+ * table/grid toggle keeps it — same list, different presentation).
+ *
+ * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);
+ * this hook is a thin React wrapper. Assets and folders share one mechanism —
+ * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range
+ * and select-all behave the same for both. Range / select-all receive the
+ * ordered key array from the caller (the view owns the rendered order), keeping
+ * the context data-source-agnostic.
+ */
+export interface AssetSelection {
+    /** Every selected item key (assets and folders), render-order agnostic. */
+    selectedKeys: Set<ItemKey>;
+    /** Selected asset ids, derived from {@link selectedKeys}. */
+    selectedIds: Set<number>;
+    /** Selected folder ids, derived from {@link selectedKeys}. */
+    selectedFolderIds: Set<number>;
+    anchorKey: ItemKey | null;
+    isSelected: (key: ItemKey) => boolean;
+    /** Additive toggle (Cmd/Ctrl+click, item checkbox). */
+    toggle: (key: ItemKey) => void;
+    /** Shift+click — selects the contiguous range from the anchor to the target. */
+    selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;
+    /** Header checkbox — selects every rendered item (folders and assets). */
+    selectAll: (orderedKeys: ItemKey[]) => void;
+    /** Close button / folder navigation / list-identity changes. */
+    clear: () => void;
+}
+interface AssetSelectionProviderProps {
+    children: ReactNode;
+}
+export declare const AssetSelectionProvider: ({ children }: AssetSelectionProviderProps) => import("react").FunctionComponentElement<import("react").ProviderProps<AssetSelection | null>>;
+export declare const useAssetSelection: () => AssetSelection;
+export declare const useAssetSelectionOptional: () => AssetSelection | null;
+export {};