@strapi/upload 5.51.0 → 5.51.2

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

@@ -0,0 +1,368 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { useNotification } from '@strapi/admin/strapi-admin';
+import { Typography, Tooltip, Box, Button, IconButton, Dialog, Flex } from '@strapi/design-system';
+import { Sparkle, ArrowRight, Trash, WarningCircle, Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { AI_METADATA_MAX_FILES, isAIMetadataSupportedMime } from '../../../../shared/constants.mjs';
+import { useAIAvailability } from '../../../../hooks/useAiAvailability.mjs';
+import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
+import { useBulkDeleteItemsMutation } from '../../../services/assets.mjs';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
+import { BulkMoveDialog } from './BulkMoveDialog.mjs';
+import { useGenerateAiMetadataMutation } from '../../../services/api.mjs';
+
+/**
+ * Floating bulk action bar for the future Media Library.
+ */ const Bar = styled(Flex)`
+  position: fixed;
+  bottom: ${({ theme })=>theme.spaces[4]};
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: ${({ theme })=>theme.zIndices.popover};
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+  padding: ${({ theme })=>`${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};
+  background: ${({ theme })=>theme.colors.neutral0};
+  border: 1px solid ${({ theme })=>theme.colors.neutral150};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+`;
+const ActionCluster = styled(Flex)`
+  margin-left: auto;
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+`;
+const VerticalDivider = styled(Box)`
+  width: 1px;
+  align-self: stretch;
+  background: ${({ theme })=>theme.colors.neutral150};
+  margin-left: ${({ theme })=>theme.spaces[1]};
+`;
+const BulkActionsBar = ({ assets = [] })=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { isEnabled: isAiMetadataEnabled } = useAIAvailability();
+    // Every bulk action (move, delete, metadata) is an `assets.update` mutation
+    // server-side — one flag gates the whole cluster.
+    const { canUpdate } = useMediaLibraryPermissions();
+    const { selectedIds, selectedFolderIds, clear } = useAssetSelection();
+    const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();
+    const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();
+    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
+    const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);
+    const count = selectedIds.size + selectedFolderIds.size;
+    const isBusy = isDeleting || isGeneratingMetadata;
+    /**
+   * The server processes the whole selection inside a single request and
+   * rejects anything above the cap with a 400. Disable the action up front so
+   * the limit is discoverable before the user commits to a request.
+   */ const isOverMetadataLimit = selectedIds.size > AI_METADATA_MAX_FILES;
+    /**
+   * How many selected assets the AI provider can actually read. The server
+   * stays authoritative — it still reports what it skipped — but a selection
+   * with nothing eligible (a lone PDF, say) would only ever come back fully
+   * skipped, so there is no point sending it.
+   */ const eligibleCount = useMemo(()=>{
+        const mimeById = new Map(assets.map(({ id, mime })=>[
+                id,
+                mime
+            ]));
+        return [
+            ...selectedIds
+        ].filter((id)=>isAIMetadataSupportedMime(mimeById.get(id))).length;
+    }, [
+        assets,
+        selectedIds
+    ]);
+    const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;
+    /**
+   * Why the action is unavailable, surfaced on hover. `undefined` leaves the
+   * button without a tooltip — either it is usable, or it is disabled for a
+   * reason the selection count already makes obvious.
+   */ let metadataDisabledReason;
+    if (isOverMetadataLimit) {
+        metadataDisabledReason = formatMessage({
+            id: getTranslationKey('list.bulk-actions.create-metadata.too-many'),
+            defaultMessage: 'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.'
+        }, {
+            max: AI_METADATA_MAX_FILES
+        });
+    } else if (hasNoEligibleAssets) {
+        metadataDisabledReason = formatMessage({
+            id: getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),
+            defaultMessage: 'Metadata can only be generated for images. None of the selected assets are supported.'
+        });
+    }
+    /**
+   * Metadata generation only applies to images — folders and unsupported files
+   * in the selection are reported back rather than blocking the action.
+   */ const handleCreateMetadata = async ()=>{
+        // Guard re-entry while pending, and never send a selection the server
+        // would reject outright or skip in full.
+        if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {
+            return;
+        }
+        const fileIds = Array.from(selectedIds);
+        const res = await generateAiMetadata({
+            fileIds
+        });
+        if ('error' in res) {
+            // Keep the selection intact so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        const successCount = res.data.filter(({ status })=>status === 'success').length;
+        const skippedCount = res.data.filter(({ status })=>status === 'skipped').length;
+        const errorCount = res.data.filter(({ status })=>status === 'error').length;
+        // Folders are never sent, so they are not part of the response — but the
+        // user selected them, and a silent omission reads as a bug.
+        const folderCount = selectedFolderIds.size;
+        if (errorCount === res.data.length) {
+            // Nothing was written — treat it like a request-level failure and keep
+            // the selection so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.success'),
+                    defaultMessage: '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}'
+                }, {
+                    count: successCount
+                })
+            });
+        } else {
+            // Partial outcome: report every bucket so the user knows what was left
+            // out — including folders, which were never eligible in the first place.
+            toggleNotification({
+                type: 'warning',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.partial'),
+                    defaultMessage: '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}'
+                }, {
+                    successCount,
+                    skippedCount,
+                    errorCount,
+                    folderCount
+                })
+            });
+        }
+        clear();
+    };
+    const handleConfirmDelete = async (e)=>{
+        // Radix AlertDialog.Action closes the dialog on click by default; prevent
+        // that so the dialog stays open showing the loader while the request runs
+        // (a bulk delete can take a while depending on the number of assets).
+        e.preventDefault();
+        // Guard re-entry while pending.
+        if (isDeleting) {
+            return;
+        }
+        const res = await bulkDeleteItems({
+            fileIds: Array.from(selectedIds),
+            folderIds: Array.from(selectedFolderIds)
+        });
+        if ('error' in res) {
+            // Keep the dialog open and the selection intact so the user can retry
+            // (Confirm again) or Cancel; only surface the error toast.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.delete.error'),
+                    defaultMessage: 'An error occurred while deleting the items.'
+                })
+            });
+            return;
+        }
+        setIsDeleteDialogOpen(false);
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: getTranslationKey('list.bulk-actions.delete.success'),
+                defaultMessage: '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}'
+            }, {
+                count
+            })
+        });
+        clear();
+    };
+    // Every bulk action is behind `assets.update`; with nothing selected, or
+    // without the permission, the bar has nothing to offer — drop it entirely
+    // rather than show a count + "Clear selection" over no actions (mirrors the
+    // drawer footer, which hides when no permitted action survives).
+    if (count === 0 || !canUpdate) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs(Bar, {
+        tag: "section",
+        role: "region",
+        "aria-label": formatMessage({
+            id: getTranslationKey('list.bulk-actions.label'),
+            defaultMessage: 'Bulk actions'
+        }),
+        children: [
+            /*#__PURE__*/ jsx(Typography, {
+                fontWeight: "bold",
+                textColor: "neutral800",
+                marginRight: 4,
+                children: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.selected-count'),
+                    defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}'
+                }, {
+                    count
+                })
+            }),
+            /*#__PURE__*/ jsxs(ActionCluster, {
+                children: [
+                    isAiMetadataEnabled && /*#__PURE__*/ jsx(Tooltip, {
+                        label: metadataDisabledReason,
+                        children: /*#__PURE__*/ jsx(Box, {
+                            children: /*#__PURE__*/ jsx(Button, {
+                                size: "S",
+                                startIcon: /*#__PURE__*/ jsx(Sparkle, {}),
+                                disabled: isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets,
+                                loading: isGeneratingMetadata,
+                                onClick: handleCreateMetadata,
+                                children: formatMessage({
+                                    id: getTranslationKey('list.bulk-actions.create-metadata'),
+                                    defaultMessage: 'Create metadata'
+                                })
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        variant: "tertiary",
+                        disabled: isBusy,
+                        label: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.move'),
+                            defaultMessage: 'Move'
+                        }),
+                        onClick: ()=>setIsMoveDialogOpen(true),
+                        children: /*#__PURE__*/ jsx(ArrowRight, {})
+                    }),
+                    /*#__PURE__*/ jsx(BulkMoveDialog, {
+                        open: isMoveDialogOpen,
+                        onClose: ()=>setIsMoveDialogOpen(false)
+                    }),
+                    /*#__PURE__*/ jsxs(Dialog.Root, {
+                        open: isDeleteDialogOpen,
+                        onOpenChange: (open)=>{
+                            // The dialog must stay open while the request runs — a bulk delete
+                            // can't be aborted halfway, so the loader is the source of truth.
+                            if (!isDeleting) {
+                                setIsDeleteDialogOpen(open);
+                            }
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(Dialog.Trigger, {
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    variant: "danger-light",
+                                    disabled: isBusy,
+                                    label: formatMessage({
+                                        id: getTranslationKey('list.bulk-actions.delete'),
+                                        defaultMessage: 'Delete'
+                                    }),
+                                    children: /*#__PURE__*/ jsx(Trash, {})
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs(Dialog.Content, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Dialog.Header, {
+                                        children: formatMessage({
+                                            id: getTranslationKey('list.bulk-actions.delete.confirm.title'),
+                                            defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?'
+                                        }, {
+                                            count
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs(Dialog.Body, {
+                                        icon: /*#__PURE__*/ jsx(WarningCircle, {
+                                            width: "24px",
+                                            height: "24px",
+                                            fill: "danger600"
+                                        }),
+                                        textAlign: "center",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Typography, {
+                                                children: formatMessage({
+                                                    id: getTranslationKey('list.bulk-actions.delete.confirm.description.are-you-sure'),
+                                                    defaultMessage: 'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Typography, {
+                                                children: formatMessage({
+                                                    id: getTranslationKey('list.bulk-actions.delete.confirm.description.cant-be-undone'),
+                                                    defaultMessage: 'This action can’t be undone. Deleting a folder also removes everything inside it, and any linked content will break – media asset containers will appear empty.'
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs(Dialog.Footer, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Dialog.Cancel, {
+                                                children: /*#__PURE__*/ jsx(Button, {
+                                                    variant: "tertiary",
+                                                    disabled: isDeleting,
+                                                    fullWidth: true,
+                                                    children: formatMessage({
+                                                        id: 'app.components.Button.cancel',
+                                                        defaultMessage: 'Cancel'
+                                                    })
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Dialog.Action, {
+                                                children: /*#__PURE__*/ jsx(Button, {
+                                                    variant: "danger-light",
+                                                    loading: isDeleting,
+                                                    onClick: handleConfirmDelete,
+                                                    fullWidth: true,
+                                                    children: formatMessage({
+                                                        id: 'app.components.Button.confirm',
+                                                        defaultMessage: 'Confirm'
+                                                    })
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(VerticalDivider, {
+                "aria-hidden": true
+            }),
+            /*#__PURE__*/ jsx(IconButton, {
+                variant: "ghost",
+                label: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.clear'),
+                    defaultMessage: 'Clear selection'
+                }),
+                onClick: clear,
+                disabled: isBusy,
+                children: /*#__PURE__*/ jsx(Cross, {})
+            })
+        ]
+    });
+};
+
+export { BulkActionsBar };
+//# sourceMappingURL=BulkActionsBar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionsBar.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useMemo, useState, type MouseEvent } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Dialog, Flex, IconButton, Tooltip, Typography } from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport {\n  AI_METADATA_MAX_FILES,\n  isAIMetadataSupportedMime,\n} from '../../../../../../shared/constants';\nimport { useAIAvailability } from '../../../../hooks/useAiAvailability';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport {\n  useBulkDeleteItemsMutation,\n  useGenerateAiMetadataMutation,\n} from '../../../services/assets';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\n\nimport type { File } from '../../../../../../shared/contracts/files';\n\n/**\n * Floating bulk action bar for the future Media Library.\n */\nconst Bar = styled(Flex)`\n  position: fixed;\n  bottom: ${({ theme }) => theme.spaces[4]};\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: ${({ theme }) => theme.zIndices.popover};\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) =>\n    `${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};\n  background: ${({ theme }) => theme.colors.neutral0};\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n`;\n\nconst ActionCluster = styled(Flex)`\n  margin-left: auto;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n`;\n\nconst VerticalDivider = styled(Box)`\n  width: 1px;\n  align-self: stretch;\n  background: ${({ theme }) => theme.colors.neutral150};\n  margin-left: ${({ theme }) => theme.spaces[1]};\n`;\n\ninterface BulkActionsBarProps {\n  /**\n   * The assets currently rendered in the list, used to resolve the mime types\n   * of the selection — the bar needs them to know which selected assets the AI\n   * provider can actually read.\n   *\n   * Selection is page-scoped and cleared whenever the list identity changes, so\n   * every selected asset id is guaranteed to appear here.\n   */\n  assets?: File[];\n}\n\nexport const BulkActionsBar = ({ assets = [] }: BulkActionsBarProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { isEnabled: isAiMetadataEnabled } = useAIAvailability();\n  // Every bulk action (move, delete, metadata) is an `assets.update` mutation\n  // server-side — one flag gates the whole cluster.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const { selectedIds, selectedFolderIds, clear } = useAssetSelection();\n  const [bulkDeleteItems, { isLoading: isDeleting }] = useBulkDeleteItemsMutation();\n  const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n  const isBusy = isDeleting || isGeneratingMetadata;\n\n  /**\n   * The server processes the whole selection inside a single request and\n   * rejects anything above the cap with a 400. Disable the action up front so\n   * the limit is discoverable before the user commits to a request.\n   */\n  const isOverMetadataLimit = selectedIds.size > AI_METADATA_MAX_FILES;\n\n  /**\n   * How many selected assets the AI provider can actually read. The server\n   * stays authoritative — it still reports what it skipped — but a selection\n   * with nothing eligible (a lone PDF, say) would only ever come back fully\n   * skipped, so there is no point sending it.\n   */\n  const eligibleCount = useMemo(() => {\n    const mimeById = new Map(assets.map(({ id, mime }) => [id, mime]));\n\n    return [...selectedIds].filter((id) => isAIMetadataSupportedMime(mimeById.get(id))).length;\n  }, [assets, selectedIds]);\n\n  const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;\n\n  /**\n   * Why the action is unavailable, surfaced on hover. `undefined` leaves the\n   * button without a tooltip — either it is usable, or it is disabled for a\n   * reason the selection count already makes obvious.\n   */\n  let metadataDisabledReason: string | undefined;\n\n  if (isOverMetadataLimit) {\n    metadataDisabledReason = formatMessage(\n      {\n        id: getTranslationKey('list.bulk-actions.create-metadata.too-many'),\n        defaultMessage:\n          'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.',\n      },\n      { max: AI_METADATA_MAX_FILES }\n    );\n  } else if (hasNoEligibleAssets) {\n    metadataDisabledReason = formatMessage({\n      id: getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),\n      defaultMessage:\n        'Metadata can only be generated for images. None of the selected assets are supported.',\n    });\n  }\n\n  /**\n   * Metadata generation only applies to images — folders and unsupported files\n   * in the selection are reported back rather than blocking the action.\n   */\n  const handleCreateMetadata = async () => {\n    // Guard re-entry while pending, and never send a selection the server\n    // would reject outright or skip in full.\n    if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {\n      return;\n    }\n\n    const fileIds = Array.from(selectedIds);\n    const res = await generateAiMetadata({ fileIds });\n\n    if ('error' in res) {\n      // Keep the selection intact so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    const successCount = res.data.filter(({ status }) => status === 'success').length;\n    const skippedCount = res.data.filter(({ status }) => status === 'skipped').length;\n    const errorCount = res.data.filter(({ status }) => status === 'error').length;\n    // Folders are never sent, so they are not part of the response — but the\n    // user selected them, and a silent omission reads as a bug.\n    const folderCount = selectedFolderIds.size;\n\n    if (errorCount === res.data.length) {\n      // Nothing was written — treat it like a request-level failure and keep\n      // the selection so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {\n      toggleNotification({\n        type: 'success',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.success'),\n            defaultMessage:\n              '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}',\n          },\n          { count: successCount }\n        ),\n      });\n    } else {\n      // Partial outcome: report every bucket so the user knows what was left\n      // out — including folders, which were never eligible in the first place.\n      toggleNotification({\n        type: 'warning',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.partial'),\n            defaultMessage:\n              '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}',\n          },\n          { successCount, skippedCount, errorCount, folderCount }\n        ),\n      });\n    }\n\n    clear();\n  };\n\n  const handleConfirmDelete = async (e: MouseEvent) => {\n    // Radix AlertDialog.Action closes the dialog on click by default; prevent\n    // that so the dialog stays open showing the loader while the request runs\n    // (a bulk delete can take a while depending on the number of assets).\n    e.preventDefault();\n\n    // Guard re-entry while pending.\n    if (isDeleting) {\n      return;\n    }\n\n    const res = await bulkDeleteItems({\n      fileIds: Array.from(selectedIds),\n      folderIds: Array.from(selectedFolderIds),\n    });\n\n    if ('error' in res) {\n      // Keep the dialog open and the selection intact so the user can retry\n      // (Confirm again) or Cancel; only surface the error toast.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.delete.error'),\n          defaultMessage: 'An error occurred while deleting the items.',\n        }),\n      });\n      return;\n    }\n\n    setIsDeleteDialogOpen(false);\n    toggleNotification({\n      type: 'success',\n      message: formatMessage(\n        {\n          id: getTranslationKey('list.bulk-actions.delete.success'),\n          defaultMessage:\n            '{count, plural, =1 {# item has been deleted} other {# items have been deleted}}',\n        },\n        { count }\n      ),\n    });\n    clear();\n  };\n\n  // Every bulk action is behind `assets.update`; with nothing selected, or\n  // without the permission, the bar has nothing to offer — drop it entirely\n  // rather than show a count + \"Clear selection\" over no actions (mirrors the\n  // drawer footer, which hides when no permitted action survives).\n  if (count === 0 || !canUpdate) {\n    return null;\n  }\n\n  return (\n    <Bar\n      tag=\"section\"\n      role=\"region\"\n      aria-label={formatMessage({\n        id: getTranslationKey('list.bulk-actions.label'),\n        defaultMessage: 'Bulk actions',\n      })}\n    >\n      <Typography fontWeight=\"bold\" textColor=\"neutral800\" marginRight={4}>\n        {formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.selected-count'),\n            defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}',\n          },\n          { count }\n        )}\n      </Typography>\n\n      {/* Past the early return the user always has `assets.update`, so the\n          individual actions no longer re-check it. */}\n      <ActionCluster>\n        {isAiMetadataEnabled && (\n          <Tooltip label={metadataDisabledReason}>\n            {/* Wrapped so the tooltip still receives pointer events while the\n                button itself is disabled. */}\n            <Box>\n              <Button\n                size=\"S\"\n                startIcon={<Sparkle />}\n                disabled={\n                  isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets\n                }\n                loading={isGeneratingMetadata}\n                onClick={handleCreateMetadata}\n              >\n                {formatMessage({\n                  id: getTranslationKey('list.bulk-actions.create-metadata'),\n                  defaultMessage: 'Create metadata',\n                })}\n              </Button>\n            </Box>\n          </Tooltip>\n        )}\n\n        <IconButton\n          variant=\"tertiary\"\n          disabled={isBusy}\n          label={formatMessage({\n            id: getTranslationKey('list.bulk-actions.move'),\n            defaultMessage: 'Move',\n          })}\n          onClick={() => setIsMoveDialogOpen(true)}\n        >\n          <ArrowRight />\n        </IconButton>\n        <BulkMoveDialog open={isMoveDialogOpen} onClose={() => setIsMoveDialogOpen(false)} />\n\n        <Dialog.Root\n          open={isDeleteDialogOpen}\n          onOpenChange={(open: boolean) => {\n            // The dialog must stay open while the request runs — a bulk delete\n            // can't be aborted halfway, so the loader is the source of truth.\n            if (!isDeleting) {\n              setIsDeleteDialogOpen(open);\n            }\n          }}\n        >\n          <Dialog.Trigger>\n            <IconButton\n              variant=\"danger-light\"\n              disabled={isBusy}\n              label={formatMessage({\n                id: getTranslationKey('list.bulk-actions.delete'),\n                defaultMessage: 'Delete',\n              })}\n            >\n              <Trash />\n            </IconButton>\n          </Dialog.Trigger>\n          <Dialog.Content>\n            <Dialog.Header>\n              {formatMessage(\n                {\n                  id: getTranslationKey('list.bulk-actions.delete.confirm.title'),\n                  defaultMessage: 'Delete {count, plural, =1 {# item} other {# items}}?',\n                },\n                { count }\n              )}\n            </Dialog.Header>\n            <Dialog.Body\n              icon={<WarningCircle width=\"24px\" height=\"24px\" fill=\"danger600\" />}\n              textAlign=\"center\"\n            >\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.are-you-sure'\n                  ),\n                  defaultMessage:\n                    'These items cannot be recovered once deleted, and deleting a folder also deletes everything inside it. If they are currently in use, linked content will break and image containers will be empty.',\n                })}\n              </Typography>\n              <Typography>\n                {formatMessage({\n                  id: getTranslationKey(\n                    'list.bulk-actions.delete.confirm.description.cant-be-undone'\n                  ),\n                  defaultMessage:\n                    'This action can’t be undone. Deleting a folder also removes everything inside it, and any linked content will break – media asset containers will appear empty.',\n                })}\n              </Typography>\n            </Dialog.Body>\n            <Dialog.Footer>\n              <Dialog.Cancel>\n                <Button variant=\"tertiary\" disabled={isDeleting} fullWidth>\n                  {formatMessage({\n                    id: 'app.components.Button.cancel',\n                    defaultMessage: 'Cancel',\n                  })}\n                </Button>\n              </Dialog.Cancel>\n              <Dialog.Action>\n                <Button\n                  variant=\"danger-light\"\n                  loading={isDeleting}\n                  onClick={handleConfirmDelete}\n                  fullWidth\n                >\n                  {formatMessage({\n                    id: 'app.components.Button.confirm',\n                    defaultMessage: 'Confirm',\n                  })}\n                </Button>\n              </Dialog.Action>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog.Root>\n      </ActionCluster>\n\n      <VerticalDivider aria-hidden />\n\n      <IconButton\n        variant=\"ghost\"\n        label={formatMessage({\n          id: getTranslationKey('list.bulk-actions.clear'),\n          defaultMessage: 'Clear selection',\n        })}\n        onClick={clear}\n        disabled={isBusy}\n      >\n        <Cross />\n      </IconButton>\n    </Bar>\n  );\n};\n"],"names":["Bar","styled","Flex","theme","spaces","zIndices","popover","colors","neutral0","neutral150","borderRadius","shadows","popupShadow","ActionCluster","VerticalDivider","Box","BulkActionsBar","assets","formatMessage","useIntl","toggleNotification","useNotification","isEnabled","isAiMetadataEnabled","useAIAvailability","canUpdate","useMediaLibraryPermissions","selectedIds","selectedFolderIds","clear","useAssetSelection","bulkDeleteItems","isLoading","isDeleting","useBulkDeleteItemsMutation","generateAiMetadata","isGeneratingMetadata","useGenerateAiMetadataMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","count","size","isBusy","isOverMetadataLimit","AI_METADATA_MAX_FILES","eligibleCount","useMemo","mimeById","Map","map","id","mime","filter","isAIMetadataSupportedMime","get","length","hasNoEligibleAssets","metadataDisabledReason","getTranslationKey","defaultMessage","max","handleCreateMetadata","fileIds","Array","from","res","type","message","successCount","data","status","skippedCount","errorCount","folderCount","handleConfirmDelete","e","preventDefault","folderIds","_jsxs","tag","role","aria-label","_jsx","Typography","fontWeight","textColor","marginRight","Tooltip","label","Button","startIcon","Sparkle","disabled","loading","onClick","IconButton","variant","ArrowRight","BulkMoveDialog","open","onClose","Dialog","Root","onOpenChange","Trigger","Trash","Content","Header","Body","icon","WarningCircle","width","height","fill","textAlign","Footer","Cancel","fullWidth","Action","aria-hidden","Cross"],"mappings":"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"}

package/dist/admin/future/pages/Assets/components/BulkMoveDialog.js

@@ -0,0 +1,209 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var folders = require('../../../services/folders.js');
+var buildDragSetFromSelection = require('../../../utils/buildDragSetFromSelection.js');
+var canDropItemOnFolder = require('../../../utils/canDropItemOnFolder.js');
+var flattenFolderStructure = require('../../../utils/flattenFolderStructure.js');
+var getBulkMoveErrorMessage = require('../../../utils/getBulkMoveErrorMessage.js');
+var translations = require('../../../utils/translations.js');
+var useAssetSelection = require('../hooks/useAssetSelection.js');
+var useFolderNavigation = require('../hooks/useFolderNavigation.js');
+
+const StyledModalContent = styledComponents.styled(designSystem.Modal.Content)`
+  max-width: 51.6rem;
+`;
+/**
+ * "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.
+ */ const BulkMoveDialog = ({ open, onClose })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { selectedIds, selectedFolderIds, clear } = useAssetSelection.useAssetSelection();
+    const { currentFolderId } = useFolderNavigation.useFolderNavigation();
+    const { data: folderStructure = [] } = folders.useGetFolderStructureQuery(undefined, {
+        skip: !open
+    });
+    const { data: currentFolder } = folders.useGetFolderQuery({
+        id: currentFolderId
+    }, {
+        skip: currentFolderId === null
+    });
+    const [bulkMove, { isLoading: isMoving }] = folders.useBulkMoveMutation();
+    // '' is the DOM-only sentinel for the Media Library root (null everywhere else).
+    const [destination, setDestination] = React.useState('');
+    React.useEffect(()=>{
+        if (open) {
+            setDestination('');
+        }
+    }, [
+        open
+    ]);
+    const rootLabel = formatMessage({
+        id: translations.getTranslationKey('plugin.name'),
+        defaultMessage: 'Media Library'
+    });
+    // Reconstruct the selection as a drag set so the dialog validates destinations
+    // through the exact same canonical predicate as the DnD highlight.
+    const dragSet = React.useMemo(()=>buildDragSetFromSelection.buildDragSetFromSelection(selectedIds, selectedFolderIds, currentFolderId), [
+        selectedIds,
+        selectedFolderIds,
+        currentFolderId
+    ]);
+    // Options carry the full ancestry ("About / Images" vs "Tech / Images") so
+    // same-named folders stay distinguishable, listed depth-first under their
+    // parent. Selected folders and their descendants are pruned during the same
+    // single walk — an item can't be moved into itself or below itself (the
+    // server would reject it). The current folder (where the items already live)
+    // is filtered out too via `canDropItemOnFolder`, so we never offer a no-op
+    // move. Memoized: large libraries shouldn't re-walk the tree on every render.
+    const destinationOptions = React.useMemo(()=>flattenFolderStructure.flattenFolderStructure(folderStructure, selectedFolderIds).filter((option)=>canDropItemOnFolder.canDropItemOnFolder({
+                items: dragSet,
+                targetFolderId: option.id,
+                folderStructure
+            })), [
+        folderStructure,
+        selectedFolderIds,
+        dragSet
+    ]);
+    // Hide the root option when the items already live at root — dropping there
+    // would be a no-op. Uses the same predicate as the DnD highlight.
+    const canMoveToRoot = React.useMemo(()=>canDropItemOnFolder.canDropItemOnFolder({
+            items: dragSet,
+            targetFolderId: null,
+            folderStructure
+        }), [
+        dragSet,
+        folderStructure
+    ]);
+    const count = selectedIds.size + selectedFolderIds.size;
+    const handleMove = async ()=>{
+        if (isMoving) {
+            return;
+        }
+        const destinationFolderId = destination === '' ? null : Number(destination);
+        try {
+            await bulkMove({
+                fileIds: Array.from(selectedIds),
+                folderIds: Array.from(selectedFolderIds),
+                destinationFolderId
+            }).unwrap();
+        } catch (error) {
+            // Keep the modal open and the selection intact so the user can retry
+            // (e.g. after picking a valid destination) or cancel. Surface the server
+            // message when there is one — it carries actionable causes like moving a
+            // folder into its own descendant or a name collision in the destination.
+            toggleNotification({
+                type: 'danger',
+                message: getBulkMoveErrorMessage.getBulkMoveErrorMessage(error, formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.move.error'),
+                    defaultMessage: 'An error occurred while moving the items.'
+                }))
+            });
+            return;
+        }
+        const sourceName = currentFolderId === null ? rootLabel : currentFolder?.name ?? rootLabel;
+        const destinationName = destinationFolderId === null ? rootLabel : destinationOptions.find((option)=>option.id === destinationFolderId)?.label ?? rootLabel;
+        toggleNotification({
+            type: 'success',
+            message: 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: sourceName,
+                destination: destinationName
+            })
+        });
+        clear();
+        onClose();
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: open,
+        onOpenChange: (nextOpen)=>{
+            // The modal must stay open while the request runs — the loader on the
+            // Move button is the source of truth for the pending state.
+            if (!nextOpen && !isMoving) {
+                onClose();
+            }
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsxs(StyledModalContent, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                        children: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.move.title'),
+                            defaultMessage: 'Move elements to'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                        name: "destination",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.bulk-actions.move.location'),
+                                    defaultMessage: 'Location'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.SingleSelect, {
+                                value: destination,
+                                onChange: (value)=>setDestination(String(value)),
+                                disabled: isMoving,
+                                children: [
+                                    canMoveToRoot && /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                        value: "",
+                                        children: rootLabel
+                                    }),
+                                    destinationOptions.map((option)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                            value: String(option.id),
+                                            children: option.label
+                                        }, option.id))
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Footer, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        gap: 2,
+                        justifyContent: "space-between",
+                        width: "100%",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "tertiary",
+                                onClick: onClose,
+                                disabled: isMoving,
+                                type: "button",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                onClick: handleMove,
+                                loading: isMoving,
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.bulk-actions.move.submit'),
+                                    defaultMessage: 'Move'
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.BulkMoveDialog = BulkMoveDialog;
+//# sourceMappingURL=BulkMoveDialog.js.map