@strapi/upload 5.55.1 → 5.57.0

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

@@ -1,142 +1,48 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
-import { useClipboard, useNotification } from '@strapi/admin/strapi-admin';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Menu, IconButton } from '@strapi/design-system';
-import { More, Link, Pencil, ArrowRight, Trash } from '@strapi/icons';
+import { More } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { getTranslationKey } from '../../../utils/translations.mjs';
-import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
-import { folderKey } from '../utils/selection.mjs';
 import { ActionsMenuContent } from './ActionsMenuContent.mjs';
-import { BulkMoveDialog } from './BulkMoveDialog.mjs';
-import { DeleteItemsDialog } from './DeleteItemsDialog.mjs';
-import { FolderFormDialog } from './FolderFormDialog.mjs';
+import { FolderActions } from './FolderActions.mjs';
 
 /**
  * The "..." menu on a folder row/card. Always acts on that one folder, whatever
- * the current multi-selection is (the bulk actions bar is the selection-scoped
- * affordance). It reuses the shared move and delete dialogs, which mount only
- * while open.
+ * the current multi-selection is (the bulk actions bar and the right-click menu
+ * are the selection-scoped affordances).
  *
- * A successful move or delete deselects this one folder and leaves the rest of
- * the selection intact: they only invalidate RTK tags, so without it a
- * `folder:<id>` key for a folder that no longer lives where the selection thinks
- * it does would linger. A rename leaves the id valid and the folder in place, so
- * it touches the selection not at all.
+ * The actions themselves live in `FolderActions`, shared with
+ * `FolderContextMenu`. This component is only the trigger.
  */ const FolderActionsMenu = ({ folder, dragData })=>{
     const { formatMessage } = useIntl();
-    const { copy } = useClipboard();
-    const { toggleNotification } = useNotification();
-    const { deselect } = useAssetSelection();
-    const [isRenameOpen, setIsRenameOpen] = useState(false);
-    const [isMoveOpen, setIsMoveOpen] = useState(false);
-    const [isDeleteOpen, setIsDeleteOpen] = useState(false);
-    // Stable identity: the move dialog memoizes its destination walk on it.
-    const moveItems = useMemo(()=>[
-            dragData
-        ], [
-        dragData
-    ]);
-    // Built from window.location so the link inherits whatever path the library is
-    // mounted at. Every other query param (search, sort, open drawer) is dropped —
-    // this is a clean deep-link to the folder.
-    const handleCopyLink = async ()=>{
-        const url = `${window.location.origin}${window.location.pathname}?folder=${folder.id}`;
-        const didCopy = await copy(url);
-        toggleNotification({
-            type: didCopy ? 'success' : 'danger',
-            message: formatMessage(didCopy ? {
-                id: getTranslationKey('list.folder.actions.copy-link.success'),
-                defaultMessage: 'Folder link copied.'
-            } : {
-                id: getTranslationKey('list.folder.actions.copy-link.error'),
-                defaultMessage: 'Failed to copy the folder link.'
-            })
-        });
-    };
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsxs(Menu.Root, {
-                modal: false,
+    return /*#__PURE__*/ jsx(FolderActions, {
+        folder: folder,
+        dragData: dragData,
+        children: ({ items, dialogs })=>/*#__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: [
-                            /*#__PURE__*/ jsx(Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsx(Link, {}),
-                                onSelect: handleCopyLink,
-                                children: formatMessage({
-                                    id: getTranslationKey('list.folder.actions.copy-link'),
-                                    defaultMessage: 'Copy link to folder'
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(Menu.Separator, {}),
-                            /*#__PURE__*/ jsx(Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsx(Pencil, {}),
-                                onSelect: ()=>setIsRenameOpen(true),
-                                children: formatMessage({
-                                    id: getTranslationKey('list.folder.actions.rename'),
-                                    defaultMessage: 'Rename folder'
+                            /*#__PURE__*/ jsx(Menu.Trigger, {
+                                tag: IconButton,
+                                icon: /*#__PURE__*/ jsx(More, {}),
+                                variant: "ghost",
+                                label: formatMessage({
+                                    id: getTranslationKey('control-card.more-actions'),
+                                    defaultMessage: 'More actions'
                                 })
                             }),
-                            /*#__PURE__*/ jsx(Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsx(ArrowRight, {}),
-                                onSelect: ()=>setIsMoveOpen(true),
-                                children: formatMessage({
-                                    id: getTranslationKey('list.folder.actions.move'),
-                                    defaultMessage: 'Move to folder'
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsx(Trash, {}),
-                                variant: "danger",
-                                onSelect: ()=>setIsDeleteOpen(true),
-                                children: formatMessage({
-                                    id: getTranslationKey('list.folder.actions.delete'),
-                                    defaultMessage: 'Delete folder'
-                                })
+                            /*#__PURE__*/ jsx(ActionsMenuContent, {
+                                popoverPlacement: "bottom-end",
+                                zIndex: 2,
+                                minWidth: "22rem",
+                                children: items
                             })
                         ]
-                    })
+                    }),
+                    dialogs
                 ]
-            }),
-            isRenameOpen && /*#__PURE__*/ jsx(FolderFormDialog, {
-                open: true,
-                mode: "rename",
-                folderId: folder.id,
-                initialName: folder.name,
-                parentFolderId: dragData.parentId,
-                onClose: ()=>setIsRenameOpen(false)
-            }),
-            isMoveOpen && /*#__PURE__*/ jsx(BulkMoveDialog, {
-                open: true,
-                onClose: ()=>setIsMoveOpen(false),
-                items: moveItems,
-                onSuccess: ()=>deselect(folderKey(folder.id))
-            }),
-            isDeleteOpen && /*#__PURE__*/ jsx(DeleteItemsDialog, {
-                open: true,
-                onClose: ()=>setIsDeleteOpen(false),
-                target: {
-                    fileIds: [],
-                    folderIds: [
-                        folder.id
-                    ]
-                },
-                onSuccess: ()=>deselect(folderKey(folder.id))
             })
-        ]
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"FolderActionsMenu.mjs","sources":["../../../../../admin/src/pages/Assets/components/FolderActionsMenu.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport { useClipboard, useNotification } from '@strapi/admin/strapi-admin';\nimport { IconButton, Menu } from '@strapi/design-system';\nimport { ArrowRight, Link, More, Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { folderKey } from '../utils/selection';\n\nimport { ActionsMenuContent } from './ActionsMenuContent';\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\nimport { FolderFormDialog } from './FolderFormDialog';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { DragFolderData } from '../../../types/dnd';\n\ninterface FolderActionsMenuProps {\n  folder: Folder;\n  /** Drag data for this folder, so the move dialog validates against its real parent. */\n  dragData: DragFolderData;\n}\n\n/**\n * The \"...\" menu on a folder row/card. Always acts on that one folder, whatever\n * the current multi-selection is (the bulk actions bar is the selection-scoped\n * affordance). It reuses the shared move and delete dialogs, which mount only\n * while open.\n *\n * A successful move or delete deselects this one folder and leaves the rest of\n * the selection intact: they only invalidate RTK tags, so without it a\n * `folder:<id>` key for a folder that no longer lives where the selection thinks\n * it does would linger. A rename leaves the id valid and the folder in place, so\n * it touches the selection not at all.\n */\nexport const FolderActionsMenu = ({ folder, dragData }: FolderActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  const { deselect } = useAssetSelection();\n  const [isRenameOpen, setIsRenameOpen] = useState(false);\n  const [isMoveOpen, setIsMoveOpen] = useState(false);\n  const [isDeleteOpen, setIsDeleteOpen] = useState(false);\n\n  // Stable identity: the move dialog memoizes its destination walk on it.\n  const moveItems = useMemo(() => [dragData], [dragData]);\n\n  // Built from window.location so the link inherits whatever path the library is\n  // mounted at. Every other query param (search, sort, open drawer) is dropped —\n  // this is a clean deep-link to the folder.\n  const handleCopyLink = async () => {\n    const url = `${window.location.origin}${window.location.pathname}?folder=${folder.id}`;\n    const didCopy = await copy(url);\n\n    toggleNotification({\n      type: didCopy ? 'success' : 'danger',\n      message: formatMessage(\n        didCopy\n          ? {\n              id: getTranslationKey('list.folder.actions.copy-link.success'),\n              defaultMessage: 'Folder link copied.',\n            }\n          : {\n              id: getTranslationKey('list.folder.actions.copy-link.error'),\n              defaultMessage: 'Failed to copy the folder link.',\n            }\n      ),\n    });\n  };\n\n  return (\n    <>\n      {/* See AssetActionsMenu: non-modal so clicking another row's trigger\n          closes this menu and opens that one in a single click. */}\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        {/* See ActionsMenuContent: the design system's 15rem default clamps the\n            menu against a hidden scrollbar, so items can be silently cut off\n            near the viewport edge. This one is shorter, but kept in sync. */}\n        <ActionsMenuContent popoverPlacement=\"bottom-end\" zIndex={2} minWidth=\"22rem\">\n          <Menu.Item startIcon={<Link />} onSelect={handleCopyLink}>\n            {formatMessage({\n              id: getTranslationKey('list.folder.actions.copy-link'),\n              defaultMessage: 'Copy link to folder',\n            })}\n          </Menu.Item>\n          <Menu.Separator />\n          {/* TODO: gate Rename, Move and Delete on `assets.canUpdate` CMS-387 */}\n          <Menu.Item startIcon={<Pencil />} onSelect={() => setIsRenameOpen(true)}>\n            {formatMessage({\n              id: getTranslationKey('list.folder.actions.rename'),\n              defaultMessage: 'Rename folder',\n            })}\n          </Menu.Item>\n          <Menu.Item startIcon={<ArrowRight />} onSelect={() => setIsMoveOpen(true)}>\n            {formatMessage({\n              id: getTranslationKey('list.folder.actions.move'),\n              defaultMessage: 'Move to folder',\n            })}\n          </Menu.Item>\n          <Menu.Item startIcon={<Trash />} variant=\"danger\" onSelect={() => setIsDeleteOpen(true)}>\n            {formatMessage({\n              id: getTranslationKey('list.folder.actions.delete'),\n              defaultMessage: 'Delete folder',\n            })}\n          </Menu.Item>\n        </ActionsMenuContent>\n      </Menu.Root>\n      {/* These dialogs live inside the row, so a background refetch that drops\n          the row would take an open dialog with it. Nothing invalidates until\n          the mutation resolves, and the dialog closes in the same tick, so the\n          flows themselves can't trigger it. */}\n      {isRenameOpen && (\n        <FolderFormDialog\n          open\n          mode=\"rename\"\n          folderId={folder.id}\n          initialName={folder.name}\n          parentFolderId={dragData.parentId}\n          onClose={() => setIsRenameOpen(false)}\n        />\n      )}\n      {isMoveOpen && (\n        <BulkMoveDialog\n          open\n          onClose={() => setIsMoveOpen(false)}\n          items={moveItems}\n          onSuccess={() => deselect(folderKey(folder.id))}\n        />\n      )}\n      {isDeleteOpen && (\n        <DeleteItemsDialog\n          open\n          onClose={() => setIsDeleteOpen(false)}\n          target={{ fileIds: [], folderIds: [folder.id] }}\n          onSuccess={() => deselect(folderKey(folder.id))}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["FolderActionsMenu","folder","dragData","formatMessage","useIntl","copy","useClipboard","toggleNotification","useNotification","deselect","useAssetSelection","isRenameOpen","setIsRenameOpen","useState","isMoveOpen","setIsMoveOpen","isDeleteOpen","setIsDeleteOpen","moveItems","useMemo","handleCopyLink","url","window","location","origin","pathname","id","didCopy","type","message","getTranslationKey","defaultMessage","_jsxs","_Fragment","Menu","Root","modal","_jsx","Trigger","tag","IconButton","icon","More","variant","label","ActionsMenuContent","popoverPlacement","zIndex","minWidth","Item","startIcon","Link","onSelect","Separator","Pencil","ArrowRight","Trash","FolderFormDialog","open","mode","folderId","initialName","name","parentFolderId","parentId","onClose","BulkMoveDialog","items","onSuccess","folderKey","DeleteItemsDialog","target","fileIds","folderIds"],"mappings":"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"}
+{"version":3,"file":"FolderActionsMenu.mjs","sources":["../../../../../admin/src/pages/Assets/components/FolderActionsMenu.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 { FolderActions } from './FolderActions';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { DragFolderData } from '../../../types/dnd';\n\ninterface FolderActionsMenuProps {\n  folder: Folder;\n  /** Drag data for this folder, so the move dialog validates against its real parent. */\n  dragData: DragFolderData;\n}\n\n/**\n * The \"...\" menu on a folder row/card. Always acts on that one folder, whatever\n * the current multi-selection is (the bulk actions bar and the right-click menu\n * are the selection-scoped affordances).\n *\n * The actions themselves live in `FolderActions`, shared with\n * `FolderContextMenu`. This component is only the trigger.\n */\nexport const FolderActionsMenu = ({ folder, dragData }: FolderActionsMenuProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <FolderActions folder={folder} dragData={dragData}>\n      {({ items, dialogs }) => (\n        <>\n          {/* See AssetActionsMenu: non-modal so clicking another row's trigger\n              closes this menu and opens that one in a single click. */}\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            {/* See ActionsMenuContent: the design system's 15rem default clamps the\n                menu against a hidden scrollbar, so items can be silently cut off\n                near the viewport edge. This one is shorter, but kept in sync. */}\n            <ActionsMenuContent popoverPlacement=\"bottom-end\" zIndex={2} minWidth=\"22rem\">\n              {items}\n            </ActionsMenuContent>\n          </Menu.Root>\n          {dialogs}\n        </>\n      )}\n    </FolderActions>\n  );\n};\n"],"names":["FolderActionsMenu","folder","dragData","formatMessage","useIntl","_jsx","FolderActions","items","dialogs","_jsxs","_Fragment","Menu","Root","modal","Trigger","tag","IconButton","icon","More","variant","label","id","getTranslationKey","defaultMessage","ActionsMenuContent","popoverPlacement","zIndex","minWidth"],"mappings":";;;;;;;;AAkBA;;;;;;;UAQaA,iBAAAA,GAAoB,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAA0B,GAAA;IAC5E,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,GAAA,CAACC,aAAAA,EAAAA;QAAcL,MAAAA,EAAQA,MAAAA;QAAQC,QAAAA,EAAUA,QAAAA;AACtC,QAAA,QAAA,EAAA,CAAC,EAAEK,KAAK,EAAEC,OAAO,EAAE,iBAClBC,IAAA,CAAAC,QAAA,EAAA;;AAGE,kCAAAD,IAAA,CAACE,KAAKC,IAAI,EAAA;wBAACC,KAAAA,EAAO,KAAA;;AAChB,0CAAAR,GAAA,CAACM,KAAKG,OAAO,EAAA;gCACXC,GAAAA,EAAKC,UAAAA;AACLC,gCAAAA,IAAAA,gBAAMZ,GAAA,CAACa,IAAAA,EAAAA,EAAAA,CAAAA;gCACPC,OAAAA,EAAQ,OAAA;AACRC,gCAAAA,KAAAA,EAAOjB,aAAAA,CAAc;AACnBkB,oCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;0CAKFlB,GAAA,CAACmB,kBAAAA,EAAAA;gCAAmBC,gBAAAA,EAAiB,YAAA;gCAAaC,MAAAA,EAAQ,CAAA;gCAAGC,QAAAA,EAAS,OAAA;AACnEpB,gCAAAA,QAAAA,EAAAA;;;;AAGJC,oBAAAA;;;;AAKX;;;;"}

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

@@ -0,0 +1,67 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactIntl = require('react-intl');
+var translations = require('../../../utils/translations.js');
+var CursorAnchoredMenu = require('./CursorAnchoredMenu.js');
+var FolderActions = require('./FolderActions.js');
+
+/**
+ * The right-click twin of `FolderActionsMenu`: same actions, opened at the
+ * cursor. Mirrors `AssetContextMenu`, including keeping "the menu is shut" and
+ * "this is unmounted" as separate things — a dialog opened from an item is
+ * rendered here and would go with an early unmount.
+ */ const FolderContextMenu = ({ folder, dragData, showRename, position, returnFocusTo, onClose })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [isMenuOpen, setIsMenuOpen] = React.useState(true);
+    return /*#__PURE__*/ jsxRuntime.jsx(FolderActions.FolderActions, {
+        folder: folder,
+        dragData: dragData,
+        showRename: showRename,
+        children: ({ items, dialogs, isBusy })=>/*#__PURE__*/ jsxRuntime.jsx(FolderContextMenuBody, {
+                isBusy: isBusy,
+                isMenuOpen: isMenuOpen,
+                onMenuClose: ()=>setIsMenuOpen(false),
+                onClose: onClose,
+                position: position,
+                returnFocusTo: returnFocusTo,
+                label: formatMessage({
+                    id: translations.getTranslationKey('list.folder.context-menu.label'),
+                    defaultMessage: 'Folder 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 FolderContextMenuBody = ({ isBusy, isMenuOpen, onMenuClose, onClose, position, returnFocusTo, label, items, dialogs })=>{
+    React.useEffect(()=>{
+        if (!isMenuOpen && !isBusy) {
+            onClose();
+        }
+    }, [
+        isMenuOpen,
+        isBusy,
+        onClose
+    ]);
+    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.FolderContextMenu = FolderContextMenu;
+//# sourceMappingURL=FolderContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderContextMenu.js","sources":["../../../../../admin/src/pages/Assets/components/FolderContextMenu.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react';\n\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\nimport { CursorAnchoredMenu, type CursorPosition } from './CursorAnchoredMenu';\nimport { FolderActions } from './FolderActions';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { DragFolderData } from '../../../types/dnd';\n\ninterface FolderContextMenuProps {\n  folder: Pick<Folder, 'id' | 'name'>;\n  dragData: DragFolderData;\n  /** Passed through — the folder tree offers the menu without Rename. */\n  showRename?: boolean;\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 `FolderActionsMenu`: same actions, opened at the\n * cursor. Mirrors `AssetContextMenu`, including keeping \"the menu is shut\" and\n * \"this is unmounted\" as separate things — a dialog opened from an item is\n * rendered here and would go with an early unmount.\n */\nexport const FolderContextMenu = ({\n  folder,\n  dragData,\n  showRename,\n  position,\n  returnFocusTo,\n  onClose,\n}: FolderContextMenuProps) => {\n  const { formatMessage } = useIntl();\n  const [isMenuOpen, setIsMenuOpen] = useState(true);\n\n  return (\n    <FolderActions folder={folder} dragData={dragData} showRename={showRename}>\n      {({ items, dialogs, isBusy }) => (\n        <FolderContextMenuBody\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.folder.context-menu.label'),\n            defaultMessage: 'Folder actions',\n          })}\n          items={items}\n          dialogs={dialogs}\n        />\n      )}\n    </FolderActions>\n  );\n};\n\ninterface FolderContextMenuBodyProps {\n  isBusy: boolean;\n  isMenuOpen: boolean;\n  onMenuClose: () => void;\n  onClose: () => void;\n  position: CursorPosition;\n  returnFocusTo: HTMLElement | null;\n  label: string;\n  items: ReactNode;\n  dialogs: 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 FolderContextMenuBody = ({\n  isBusy,\n  isMenuOpen,\n  onMenuClose,\n  onClose,\n  position,\n  returnFocusTo,\n  label,\n  items,\n  dialogs,\n}: FolderContextMenuBodyProps) => {\n  useEffect(() => {\n    if (!isMenuOpen && !isBusy) {\n      onClose();\n    }\n  }, [isMenuOpen, isBusy, onClose]);\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":["FolderContextMenu","folder","dragData","showRename","position","returnFocusTo","onClose","formatMessage","useIntl","isMenuOpen","setIsMenuOpen","useState","_jsx","FolderActions","items","dialogs","isBusy","FolderContextMenuBody","onMenuClose","label","id","getTranslationKey","defaultMessage","useEffect","_jsxs","_Fragment","CursorAnchoredMenu","open"],"mappings":";;;;;;;;;AAuBA;;;;;AAKC,IACM,MAAMA,iBAAAA,GAAoB,CAAC,EAChCC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACgB,GAAA;IACvB,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,2BAAAA,EAAAA;QAAcZ,MAAAA,EAAQA,MAAAA;QAAQC,QAAAA,EAAUA,QAAAA;QAAUC,UAAAA,EAAYA,UAAAA;kBAC5D,CAAC,EAAEW,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAE,iBAC1BJ,cAAA,CAACK,qBAAAA,EAAAA;gBACCD,MAAAA,EAAQA,MAAAA;gBACRP,UAAAA,EAAYA,UAAAA;AACZS,gBAAAA,WAAAA,EAAa,IAAMR,aAAAA,CAAc,KAAA,CAAA;gBACjCJ,OAAAA,EAASA,OAAAA;gBACTF,QAAAA,EAAUA,QAAAA;gBACVC,aAAAA,EAAeA,aAAAA;AACfc,gBAAAA,KAAAA,EAAOZ,aAAAA,CAAc;AACnBa,oBAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,gCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAR,KAAAA,EAAOA,KAAAA;gBACPC,OAAAA,EAASA;;;AAKnB;AAcA;;;IAIA,MAAME,wBAAwB,CAAC,EAC7BD,MAAM,EACNP,UAAU,EACVS,WAAW,EACXZ,OAAO,EACPF,QAAQ,EACRC,aAAa,EACbc,KAAK,EACLL,KAAK,EACLC,OAAO,EACoB,GAAA;IAC3BQ,eAAAA,CAAU,IAAA;QACR,IAAI,CAACd,UAAAA,IAAc,CAACO,MAAAA,EAAQ;AAC1BV,YAAAA,OAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACG,QAAAA,UAAAA;AAAYO,QAAAA,MAAAA;AAAQV,QAAAA;AAAQ,KAAA,CAAA;IAEhC,qBACEkB,eAAA,CAAAC,mBAAA,EAAA;;0BACEb,cAAA,CAACc,qCAAAA,EAAAA;gBACCtB,QAAAA,EAAUA,QAAAA;gBACVuB,IAAAA,EAAMlB,UAAAA;gBACNU,KAAAA,EAAOA,KAAAA;gBACPd,aAAAA,EAAeA,aAAAA;gBACfC,OAAAA,EAASY,WAAAA;AAERJ,gBAAAA,QAAAA,EAAAA;;AAEFC,YAAAA;;;AAGP,CAAA;;;;"}

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

@@ -0,0 +1,65 @@
+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 { CursorAnchoredMenu } from './CursorAnchoredMenu.mjs';
+import { FolderActions } from './FolderActions.mjs';
+
+/**
+ * The right-click twin of `FolderActionsMenu`: same actions, opened at the
+ * cursor. Mirrors `AssetContextMenu`, including keeping "the menu is shut" and
+ * "this is unmounted" as separate things — a dialog opened from an item is
+ * rendered here and would go with an early unmount.
+ */ const FolderContextMenu = ({ folder, dragData, showRename, position, returnFocusTo, onClose })=>{
+    const { formatMessage } = useIntl();
+    const [isMenuOpen, setIsMenuOpen] = useState(true);
+    return /*#__PURE__*/ jsx(FolderActions, {
+        folder: folder,
+        dragData: dragData,
+        showRename: showRename,
+        children: ({ items, dialogs, isBusy })=>/*#__PURE__*/ jsx(FolderContextMenuBody, {
+                isBusy: isBusy,
+                isMenuOpen: isMenuOpen,
+                onMenuClose: ()=>setIsMenuOpen(false),
+                onClose: onClose,
+                position: position,
+                returnFocusTo: returnFocusTo,
+                label: formatMessage({
+                    id: getTranslationKey('list.folder.context-menu.label'),
+                    defaultMessage: 'Folder 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 FolderContextMenuBody = ({ isBusy, isMenuOpen, onMenuClose, onClose, position, returnFocusTo, label, items, dialogs })=>{
+    useEffect(()=>{
+        if (!isMenuOpen && !isBusy) {
+            onClose();
+        }
+    }, [
+        isMenuOpen,
+        isBusy,
+        onClose
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(CursorAnchoredMenu, {
+                position: position,
+                open: isMenuOpen,
+                label: label,
+                returnFocusTo: returnFocusTo,
+                onClose: onMenuClose,
+                children: items
+            }),
+            dialogs
+        ]
+    });
+};
+
+export { FolderContextMenu };
+//# sourceMappingURL=FolderContextMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderContextMenu.mjs","sources":["../../../../../admin/src/pages/Assets/components/FolderContextMenu.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react';\n\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\nimport { CursorAnchoredMenu, type CursorPosition } from './CursorAnchoredMenu';\nimport { FolderActions } from './FolderActions';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { DragFolderData } from '../../../types/dnd';\n\ninterface FolderContextMenuProps {\n  folder: Pick<Folder, 'id' | 'name'>;\n  dragData: DragFolderData;\n  /** Passed through — the folder tree offers the menu without Rename. */\n  showRename?: boolean;\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 `FolderActionsMenu`: same actions, opened at the\n * cursor. Mirrors `AssetContextMenu`, including keeping \"the menu is shut\" and\n * \"this is unmounted\" as separate things — a dialog opened from an item is\n * rendered here and would go with an early unmount.\n */\nexport const FolderContextMenu = ({\n  folder,\n  dragData,\n  showRename,\n  position,\n  returnFocusTo,\n  onClose,\n}: FolderContextMenuProps) => {\n  const { formatMessage } = useIntl();\n  const [isMenuOpen, setIsMenuOpen] = useState(true);\n\n  return (\n    <FolderActions folder={folder} dragData={dragData} showRename={showRename}>\n      {({ items, dialogs, isBusy }) => (\n        <FolderContextMenuBody\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.folder.context-menu.label'),\n            defaultMessage: 'Folder actions',\n          })}\n          items={items}\n          dialogs={dialogs}\n        />\n      )}\n    </FolderActions>\n  );\n};\n\ninterface FolderContextMenuBodyProps {\n  isBusy: boolean;\n  isMenuOpen: boolean;\n  onMenuClose: () => void;\n  onClose: () => void;\n  position: CursorPosition;\n  returnFocusTo: HTMLElement | null;\n  label: string;\n  items: ReactNode;\n  dialogs: 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 FolderContextMenuBody = ({\n  isBusy,\n  isMenuOpen,\n  onMenuClose,\n  onClose,\n  position,\n  returnFocusTo,\n  label,\n  items,\n  dialogs,\n}: FolderContextMenuBodyProps) => {\n  useEffect(() => {\n    if (!isMenuOpen && !isBusy) {\n      onClose();\n    }\n  }, [isMenuOpen, isBusy, onClose]);\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":["FolderContextMenu","folder","dragData","showRename","position","returnFocusTo","onClose","formatMessage","useIntl","isMenuOpen","setIsMenuOpen","useState","_jsx","FolderActions","items","dialogs","isBusy","FolderContextMenuBody","onMenuClose","label","id","getTranslationKey","defaultMessage","useEffect","_jsxs","_Fragment","CursorAnchoredMenu","open"],"mappings":";;;;;;;AAuBA;;;;;AAKC,IACM,MAAMA,iBAAAA,GAAoB,CAAC,EAChCC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACgB,GAAA;IACvB,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,aAAAA,EAAAA;QAAcZ,MAAAA,EAAQA,MAAAA;QAAQC,QAAAA,EAAUA,QAAAA;QAAUC,UAAAA,EAAYA,UAAAA;kBAC5D,CAAC,EAAEW,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAE,iBAC1BJ,GAAA,CAACK,qBAAAA,EAAAA;gBACCD,MAAAA,EAAQA,MAAAA;gBACRP,UAAAA,EAAYA,UAAAA;AACZS,gBAAAA,WAAAA,EAAa,IAAMR,aAAAA,CAAc,KAAA,CAAA;gBACjCJ,OAAAA,EAASA,OAAAA;gBACTF,QAAAA,EAAUA,QAAAA;gBACVC,aAAAA,EAAeA,aAAAA;AACfc,gBAAAA,KAAAA,EAAOZ,aAAAA,CAAc;AACnBa,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;gBACAR,KAAAA,EAAOA,KAAAA;gBACPC,OAAAA,EAASA;;;AAKnB;AAcA;;;IAIA,MAAME,wBAAwB,CAAC,EAC7BD,MAAM,EACNP,UAAU,EACVS,WAAW,EACXZ,OAAO,EACPF,QAAQ,EACRC,aAAa,EACbc,KAAK,EACLL,KAAK,EACLC,OAAO,EACoB,GAAA;IAC3BQ,SAAAA,CAAU,IAAA;QACR,IAAI,CAACd,UAAAA,IAAc,CAACO,MAAAA,EAAQ;AAC1BV,YAAAA,OAAAA,EAAAA;AACF,QAAA;IACF,CAAA,EAAG;AAACG,QAAAA,UAAAA;AAAYO,QAAAA,MAAAA;AAAQV,QAAAA;AAAQ,KAAA,CAAA;IAEhC,qBACEkB,IAAA,CAAAC,QAAA,EAAA;;0BACEb,GAAA,CAACc,kBAAAA,EAAAA;gBACCtB,QAAAA,EAAUA,QAAAA;gBACVuB,IAAAA,EAAMlB,UAAAA;gBACNU,KAAAA,EAAOA,KAAAA;gBACPd,aAAAA,EAAeA,aAAAA;gBACfC,OAAAA,EAASY,WAAAA;AAERJ,gBAAAA,QAAAA,EAAAA;;AAEFC,YAAAA;;;AAGP,CAAA;;;;"}