@strapi/upload 5.55.1 → 5.57.0

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

@@ -1,331 +1,50 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useMemo } from 'react';
-import { useClipboard, useNotification } from '@strapi/admin/strapi-admin';
-import { VisuallyHidden, Menu, IconButton, Dialog, Flex, Typography, Button } from '@strapi/design-system';
-import { More, ArrowsCounterClockwise, Link, Download, ArrowRight, Trash } from '@strapi/icons';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Menu, IconButton } from '@strapi/design-system';
+import { More } from '@strapi/icons';
 import { useIntl } from 'react-intl';
-import { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled.mjs';
-import { useApiErrorMessage } from '../../../hooks/useApiErrorMessage.mjs';
-import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
-import { useReplaceAssetMutation } from '../../../services/assets.mjs';
-import { downloadFile } from '../../../utils/downloadFile.mjs';
-import { prefixFileUrlWithBackendUrl } from '../../../utils/files.mjs';
 import { getTranslationKey } from '../../../utils/translations.mjs';
-import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
-import { useBusyAssetsOptional } from '../hooks/useBusyAssets.mjs';
-import { assetKey } from '../utils/selection.mjs';
 import { ActionsMenuContent } from './ActionsMenuContent.mjs';
-import { BulkMoveDialog } from './BulkMoveDialog.mjs';
-import { DeleteItemsDialog } from './DeleteItemsDialog.mjs';
+import { AssetActions } from './AssetActions.mjs';
 
 /**
  * The "..." menu on an asset row/card. Always acts on that one asset, whatever
- * the current multi-selection is (the bulk actions bar is the selection-scoped
- * affordance) — the file mirror of `FolderActionsMenu`.
+ * the current multi-selection is (the bulk actions bar and the right-click menu
+ * are the selection-scoped affordances) — the file mirror of `FolderActionsMenu`.
  *
- * Replace / copy link / download duplicate what the details drawer offers as
- * icon buttons, so the same action is one click away without opening the asset
- * first. They are re-implemented rather than lifted out of the drawer: the
- * drawer versions render as `IconButton`s and report through its in-drawer toast
- * slot, neither of which fits a menu item on a row.
- *
- * A successful move or delete deselects this one asset and leaves the rest of
- * the selection intact: the mutations only invalidate RTK tags, so without it an
- * `asset:<id>` key for a file that has been deleted — or has moved out of this
- * list — would linger. The other selected rows are untouched, which is the whole
- * point of the menu being a single-item affordance.
+ * The actions themselves live in `AssetActions`, shared with
+ * `AssetContextMenu`. This component is only the trigger.
  */ const AssetActionsMenu = ({ asset, dragData })=>{
     const { formatMessage } = useIntl();
-    const getErrorMessage = useApiErrorMessage();
-    const { copy } = useClipboard();
-    const { toggleNotification } = useNotification();
-    const { deselect } = useAssetSelection();
-    // Absent in the asset picker and in unit tests: the replace still runs, it
-    // just renders no row-level overlay.
-    const markBusy = useBusyAssetsOptional()?.markBusy ?? (()=>()=>{});
-    const { canUpdate, canDownload, canCopyLink, isLoading: isLoadingPermissions } = useMediaLibraryPermissions();
-    const [replaceAsset, { isLoading: isReplacing }] = useReplaceAssetMutation();
-    const aiEnabled = useAIMetadataEnabled({
-        mime: asset.mime
-    });
-    const fileInputRef = useRef(null);
-    const [isReplaceOpen, setIsReplaceOpen] = useState(false);
-    const [isMoveOpen, setIsMoveOpen] = useState(false);
-    const [isDeleteOpen, setIsDeleteOpen] = useState(false);
-    const [isDownloading, setIsDownloading] = useState(false);
-    // Stable identity: the move dialog memoizes its destination walk on it.
-    const moveItems = useMemo(()=>[
-            dragData
-        ], [
-        dragData
-    ]);
-    // Confirm first, then open the native picker, so the user only commits to
-    // replacing after acknowledging the warning (same order as the drawer).
-    const handleReplaceContinue = ()=>{
-        setIsReplaceOpen(false);
-        fileInputRef.current?.click();
-    };
-    const handleFileChange = async (event)=>{
-        const file = event.target.files?.[0];
-        // Reset the native input so the same file can be picked again later.
-        event.target.value = '';
-        if (!file) {
-            return;
-        }
-        // The menu has closed by the time the picker returns, so `isReplacing` has
-        // nothing left to disable and the row would otherwise sit inert for the
-        // whole upload. Marking the asset busy puts the same overlay the drawer
-        // uses on the row/card, cleared when the mutation settles either way.
-        const releaseBusy = markBusy(asset.id, formatMessage({
-            id: getTranslationKey('asset-details.replace.loading'),
-            defaultMessage: 'Replacing the file…'
-        }));
-        let res;
-        try {
-            res = await replaceAsset({
-                id: asset.id,
-                file,
-                fileInfo: {
-                    name: asset.name
-                }
-            });
-        } finally{
-            releaseBusy();
-        }
-        if ('error' in res) {
-            toggleNotification({
-                type: 'danger',
-                message: getErrorMessage(res.error, formatMessage({
-                    id: getTranslationKey('asset-details.replace.error'),
-                    defaultMessage: 'Failed to replace the file.'
-                }))
-            });
-            return;
-        }
-        toggleNotification({
-            type: 'success',
-            message: formatMessage({
-                id: getTranslationKey('asset-details.replace.success'),
-                defaultMessage: 'File replaced.'
-            })
-        });
-    };
-    const handleCopyLink = async ()=>{
-        const url = prefixFileUrlWithBackendUrl(asset.url);
-        if (!url) {
-            return;
-        }
-        const didCopy = await copy(url);
-        toggleNotification({
-            type: didCopy ? 'success' : 'danger',
-            message: formatMessage(didCopy ? {
-                id: getTranslationKey('asset-details.copy-link.success'),
-                defaultMessage: 'Link copied.'
-            } : {
-                id: getTranslationKey('asset-details.copy-link.error'),
-                defaultMessage: 'Failed to copy the link.'
-            })
-        });
-    };
-    const handleDownload = async ()=>{
-        const url = prefixFileUrlWithBackendUrl(asset.url);
-        if (!url) {
-            return;
-        }
-        setIsDownloading(true);
-        try {
-            await downloadFile(url, asset.name);
-        } catch  {
-            toggleNotification({
-                type: 'danger',
-                message: formatMessage({
-                    id: getTranslationKey('asset-details.download.error'),
-                    defaultMessage: 'Failed to download the file.'
-                })
-            });
-        } finally{
-            setIsDownloading(false);
-        }
-    };
-    // Two permission-gated groups: replace/copy-link/download above, move/delete
-    // below. The separator earns its place only when both survive the gate —
-    // `canUpdate` alone puts Replace in the top group, which is not enough.
-    const hasTopGroup = canUpdate || canCopyLink || canDownload;
-    const hasBottomGroup = canUpdate;
-    const showSeparator = (canCopyLink || canDownload) && hasBottomGroup;
-    // A role can read the library while holding none of these, and an empty
-    // popup is worse than no trigger at all. Every flag is `false` until the
-    // RBAC check settles, so wait for it — otherwise the trigger unmounts and
-    // remounts on first paint for everyone.
-    if (!isLoadingPermissions && !hasTopGroup && !hasBottomGroup) {
-        return null;
-    }
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(VisuallyHidden, {
-                children: /*#__PURE__*/ jsx("input", {
-                    ref: fileInputRef,
-                    type: "file",
-                    // Replacing swaps the bytes of an existing asset, so the picker offers
-                    // only its own type. Without this the picker accepted anything and a
-                    // JPG could come back as PNG bytes still served under a `.jpg` url,
-                    // since replace preserves hash and ext by design.
-                    accept: asset.mime ?? '',
-                    multiple: false,
-                    onChange: handleFileChange,
-                    "aria-hidden": true,
-                    tabIndex: -1
-                })
-            }),
-            /*#__PURE__*/ jsxs(Menu.Root, {
-                modal: false,
+    return /*#__PURE__*/ jsx(AssetActions, {
+        asset: asset,
+        dragData: dragData,
+        children: ({ items, dialogs, hasActions })=>// A role can read the library while holding none of these, and an empty
+            // popup is worse than no trigger at all.
+            hasActions ? /*#__PURE__*/ jsxs(Fragment, {
                 children: [
-                    /*#__PURE__*/ jsx(Menu.Trigger, {
-                        tag: IconButton,
-                        icon: /*#__PURE__*/ jsx(More, {}),
-                        variant: "ghost",
-                        label: formatMessage({
-                            id: getTranslationKey('control-card.more-actions'),
-                            defaultMessage: 'More actions'
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs(ActionsMenuContent, {
-                        popoverPlacement: "bottom-end",
-                        zIndex: 2,
-                        minWidth: "22rem",
+                    /*#__PURE__*/ jsxs(Menu.Root, {
+                        modal: false,
                         children: [
-                            canUpdate && /*#__PURE__*/ jsx(Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsx(ArrowsCounterClockwise, {}),
-                                disabled: isReplacing,
-                                onSelect: ()=>setIsReplaceOpen(true),
-                                children: formatMessage({
-                                    id: getTranslationKey('list.assets.actions.replace'),
-                                    defaultMessage: 'Replace media'
+                            /*#__PURE__*/ jsx(Menu.Trigger, {
+                                tag: IconButton,
+                                icon: /*#__PURE__*/ jsx(More, {}),
+                                variant: "ghost",
+                                label: formatMessage({
+                                    id: getTranslationKey('control-card.more-actions'),
+                                    defaultMessage: 'More actions'
                                 })
                             }),
-                            canCopyLink && /*#__PURE__*/ jsx(Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsx(Link, {}),
-                                onSelect: handleCopyLink,
-                                children: formatMessage({
-                                    id: getTranslationKey('list.assets.actions.copy-link'),
-                                    defaultMessage: 'Copy link to media'
-                                })
-                            }),
-                            canDownload && /*#__PURE__*/ jsx(Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsx(Download, {}),
-                                disabled: isDownloading,
-                                onSelect: handleDownload,
-                                children: formatMessage({
-                                    id: getTranslationKey('list.assets.actions.download'),
-                                    defaultMessage: 'Download media'
-                                })
-                            }),
-                            showSeparator && /*#__PURE__*/ jsx(Menu.Separator, {}),
-                            canUpdate && /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ jsx(Menu.Item, {
-                                        startIcon: /*#__PURE__*/ jsx(ArrowRight, {}),
-                                        onSelect: ()=>setIsMoveOpen(true),
-                                        children: formatMessage({
-                                            id: getTranslationKey('list.assets.actions.move'),
-                                            defaultMessage: 'Move to folder'
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsx(Menu.Item, {
-                                        startIcon: /*#__PURE__*/ jsx(Trash, {}),
-                                        variant: "danger",
-                                        onSelect: ()=>setIsDeleteOpen(true),
-                                        children: formatMessage({
-                                            id: getTranslationKey('list.assets.actions.delete'),
-                                            defaultMessage: 'Delete'
-                                        })
-                                    })
-                                ]
+                            /*#__PURE__*/ jsx(ActionsMenuContent, {
+                                popoverPlacement: "bottom-end",
+                                zIndex: 2,
+                                minWidth: "22rem",
+                                children: items
                             })
                         ]
-                    })
+                    }),
+                    dialogs
                 ]
-            }),
-            /*#__PURE__*/ jsx(Dialog.Root, {
-                open: isReplaceOpen,
-                onOpenChange: setIsReplaceOpen,
-                children: /*#__PURE__*/ jsxs(Dialog.Content, {
-                    children: [
-                        /*#__PURE__*/ jsx(Dialog.Header, {
-                            children: formatMessage({
-                                id: getTranslationKey('asset-details.replace.title'),
-                                defaultMessage: 'Replace this media file?'
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(Dialog.Body, {
-                            textAlign: "center",
-                            children: /*#__PURE__*/ jsxs(Flex, {
-                                direction: "column",
-                                textAlign: "center",
-                                children: [
-                                    /*#__PURE__*/ jsx(Typography, {
-                                        variant: "omega",
-                                        children: formatMessage({
-                                            id: getTranslationKey('asset-details.replace.description'),
-                                            defaultMessage: 'Current content will be permanently replaced.'
-                                        })
-                                    }),
-                                    aiEnabled ? /*#__PURE__*/ jsx(Typography, {
-                                        variant: "omega",
-                                        children: formatMessage({
-                                            id: getTranslationKey('asset-details.replace.description.ai'),
-                                            defaultMessage: 'AI will generate new metadata after upload.'
-                                        })
-                                    }) : null
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ jsxs(Dialog.Footer, {
-                            children: [
-                                /*#__PURE__*/ jsx(Dialog.Cancel, {
-                                    children: /*#__PURE__*/ jsx(Button, {
-                                        variant: "tertiary",
-                                        fullWidth: true,
-                                        children: formatMessage({
-                                            id: 'app.components.Button.cancel',
-                                            defaultMessage: 'Cancel'
-                                        })
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx(Dialog.Action, {
-                                    children: /*#__PURE__*/ jsx(Button, {
-                                        variant: "secondary",
-                                        onClick: handleReplaceContinue,
-                                        fullWidth: true,
-                                        children: formatMessage({
-                                            id: getTranslationKey('asset-details.replace.continue'),
-                                            defaultMessage: 'Continue'
-                                        })
-                                    })
-                                })
-                            ]
-                        })
-                    ]
-                })
-            }),
-            isMoveOpen && /*#__PURE__*/ jsx(BulkMoveDialog, {
-                open: true,
-                onClose: ()=>setIsMoveOpen(false),
-                items: moveItems,
-                onSuccess: ()=>deselect(assetKey(asset.id))
-            }),
-            isDeleteOpen && /*#__PURE__*/ jsx(DeleteItemsDialog, {
-                open: true,
-                onClose: ()=>setIsDeleteOpen(false),
-                target: {
-                    fileIds: [
-                        asset.id
-                    ],
-                    folderIds: []
-                },
-                onSuccess: ()=>deselect(assetKey(asset.id))
-            })
-        ]
+            }) : null
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"AssetActionsMenu.mjs","sources":["../../../../../admin/src/pages/Assets/components/AssetActionsMenu.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\n\nimport { useClipboard, useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Button,\n  Dialog,\n  Flex,\n  IconButton,\n  Menu,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { ArrowRight, ArrowsCounterClockwise, Download, Link, More, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled';\nimport { useApiErrorMessage } from '../../../hooks/useApiErrorMessage';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useReplaceAssetMutation } from '../../../services/assets';\nimport { downloadFile } from '../../../utils/downloadFile';\nimport { prefixFileUrlWithBackendUrl } from '../../../utils/files';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useBusyAssetsOptional } from '../hooks/useBusyAssets';\nimport { assetKey } from '../utils/selection';\n\nimport { ActionsMenuContent } from './ActionsMenuContent';\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { DragFileData } from '../../../types/dnd';\n\ninterface AssetActionsMenuProps {\n  asset: File;\n  /** Drag data for this asset, so the move dialog validates against its real folder. */\n  dragData: DragFileData;\n}\n\n/**\n * The \"...\" menu on an asset row/card. Always acts on that one asset, whatever\n * the current multi-selection is (the bulk actions bar is the selection-scoped\n * affordance) — the file mirror of `FolderActionsMenu`.\n *\n * Replace / copy link / download duplicate what the details drawer offers as\n * icon buttons, so the same action is one click away without opening the asset\n * first. They are re-implemented rather than lifted out of the drawer: the\n * drawer versions render as `IconButton`s and report through its in-drawer toast\n * slot, neither of which fits a menu item on a row.\n *\n * A successful move or delete deselects this one asset and leaves the rest of\n * the selection intact: the mutations only invalidate RTK tags, so without it an\n * `asset:<id>` key for a file that has been deleted — or has moved out of this\n * list — would linger. The other selected rows are untouched, which is the whole\n * point of the menu being a single-item affordance.\n */\nexport const AssetActionsMenu = ({ asset, dragData }: AssetActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n  const getErrorMessage = useApiErrorMessage();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  const { deselect } = useAssetSelection();\n  // Absent in the asset picker and in unit tests: the replace still runs, it\n  // just renders no row-level overlay.\n  const markBusy = useBusyAssetsOptional()?.markBusy ?? (() => () => {});\n  const {\n    canUpdate,\n    canDownload,\n    canCopyLink,\n    isLoading: isLoadingPermissions,\n  } = useMediaLibraryPermissions();\n  const [replaceAsset, { isLoading: isReplacing }] = useReplaceAssetMutation();\n  const aiEnabled = useAIMetadataEnabled({ mime: asset.mime });\n\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [isReplaceOpen, setIsReplaceOpen] = useState(false);\n  const [isMoveOpen, setIsMoveOpen] = useState(false);\n  const [isDeleteOpen, setIsDeleteOpen] = useState(false);\n  const [isDownloading, setIsDownloading] = useState(false);\n\n  // Stable identity: the move dialog memoizes its destination walk on it.\n  const moveItems = useMemo(() => [dragData], [dragData]);\n\n  // Confirm first, then open the native picker, so the user only commits to\n  // replacing after acknowledging the warning (same order as the drawer).\n  const handleReplaceContinue = () => {\n    setIsReplaceOpen(false);\n    fileInputRef.current?.click();\n  };\n\n  const handleFileChange = async (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    // Reset the native input so the same file can be picked again later.\n    event.target.value = '';\n\n    if (!file) {\n      return;\n    }\n\n    // The menu has closed by the time the picker returns, so `isReplacing` has\n    // nothing left to disable and the row would otherwise sit inert for the\n    // whole upload. Marking the asset busy puts the same overlay the drawer\n    // uses on the row/card, cleared when the mutation settles either way.\n    const releaseBusy = markBusy(\n      asset.id,\n      formatMessage({\n        id: getTranslationKey('asset-details.replace.loading'),\n        defaultMessage: 'Replacing the file…',\n      })\n    );\n\n    let res;\n    try {\n      res = await replaceAsset({ id: asset.id, file, fileInfo: { name: asset.name } });\n    } finally {\n      releaseBusy();\n    }\n\n    if ('error' in res) {\n      toggleNotification({\n        type: 'danger',\n        message: getErrorMessage(\n          res.error,\n          formatMessage({\n            id: getTranslationKey('asset-details.replace.error'),\n            defaultMessage: 'Failed to replace the file.',\n          })\n        ),\n      });\n      return;\n    }\n\n    toggleNotification({\n      type: 'success',\n      message: formatMessage({\n        id: getTranslationKey('asset-details.replace.success'),\n        defaultMessage: 'File replaced.',\n      }),\n    });\n  };\n\n  const handleCopyLink = async () => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n\n    if (!url) {\n      return;\n    }\n\n    const didCopy = await copy(url);\n\n    toggleNotification({\n      type: didCopy ? 'success' : 'danger',\n      message: formatMessage(\n        didCopy\n          ? {\n              id: getTranslationKey('asset-details.copy-link.success'),\n              defaultMessage: 'Link copied.',\n            }\n          : {\n              id: getTranslationKey('asset-details.copy-link.error'),\n              defaultMessage: 'Failed to copy the link.',\n            }\n      ),\n    });\n  };\n\n  const handleDownload = async () => {\n    const url = prefixFileUrlWithBackendUrl(asset.url);\n\n    if (!url) {\n      return;\n    }\n\n    setIsDownloading(true);\n\n    try {\n      await downloadFile(url, asset.name);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('asset-details.download.error'),\n          defaultMessage: 'Failed to download the file.',\n        }),\n      });\n    } finally {\n      setIsDownloading(false);\n    }\n  };\n\n  // Two permission-gated groups: replace/copy-link/download above, move/delete\n  // below. The separator earns its place only when both survive the gate —\n  // `canUpdate` alone puts Replace in the top group, which is not enough.\n  const hasTopGroup = canUpdate || canCopyLink || canDownload;\n  const hasBottomGroup = canUpdate;\n  const showSeparator = (canCopyLink || canDownload) && hasBottomGroup;\n\n  // A role can read the library while holding none of these, and an empty\n  // popup is worse than no trigger at all. Every flag is `false` until the\n  // RBAC check settles, so wait for it — otherwise the trigger unmounts and\n  // remounts on first paint for everyone.\n  if (!isLoadingPermissions && !hasTopGroup && !hasBottomGroup) {\n    return null;\n  }\n\n  return (\n    <>\n      <VisuallyHidden>\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          // Replacing swaps the bytes of an existing asset, so the picker offers\n          // only its own type. Without this the picker accepted anything and a\n          // JPG could come back as PNG bytes still served under a `.jpg` url,\n          // since replace preserves hash and ext by design.\n          accept={asset.mime ?? ''}\n          multiple={false}\n          onChange={handleFileChange}\n          aria-hidden\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {/* Non-modal: Radix's default `modal` marks the rest of the document\n          `aria-hidden` and blocks pointer events while the menu is open, so\n          clicking a sibling row's trigger only dismissed this one — leaving\n          every menu you touched to be closed one click at a time. Non-modal\n          dismissal treats that click as both \"close this\" and \"open that\". */}\n      <Menu.Root modal={false}>\n        <Menu.Trigger\n          tag={IconButton}\n          icon={<More />}\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('control-card.more-actions'),\n            defaultMessage: 'More actions',\n          })}\n        />\n        {/* `ActionsMenuContent` replaces the design system's flat 15rem clamp\n            with the height Radix actually measured, and un-hides the scrollbar\n            it would otherwise overflow into. See that file for why. */}\n        <ActionsMenuContent popoverPlacement=\"bottom-end\" zIndex={2} minWidth=\"22rem\">\n          {canUpdate && (\n            <Menu.Item\n              startIcon={<ArrowsCounterClockwise />}\n              disabled={isReplacing}\n              onSelect={() => setIsReplaceOpen(true)}\n            >\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.replace'),\n                defaultMessage: 'Replace media',\n              })}\n            </Menu.Item>\n          )}\n          {canCopyLink && (\n            <Menu.Item startIcon={<Link />} onSelect={handleCopyLink}>\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.copy-link'),\n                defaultMessage: 'Copy link to media',\n              })}\n            </Menu.Item>\n          )}\n          {canDownload && (\n            <Menu.Item startIcon={<Download />} disabled={isDownloading} onSelect={handleDownload}>\n              {formatMessage({\n                id: getTranslationKey('list.assets.actions.download'),\n                defaultMessage: 'Download media',\n              })}\n            </Menu.Item>\n          )}\n          {showSeparator && <Menu.Separator />}\n          {canUpdate && (\n            <>\n              <Menu.Item startIcon={<ArrowRight />} onSelect={() => setIsMoveOpen(true)}>\n                {formatMessage({\n                  id: getTranslationKey('list.assets.actions.move'),\n                  defaultMessage: 'Move to folder',\n                })}\n              </Menu.Item>\n              <Menu.Item\n                startIcon={<Trash />}\n                variant=\"danger\"\n                onSelect={() => setIsDeleteOpen(true)}\n              >\n                {formatMessage({\n                  id: getTranslationKey('list.assets.actions.delete'),\n                  defaultMessage: 'Delete',\n                })}\n              </Menu.Item>\n            </>\n          )}\n        </ActionsMenuContent>\n      </Menu.Root>\n      <Dialog.Root open={isReplaceOpen} onOpenChange={setIsReplaceOpen}>\n        <Dialog.Content>\n          <Dialog.Header>\n            {formatMessage({\n              id: getTranslationKey('asset-details.replace.title'),\n              defaultMessage: 'Replace this media file?',\n            })}\n          </Dialog.Header>\n          <Dialog.Body textAlign=\"center\">\n            <Flex direction=\"column\" textAlign=\"center\">\n              <Typography variant=\"omega\">\n                {formatMessage({\n                  id: getTranslationKey('asset-details.replace.description'),\n                  defaultMessage: 'Current content will be permanently replaced.',\n                })}\n              </Typography>\n              {aiEnabled ? (\n                <Typography variant=\"omega\">\n                  {formatMessage({\n                    id: getTranslationKey('asset-details.replace.description.ai'),\n                    defaultMessage: 'AI will generate new metadata after upload.',\n                  })}\n                </Typography>\n              ) : null}\n            </Flex>\n          </Dialog.Body>\n          <Dialog.Footer>\n            <Dialog.Cancel>\n              <Button variant=\"tertiary\" fullWidth>\n                {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n              </Button>\n            </Dialog.Cancel>\n            <Dialog.Action>\n              <Button variant=\"secondary\" onClick={handleReplaceContinue} fullWidth>\n                {formatMessage({\n                  id: getTranslationKey('asset-details.replace.continue'),\n                  defaultMessage: 'Continue',\n                })}\n              </Button>\n            </Dialog.Action>\n          </Dialog.Footer>\n        </Dialog.Content>\n      </Dialog.Root>\n      {isMoveOpen && (\n        <BulkMoveDialog\n          open\n          onClose={() => setIsMoveOpen(false)}\n          items={moveItems}\n          onSuccess={() => deselect(assetKey(asset.id))}\n        />\n      )}\n      {/* Both dialogs live inside the row, so a background refetch that drops the\n          row would take an open dialog with it. Nothing invalidates until the\n          mutation resolves, and the dialog closes in the same tick, so the\n          flows themselves can't trigger it. */}\n      {isDeleteOpen && (\n        <DeleteItemsDialog\n          open\n          onClose={() => setIsDeleteOpen(false)}\n          target={{ fileIds: [asset.id], folderIds: [] }}\n          onSuccess={() => deselect(assetKey(asset.id))}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["AssetActionsMenu","asset","dragData","formatMessage","useIntl","getErrorMessage","useApiErrorMessage","copy","useClipboard","toggleNotification","useNotification","deselect","useAssetSelection","markBusy","useBusyAssetsOptional","canUpdate","canDownload","canCopyLink","isLoading","isLoadingPermissions","useMediaLibraryPermissions","replaceAsset","isReplacing","useReplaceAssetMutation","aiEnabled","useAIMetadataEnabled","mime","fileInputRef","useRef","isReplaceOpen","setIsReplaceOpen","useState","isMoveOpen","setIsMoveOpen","isDeleteOpen","setIsDeleteOpen","isDownloading","setIsDownloading","moveItems","useMemo","handleReplaceContinue","current","click","handleFileChange","event","file","target","files","value","releaseBusy","id","getTranslationKey","defaultMessage","res","fileInfo","name","type","message","error","handleCopyLink","url","prefixFileUrlWithBackendUrl","didCopy","handleDownload","downloadFile","hasTopGroup","hasBottomGroup","showSeparator","_jsxs","_Fragment","_jsx","VisuallyHidden","input","ref","accept","multiple","onChange","aria-hidden","tabIndex","Menu","Root","modal","Trigger","tag","IconButton","icon","More","variant","label","ActionsMenuContent","popoverPlacement","zIndex","minWidth","Item","startIcon","ArrowsCounterClockwise","disabled","onSelect","Link","Download","Separator","ArrowRight","Trash","Dialog","open","onOpenChange","Content","Header","Body","textAlign","Flex","direction","Typography","Footer","Cancel","Button","fullWidth","Action","onClick","BulkMoveDialog","onClose","items","onSuccess","assetKey","DeleteItemsDialog","fileIds","folderIds"],"mappings":"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"}
+{"version":3,"file":"AssetActionsMenu.mjs","sources":["../../../../../admin/src/pages/Assets/components/AssetActionsMenu.tsx"],"sourcesContent":["import { IconButton, Menu } from '@strapi/design-system';\nimport { More } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\nimport { ActionsMenuContent } from './ActionsMenuContent';\nimport { AssetActions } from './AssetActions';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { DragFileData } from '../../../types/dnd';\n\ninterface AssetActionsMenuProps {\n  asset: File;\n  /** Drag data for this asset, so the move dialog validates against its real folder. */\n  dragData: DragFileData;\n}\n\n/**\n * The \"...\" menu on an asset row/card. Always acts on that one asset, whatever\n * the current multi-selection is (the bulk actions bar and the right-click menu\n * are the selection-scoped affordances) — the file mirror of `FolderActionsMenu`.\n *\n * The actions themselves live in `AssetActions`, shared with\n * `AssetContextMenu`. This component is only the trigger.\n */\nexport const AssetActionsMenu = ({ asset, dragData }: AssetActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <AssetActions asset={asset} dragData={dragData}>\n      {({ items, dialogs, hasActions }) =>\n        // A role can read the library while holding none of these, and an empty\n        // popup is worse than no trigger at all.\n        hasActions ? (\n          <>\n            {/* Non-modal: Radix's default `modal` marks the rest of the document\n                `aria-hidden` and blocks pointer events while the menu is open, so\n                clicking a sibling row's trigger only dismissed this one — leaving\n                every menu you touched to be closed one click at a time. Non-modal\n                dismissal treats that click as both \"close this\" and \"open that\". */}\n            <Menu.Root modal={false}>\n              <Menu.Trigger\n                tag={IconButton}\n                icon={<More />}\n                variant=\"ghost\"\n                label={formatMessage({\n                  id: getTranslationKey('control-card.more-actions'),\n                  defaultMessage: 'More actions',\n                })}\n              />\n              {/* `ActionsMenuContent` replaces the design system's flat 15rem clamp\n                  with the height Radix actually measured, and un-hides the scrollbar\n                  it would otherwise overflow into. See that file for why. */}\n              <ActionsMenuContent popoverPlacement=\"bottom-end\" zIndex={2} minWidth=\"22rem\">\n                {items}\n              </ActionsMenuContent>\n            </Menu.Root>\n            {dialogs}\n          </>\n        ) : null\n      }\n    </AssetActions>\n  );\n};\n"],"names":["AssetActionsMenu","asset","dragData","formatMessage","useIntl","_jsx","AssetActions","items","dialogs","hasActions","_jsxs","_Fragment","Menu","Root","modal","Trigger","tag","IconButton","icon","More","variant","label","id","getTranslationKey","defaultMessage","ActionsMenuContent","popoverPlacement","zIndex","minWidth"],"mappings":";;;;;;;;AAkBA;;;;;;;UAQaA,gBAAAA,GAAmB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAyB,GAAA;IACzE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,GAAA,CAACC,YAAAA,EAAAA;QAAaL,KAAAA,EAAOA,KAAAA;QAAOC,QAAAA,EAAUA,QAAAA;kBACnC,CAAC,EAAEK,KAAK,EAAEC,OAAO,EAAEC,UAAU,EAAE;;YAG9BA,UAAAA,iBACEC,IAAA,CAAAC,QAAA,EAAA;;AAME,kCAAAD,IAAA,CAACE,KAAKC,IAAI,EAAA;wBAACC,KAAAA,EAAO,KAAA;;AAChB,0CAAAT,GAAA,CAACO,KAAKG,OAAO,EAAA;gCACXC,GAAAA,EAAKC,UAAAA;AACLC,gCAAAA,IAAAA,gBAAMb,GAAA,CAACc,IAAAA,EAAAA,EAAAA,CAAAA;gCACPC,OAAAA,EAAQ,OAAA;AACRC,gCAAAA,KAAAA,EAAOlB,aAAAA,CAAc;AACnBmB,oCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;0CAKFnB,GAAA,CAACoB,kBAAAA,EAAAA;gCAAmBC,gBAAAA,EAAiB,YAAA;gCAAaC,MAAAA,EAAQ,CAAA;gCAAGC,QAAAA,EAAS,OAAA;AACnErB,gCAAAA,QAAAA,EAAAA;;;;AAGJC,oBAAAA;;AAED,aAAA,CAAA,GAAA;;AAIZ;;;;"}

package/dist/admin/pages/Assets/components/AssetContextMenu.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactIntl = require('react-intl');
+var translations = require('../../../utils/translations.js');
+var AssetActions = require('./AssetActions.js');
+var CursorAnchoredMenu = require('./CursorAnchoredMenu.js');
+
+/**
+ * The right-click twin of `AssetActionsMenu`: same actions, opened at the
+ * cursor instead of from the row's `•••`. Both render what `AssetActions`
+ * gives them, so the two can't offer different things.
+ *
+ * Picking "Replace", "Move" or "Delete" closes the menu and opens a dialog in
+ * the same tick, and that dialog is rendered here — so the menu being shut and
+ * this being unmounted are two different things, tracked apart. Unmounting
+ * early would take the dialog with it, and for "Replace" the hidden file input
+ * too, which is why `isBusy` also covers the native picker.
+ */ const AssetContextMenu = ({ asset, dragData, permissions, position, returnFocusTo, onClose })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [isMenuOpen, setIsMenuOpen] = React.useState(true);
+    return /*#__PURE__*/ jsxRuntime.jsx(AssetActions.AssetActions, {
+        asset: asset,
+        dragData: dragData,
+        permissions: permissions,
+        children: ({ items, dialogs, hasActions, isBusy })=>/*#__PURE__*/ jsxRuntime.jsx(AssetContextMenuBody, {
+                hasActions: hasActions,
+                isBusy: isBusy,
+                isMenuOpen: isMenuOpen,
+                onMenuClose: ()=>setIsMenuOpen(false),
+                onClose: onClose,
+                position: position,
+                returnFocusTo: returnFocusTo,
+                label: formatMessage({
+                    id: translations.getTranslationKey('list.assets.context-menu.label'),
+                    defaultMessage: 'Asset actions'
+                }),
+                items: items,
+                dialogs: dialogs
+            })
+    });
+};
+/**
+ * Split out because the "nothing left on screen" effect can't run inside the
+ * render prop above — hooks don't belong in a callback.
+ */ const AssetContextMenuBody = ({ hasActions, isBusy, isMenuOpen, onMenuClose, onClose, position, returnFocusTo, label, items, dialogs })=>{
+    React.useEffect(()=>{
+        // The menu is shut and nothing took its place — no dialog, no file picker
+        // — or the role has no permitted action, so there was never a menu at all.
+        if (!hasActions || !isMenuOpen && !isBusy) {
+            onClose();
+        }
+    }, [
+        hasActions,
+        isMenuOpen,
+        isBusy,
+        onClose
+    ]);
+    if (!hasActions) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(CursorAnchoredMenu.CursorAnchoredMenu, {
+                position: position,
+                open: isMenuOpen,
+                label: label,
+                returnFocusTo: returnFocusTo,
+                onClose: onMenuClose,
+                children: items
+            }),
+            dialogs
+        ]
+    });
+};
+
+exports.AssetContextMenu = AssetContextMenu;
+//# sourceMappingURL=AssetContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetContextMenu.js","sources":["../../../../../admin/src/pages/Assets/components/AssetContextMenu.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\nimport { AssetActions, type AssetActionPermissions } from './AssetActions';\nimport { CursorAnchoredMenu, type CursorPosition } from './CursorAnchoredMenu';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { DragFileData } from '../../../types/dnd';\n\ninterface AssetContextMenuProps {\n  asset: File;\n  dragData: DragFileData;\n  /** Resolved by the provider, so this menu never renders while RBAC loads. */\n  permissions: AssetActionPermissions;\n  position: CursorPosition;\n  returnFocusTo: HTMLElement | null;\n  /** Mounted only while it has something on screen, so the parent drops it on this. */\n  onClose: () => void;\n}\n\n/**\n * The right-click twin of `AssetActionsMenu`: same actions, opened at the\n * cursor instead of from the row's `•••`. Both render what `AssetActions`\n * gives them, so the two can't offer different things.\n *\n * Picking \"Replace\", \"Move\" or \"Delete\" closes the menu and opens a dialog in\n * the same tick, and that dialog is rendered here — so the menu being shut and\n * this being unmounted are two different things, tracked apart. Unmounting\n * early would take the dialog with it, and for \"Replace\" the hidden file input\n * too, which is why `isBusy` also covers the native picker.\n */\nexport const AssetContextMenu = ({\n  asset,\n  dragData,\n  permissions,\n  position,\n  returnFocusTo,\n  onClose,\n}: AssetContextMenuProps) => {\n  const { formatMessage } = useIntl();\n  const [isMenuOpen, setIsMenuOpen] = useState(true);\n\n  return (\n    <AssetActions asset={asset} dragData={dragData} permissions={permissions}>\n      {({ items, dialogs, hasActions, isBusy }) => (\n        <AssetContextMenuBody\n          hasActions={hasActions}\n          isBusy={isBusy}\n          isMenuOpen={isMenuOpen}\n          onMenuClose={() => setIsMenuOpen(false)}\n          onClose={onClose}\n          position={position}\n          returnFocusTo={returnFocusTo}\n          label={formatMessage({\n            id: getTranslationKey('list.assets.context-menu.label'),\n            defaultMessage: 'Asset actions',\n          })}\n          items={items}\n          dialogs={dialogs}\n        />\n      )}\n    </AssetActions>\n  );\n};\n\ninterface AssetContextMenuBodyProps {\n  hasActions: boolean;\n  isBusy: boolean;\n  isMenuOpen: boolean;\n  onMenuClose: () => void;\n  onClose: () => void;\n  position: CursorPosition;\n  returnFocusTo: HTMLElement | null;\n  label: string;\n  items: React.ReactNode;\n  dialogs: React.ReactNode;\n}\n\n/**\n * Split out because the \"nothing left on screen\" effect can't run inside the\n * render prop above — hooks don't belong in a callback.\n */\nconst AssetContextMenuBody = ({\n  hasActions,\n  isBusy,\n  isMenuOpen,\n  onMenuClose,\n  onClose,\n  position,\n  returnFocusTo,\n  label,\n  items,\n  dialogs,\n}: AssetContextMenuBodyProps) => {\n  useEffect(() => {\n    // The menu is shut and nothing took its place — no dialog, no file picker\n    // — or the role has no permitted action, so there was never a menu at all.\n    if (!hasActions || (!isMenuOpen && !isBusy)) {\n      onClose();\n    }\n  }, [hasActions, isMenuOpen, isBusy, onClose]);\n\n  if (!hasActions) {\n    return null;\n  }\n\n  return (\n    <>\n      <CursorAnchoredMenu\n        position={position}\n        open={isMenuOpen}\n        label={label}\n        returnFocusTo={returnFocusTo}\n        onClose={onMenuClose}\n      >\n        {items}\n      </CursorAnchoredMenu>\n      {dialogs}\n    </>\n  );\n};\n"],"names":["AssetContextMenu","asset","dragData","permissions","position","returnFocusTo","onClose","formatMessage","useIntl","isMenuOpen","setIsMenuOpen","useState","_jsx","AssetActions","items","dialogs","hasActions","isBusy","AssetContextMenuBody","onMenuClose","label","id","getTranslationKey","defaultMessage","useEffect","_jsxs","_Fragment","CursorAnchoredMenu","open"],"mappings":";;;;;;;;;AAuBA;;;;;;;;;;AAUC,IACM,MAAMA,gBAAAA,GAAmB,CAAC,EAC/BC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACe,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,cAAAA,CAAS,IAAA,CAAA;AAE7C,IAAA,qBACEC,cAAA,CAACC,yBAAAA,EAAAA;QAAaZ,KAAAA,EAAOA,KAAAA;QAAOC,QAAAA,EAAUA,QAAAA;QAAUC,WAAAA,EAAaA,WAAAA;kBAC1D,CAAC,EAAEW,KAAK,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAE,iBACtCL,cAAA,CAACM,oBAAAA,EAAAA;gBACCF,UAAAA,EAAYA,UAAAA;gBACZC,MAAAA,EAAQA,MAAAA;gBACRR,UAAAA,EAAYA,UAAAA;AACZU,gBAAAA,WAAAA,EAAa,IAAMT,aAAAA,CAAc,KAAA,CAAA;gBACjCJ,OAAAA,EAASA,OAAAA;gBACTF,QAAAA,EAAUA,QAAAA;gBACVC,aAAAA,EAAeA,aAAAA;AACfe,gBAAAA,KAAAA,EAAOb,aAAAA,CAAc;AACnBc,oBAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,gCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAT,KAAAA,EAAOA,KAAAA;gBACPC,OAAAA,EAASA;;;AAKnB;AAeA;;;IAIA,MAAMG,uBAAuB,CAAC,EAC5BF,UAAU,EACVC,MAAM,EACNR,UAAU,EACVU,WAAW,EACXb,OAAO,EACPF,QAAQ,EACRC,aAAa,EACbe,KAAK,EACLN,KAAK,EACLC,OAAO,EACmB,GAAA;IAC1BS,eAAAA,CAAU,IAAA;;;AAGR,QAAA,IAAI,CAACR,UAAAA,IAAe,CAACP,UAAAA,IAAc,CAACQ,MAAAA,EAAS;AAC3CX,YAAAA,OAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACU,QAAAA,UAAAA;AAAYP,QAAAA,UAAAA;AAAYQ,QAAAA,MAAAA;AAAQX,QAAAA;AAAQ,KAAA,CAAA;AAE5C,IAAA,IAAI,CAACU,UAAAA,EAAY;QACf,OAAO,IAAA;AACT,IAAA;IAEA,qBACES,eAAA,CAAAC,mBAAA,EAAA;;0BACEd,cAAA,CAACe,qCAAAA,EAAAA;gBACCvB,QAAAA,EAAUA,QAAAA;gBACVwB,IAAAA,EAAMnB,UAAAA;gBACNW,KAAAA,EAAOA,KAAAA;gBACPf,aAAAA,EAAeA,aAAAA;gBACfC,OAAAA,EAASa,WAAAA;AAERL,gBAAAA,QAAAA,EAAAA;;AAEFC,YAAAA;;;AAGP,CAAA;;;;"}

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

@@ -0,0 +1,77 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useIntl } from 'react-intl';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { AssetActions } from './AssetActions.mjs';
+import { CursorAnchoredMenu } from './CursorAnchoredMenu.mjs';
+
+/**
+ * The right-click twin of `AssetActionsMenu`: same actions, opened at the
+ * cursor instead of from the row's `•••`. Both render what `AssetActions`
+ * gives them, so the two can't offer different things.
+ *
+ * Picking "Replace", "Move" or "Delete" closes the menu and opens a dialog in
+ * the same tick, and that dialog is rendered here — so the menu being shut and
+ * this being unmounted are two different things, tracked apart. Unmounting
+ * early would take the dialog with it, and for "Replace" the hidden file input
+ * too, which is why `isBusy` also covers the native picker.
+ */ const AssetContextMenu = ({ asset, dragData, permissions, position, returnFocusTo, onClose })=>{
+    const { formatMessage } = useIntl();
+    const [isMenuOpen, setIsMenuOpen] = useState(true);
+    return /*#__PURE__*/ jsx(AssetActions, {
+        asset: asset,
+        dragData: dragData,
+        permissions: permissions,
+        children: ({ items, dialogs, hasActions, isBusy })=>/*#__PURE__*/ jsx(AssetContextMenuBody, {
+                hasActions: hasActions,
+                isBusy: isBusy,
+                isMenuOpen: isMenuOpen,
+                onMenuClose: ()=>setIsMenuOpen(false),
+                onClose: onClose,
+                position: position,
+                returnFocusTo: returnFocusTo,
+                label: formatMessage({
+                    id: getTranslationKey('list.assets.context-menu.label'),
+                    defaultMessage: 'Asset actions'
+                }),
+                items: items,
+                dialogs: dialogs
+            })
+    });
+};
+/**
+ * Split out because the "nothing left on screen" effect can't run inside the
+ * render prop above — hooks don't belong in a callback.
+ */ const AssetContextMenuBody = ({ hasActions, isBusy, isMenuOpen, onMenuClose, onClose, position, returnFocusTo, label, items, dialogs })=>{
+    useEffect(()=>{
+        // The menu is shut and nothing took its place — no dialog, no file picker
+        // — or the role has no permitted action, so there was never a menu at all.
+        if (!hasActions || !isMenuOpen && !isBusy) {
+            onClose();
+        }
+    }, [
+        hasActions,
+        isMenuOpen,
+        isBusy,
+        onClose
+    ]);
+    if (!hasActions) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(CursorAnchoredMenu, {
+                position: position,
+                open: isMenuOpen,
+                label: label,
+                returnFocusTo: returnFocusTo,
+                onClose: onMenuClose,
+                children: items
+            }),
+            dialogs
+        ]
+    });
+};
+
+export { AssetContextMenu };
+//# sourceMappingURL=AssetContextMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetContextMenu.mjs","sources":["../../../../../admin/src/pages/Assets/components/AssetContextMenu.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\nimport { AssetActions, type AssetActionPermissions } from './AssetActions';\nimport { CursorAnchoredMenu, type CursorPosition } from './CursorAnchoredMenu';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { DragFileData } from '../../../types/dnd';\n\ninterface AssetContextMenuProps {\n  asset: File;\n  dragData: DragFileData;\n  /** Resolved by the provider, so this menu never renders while RBAC loads. */\n  permissions: AssetActionPermissions;\n  position: CursorPosition;\n  returnFocusTo: HTMLElement | null;\n  /** Mounted only while it has something on screen, so the parent drops it on this. */\n  onClose: () => void;\n}\n\n/**\n * The right-click twin of `AssetActionsMenu`: same actions, opened at the\n * cursor instead of from the row's `•••`. Both render what `AssetActions`\n * gives them, so the two can't offer different things.\n *\n * Picking \"Replace\", \"Move\" or \"Delete\" closes the menu and opens a dialog in\n * the same tick, and that dialog is rendered here — so the menu being shut and\n * this being unmounted are two different things, tracked apart. Unmounting\n * early would take the dialog with it, and for \"Replace\" the hidden file input\n * too, which is why `isBusy` also covers the native picker.\n */\nexport const AssetContextMenu = ({\n  asset,\n  dragData,\n  permissions,\n  position,\n  returnFocusTo,\n  onClose,\n}: AssetContextMenuProps) => {\n  const { formatMessage } = useIntl();\n  const [isMenuOpen, setIsMenuOpen] = useState(true);\n\n  return (\n    <AssetActions asset={asset} dragData={dragData} permissions={permissions}>\n      {({ items, dialogs, hasActions, isBusy }) => (\n        <AssetContextMenuBody\n          hasActions={hasActions}\n          isBusy={isBusy}\n          isMenuOpen={isMenuOpen}\n          onMenuClose={() => setIsMenuOpen(false)}\n          onClose={onClose}\n          position={position}\n          returnFocusTo={returnFocusTo}\n          label={formatMessage({\n            id: getTranslationKey('list.assets.context-menu.label'),\n            defaultMessage: 'Asset actions',\n          })}\n          items={items}\n          dialogs={dialogs}\n        />\n      )}\n    </AssetActions>\n  );\n};\n\ninterface AssetContextMenuBodyProps {\n  hasActions: boolean;\n  isBusy: boolean;\n  isMenuOpen: boolean;\n  onMenuClose: () => void;\n  onClose: () => void;\n  position: CursorPosition;\n  returnFocusTo: HTMLElement | null;\n  label: string;\n  items: React.ReactNode;\n  dialogs: React.ReactNode;\n}\n\n/**\n * Split out because the \"nothing left on screen\" effect can't run inside the\n * render prop above — hooks don't belong in a callback.\n */\nconst AssetContextMenuBody = ({\n  hasActions,\n  isBusy,\n  isMenuOpen,\n  onMenuClose,\n  onClose,\n  position,\n  returnFocusTo,\n  label,\n  items,\n  dialogs,\n}: AssetContextMenuBodyProps) => {\n  useEffect(() => {\n    // The menu is shut and nothing took its place — no dialog, no file picker\n    // — or the role has no permitted action, so there was never a menu at all.\n    if (!hasActions || (!isMenuOpen && !isBusy)) {\n      onClose();\n    }\n  }, [hasActions, isMenuOpen, isBusy, onClose]);\n\n  if (!hasActions) {\n    return null;\n  }\n\n  return (\n    <>\n      <CursorAnchoredMenu\n        position={position}\n        open={isMenuOpen}\n        label={label}\n        returnFocusTo={returnFocusTo}\n        onClose={onMenuClose}\n      >\n        {items}\n      </CursorAnchoredMenu>\n      {dialogs}\n    </>\n  );\n};\n"],"names":["AssetContextMenu","asset","dragData","permissions","position","returnFocusTo","onClose","formatMessage","useIntl","isMenuOpen","setIsMenuOpen","useState","_jsx","AssetActions","items","dialogs","hasActions","isBusy","AssetContextMenuBody","onMenuClose","label","id","getTranslationKey","defaultMessage","useEffect","_jsxs","_Fragment","CursorAnchoredMenu","open"],"mappings":";;;;;;;AAuBA;;;;;;;;;;AAUC,IACM,MAAMA,gBAAAA,GAAmB,CAAC,EAC/BC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACe,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,QAAAA,CAAS,IAAA,CAAA;AAE7C,IAAA,qBACEC,GAAA,CAACC,YAAAA,EAAAA;QAAaZ,KAAAA,EAAOA,KAAAA;QAAOC,QAAAA,EAAUA,QAAAA;QAAUC,WAAAA,EAAaA,WAAAA;kBAC1D,CAAC,EAAEW,KAAK,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAE,iBACtCL,GAAA,CAACM,oBAAAA,EAAAA;gBACCF,UAAAA,EAAYA,UAAAA;gBACZC,MAAAA,EAAQA,MAAAA;gBACRR,UAAAA,EAAYA,UAAAA;AACZU,gBAAAA,WAAAA,EAAa,IAAMT,aAAAA,CAAc,KAAA,CAAA;gBACjCJ,OAAAA,EAASA,OAAAA;gBACTF,QAAAA,EAAUA,QAAAA;gBACVC,aAAAA,EAAeA,aAAAA;AACfe,gBAAAA,KAAAA,EAAOb,aAAAA,CAAc;AACnBc,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAT,KAAAA,EAAOA,KAAAA;gBACPC,OAAAA,EAASA;;;AAKnB;AAeA;;;IAIA,MAAMG,uBAAuB,CAAC,EAC5BF,UAAU,EACVC,MAAM,EACNR,UAAU,EACVU,WAAW,EACXb,OAAO,EACPF,QAAQ,EACRC,aAAa,EACbe,KAAK,EACLN,KAAK,EACLC,OAAO,EACmB,GAAA;IAC1BS,SAAAA,CAAU,IAAA;;;AAGR,QAAA,IAAI,CAACR,UAAAA,IAAe,CAACP,UAAAA,IAAc,CAACQ,MAAAA,EAAS;AAC3CX,YAAAA,OAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACU,QAAAA,UAAAA;AAAYP,QAAAA,UAAAA;AAAYQ,QAAAA,MAAAA;AAAQX,QAAAA;AAAQ,KAAA,CAAA;AAE5C,IAAA,IAAI,CAACU,UAAAA,EAAY;QACf,OAAO,IAAA;AACT,IAAA;IAEA,qBACES,IAAA,CAAAC,QAAA,EAAA;;0BACEd,GAAA,CAACe,kBAAAA,EAAAA;gBACCvB,QAAAA,EAAUA,QAAAA;gBACVwB,IAAAA,EAAMnB,UAAAA;gBACNW,KAAAA,EAAOA,KAAAA;gBACPf,aAAAA,EAAeA,aAAAA;gBACfC,OAAAA,EAASa,WAAAA;AAERL,gBAAAA,QAAAA,EAAAA;;AAEFC,YAAAA;;;AAGP,CAAA;;;;"}