@strapi/upload 5.55.1 → 5.57.0

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

@@ -0,0 +1,139 @@
+'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 icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var translations = require('../../../utils/translations.js');
+var useAssetSelection = require('../hooks/useAssetSelection.js');
+var selection = require('../utils/selection.js');
+var BulkMoveDialog = require('./BulkMoveDialog.js');
+var DeleteItemsDialog = require('./DeleteItemsDialog.js');
+var FolderFormDialog = require('./FolderFormDialog.js');
+
+/**
+ * The folder actions themselves — items, dialogs and handlers — with no opinion
+ * about how the menu is opened, mirroring `AssetActions`.
+ *
+ * Both entry points (the row's `•••` trigger and the right-click menu anchored
+ * at the cursor) render what this gives them, so neither can drift from the
+ * other.
+ *
+ * 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.
+ */ const FolderActions = ({ folder, dragData, showRename = true, children })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { copy } = strapiAdmin.useClipboard();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    // Optional: the folder tree renders these actions outside the list's
+    // selection, where there is nothing to deselect.
+    const deselect = useAssetSelection.useAssetSelectionOptional()?.deselect;
+    const [isRenameOpen, setIsRenameOpen] = React.useState(false);
+    const [isMoveOpen, setIsMoveOpen] = React.useState(false);
+    const [isDeleteOpen, setIsDeleteOpen] = React.useState(false);
+    // Stable identity: the move dialog memoizes its destination walk on it.
+    const moveItems = React.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: translations.getTranslationKey('list.folder.actions.copy-link.success'),
+                defaultMessage: 'Folder link copied.'
+            } : {
+                id: translations.getTranslationKey('list.folder.actions.copy-link.error'),
+                defaultMessage: 'Failed to copy the folder link.'
+            })
+        });
+    };
+    const items = /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Link, {}),
+                onSelect: handleCopyLink,
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.folder.actions.copy-link'),
+                    defaultMessage: 'Copy link to folder'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Separator, {}),
+            showRename && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {}),
+                onSelect: ()=>setIsRenameOpen(true),
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.folder.actions.rename'),
+                    defaultMessage: 'Rename folder'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowRight, {}),
+                onSelect: ()=>setIsMoveOpen(true),
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.folder.actions.move'),
+                    defaultMessage: 'Move to folder'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {}),
+                variant: "danger",
+                onSelect: ()=>setIsDeleteOpen(true),
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.folder.actions.delete'),
+                    defaultMessage: 'Delete folder'
+                })
+            })
+        ]
+    });
+    const dialogs = /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            showRename && isRenameOpen && /*#__PURE__*/ jsxRuntime.jsx(FolderFormDialog.FolderFormDialog, {
+                open: true,
+                mode: "rename",
+                folderId: folder.id,
+                initialName: folder.name,
+                parentFolderId: dragData.parentId,
+                onClose: ()=>setIsRenameOpen(false)
+            }),
+            isMoveOpen && /*#__PURE__*/ jsxRuntime.jsx(BulkMoveDialog.BulkMoveDialog, {
+                open: true,
+                onClose: ()=>setIsMoveOpen(false),
+                items: moveItems,
+                onSuccess: ()=>deselect?.(selection.folderKey(folder.id))
+            }),
+            isDeleteOpen && /*#__PURE__*/ jsxRuntime.jsx(DeleteItemsDialog.DeleteItemsDialog, {
+                open: true,
+                onClose: ()=>setIsDeleteOpen(false),
+                target: {
+                    fileIds: [],
+                    folderIds: [
+                        folder.id
+                    ]
+                },
+                onSuccess: ()=>deselect?.(selection.folderKey(folder.id))
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: children({
+            items,
+            dialogs,
+            isBusy: isRenameOpen || isMoveOpen || isDeleteOpen
+        })
+    });
+};
+
+exports.FolderActions = FolderActions;
+//# sourceMappingURL=FolderActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderActions.js","sources":["../../../../../admin/src/pages/Assets/components/FolderActions.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from 'react';\n\nimport { useClipboard, useNotification } from '@strapi/admin/strapi-admin';\nimport { Menu } from '@strapi/design-system';\nimport { ArrowRight, Link, Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelectionOptional } from '../hooks/useAssetSelection';\nimport { folderKey } from '../utils/selection';\n\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 FolderActionsRender {\n  /** The `Menu.Item`s, for whichever trigger is rendering them. */\n  items: ReactNode;\n  /**\n   * The three dialogs. Rendered outside `Menu.Root` by every caller: Radix\n   * unmounts menu content on close, and a dialog opened from a menu item has to\n   * outlive the menu that opened it.\n   */\n  dialogs: ReactNode;\n  /**\n   * True while a dialog is open. A cursor-anchored caller is mounted only as\n   * long as it has something on screen, so it needs this to know it must stay\n   * around after the menu closes.\n   */\n  isBusy: boolean;\n}\n\ninterface FolderActionsProps {\n  /** Only the id and name are read, so a tree node satisfies this too. */\n  folder: Pick<Folder, 'id' | 'name'>;\n  /** Drag data for this folder, so the move dialog validates against its real parent. */\n  dragData: DragFolderData;\n  /**\n   * Renaming is a list affordance. The folder tree offers the same menu without\n   * it, so the two entry points there stay identical to each other.\n   */\n  showRename?: boolean;\n  /** Receives the items and dialogs to place around whichever trigger it owns. */\n  children: (actions: FolderActionsRender) => ReactNode;\n}\n\n/**\n * The folder actions themselves — items, dialogs and handlers — with no opinion\n * about how the menu is opened, mirroring `AssetActions`.\n *\n * Both entry points (the row's `•••` trigger and the right-click menu anchored\n * at the cursor) render what this gives them, so neither can drift from the\n * other.\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 FolderActions = ({\n  folder,\n  dragData,\n  showRename = true,\n  children,\n}: FolderActionsProps) => {\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  // Optional: the folder tree renders these actions outside the list's\n  // selection, where there is nothing to deselect.\n  const deselect = useAssetSelectionOptional()?.deselect;\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  const items = (\n    <>\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      {showRename && (\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      )}\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    </>\n  );\n\n  const dialogs = (\n    <>\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      {showRename && 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  return <>{children({ items, dialogs, isBusy: isRenameOpen || isMoveOpen || isDeleteOpen })}</>;\n};\n"],"names":["FolderActions","folder","dragData","showRename","children","formatMessage","useIntl","copy","useClipboard","toggleNotification","useNotification","deselect","useAssetSelectionOptional","isRenameOpen","setIsRenameOpen","useState","isMoveOpen","setIsMoveOpen","isDeleteOpen","setIsDeleteOpen","moveItems","useMemo","handleCopyLink","url","window","location","origin","pathname","id","didCopy","type","message","getTranslationKey","defaultMessage","items","_jsxs","_Fragment","_jsx","Menu","Item","startIcon","Link","onSelect","Separator","Pencil","ArrowRight","Trash","variant","dialogs","FolderFormDialog","open","mode","folderId","initialName","name","parentFolderId","parentId","onClose","BulkMoveDialog","onSuccess","folderKey","DeleteItemsDialog","target","fileIds","folderIds","isBusy"],"mappings":"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"}

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

@@ -0,0 +1,137 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { useClipboard, useNotification } from '@strapi/admin/strapi-admin';
+import { Menu } from '@strapi/design-system';
+import { Link, Pencil, ArrowRight, Trash } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { useAssetSelectionOptional } from '../hooks/useAssetSelection.mjs';
+import { folderKey } from '../utils/selection.mjs';
+import { BulkMoveDialog } from './BulkMoveDialog.mjs';
+import { DeleteItemsDialog } from './DeleteItemsDialog.mjs';
+import { FolderFormDialog } from './FolderFormDialog.mjs';
+
+/**
+ * The folder actions themselves — items, dialogs and handlers — with no opinion
+ * about how the menu is opened, mirroring `AssetActions`.
+ *
+ * Both entry points (the row's `•••` trigger and the right-click menu anchored
+ * at the cursor) render what this gives them, so neither can drift from the
+ * other.
+ *
+ * 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.
+ */ const FolderActions = ({ folder, dragData, showRename = true, children })=>{
+    const { formatMessage } = useIntl();
+    const { copy } = useClipboard();
+    const { toggleNotification } = useNotification();
+    // Optional: the folder tree renders these actions outside the list's
+    // selection, where there is nothing to deselect.
+    const deselect = useAssetSelectionOptional()?.deselect;
+    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.'
+            })
+        });
+    };
+    const items = /*#__PURE__*/ jsxs(Fragment, {
+        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, {}),
+            showRename && /*#__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.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'
+                })
+            })
+        ]
+    });
+    const dialogs = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            showRename && 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))
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: children({
+            items,
+            dialogs,
+            isBusy: isRenameOpen || isMoveOpen || isDeleteOpen
+        })
+    });
+};
+
+export { FolderActions };
+//# sourceMappingURL=FolderActions.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderActions.mjs","sources":["../../../../../admin/src/pages/Assets/components/FolderActions.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from 'react';\n\nimport { useClipboard, useNotification } from '@strapi/admin/strapi-admin';\nimport { Menu } from '@strapi/design-system';\nimport { ArrowRight, Link, Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelectionOptional } from '../hooks/useAssetSelection';\nimport { folderKey } from '../utils/selection';\n\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 FolderActionsRender {\n  /** The `Menu.Item`s, for whichever trigger is rendering them. */\n  items: ReactNode;\n  /**\n   * The three dialogs. Rendered outside `Menu.Root` by every caller: Radix\n   * unmounts menu content on close, and a dialog opened from a menu item has to\n   * outlive the menu that opened it.\n   */\n  dialogs: ReactNode;\n  /**\n   * True while a dialog is open. A cursor-anchored caller is mounted only as\n   * long as it has something on screen, so it needs this to know it must stay\n   * around after the menu closes.\n   */\n  isBusy: boolean;\n}\n\ninterface FolderActionsProps {\n  /** Only the id and name are read, so a tree node satisfies this too. */\n  folder: Pick<Folder, 'id' | 'name'>;\n  /** Drag data for this folder, so the move dialog validates against its real parent. */\n  dragData: DragFolderData;\n  /**\n   * Renaming is a list affordance. The folder tree offers the same menu without\n   * it, so the two entry points there stay identical to each other.\n   */\n  showRename?: boolean;\n  /** Receives the items and dialogs to place around whichever trigger it owns. */\n  children: (actions: FolderActionsRender) => ReactNode;\n}\n\n/**\n * The folder actions themselves — items, dialogs and handlers — with no opinion\n * about how the menu is opened, mirroring `AssetActions`.\n *\n * Both entry points (the row's `•••` trigger and the right-click menu anchored\n * at the cursor) render what this gives them, so neither can drift from the\n * other.\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 FolderActions = ({\n  folder,\n  dragData,\n  showRename = true,\n  children,\n}: FolderActionsProps) => {\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n  const { toggleNotification } = useNotification();\n  // Optional: the folder tree renders these actions outside the list's\n  // selection, where there is nothing to deselect.\n  const deselect = useAssetSelectionOptional()?.deselect;\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  const items = (\n    <>\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      {showRename && (\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      )}\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    </>\n  );\n\n  const dialogs = (\n    <>\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      {showRename && 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  return <>{children({ items, dialogs, isBusy: isRenameOpen || isMoveOpen || isDeleteOpen })}</>;\n};\n"],"names":["FolderActions","folder","dragData","showRename","children","formatMessage","useIntl","copy","useClipboard","toggleNotification","useNotification","deselect","useAssetSelectionOptional","isRenameOpen","setIsRenameOpen","useState","isMoveOpen","setIsMoveOpen","isDeleteOpen","setIsDeleteOpen","moveItems","useMemo","handleCopyLink","url","window","location","origin","pathname","id","didCopy","type","message","getTranslationKey","defaultMessage","items","_jsxs","_Fragment","_jsx","Menu","Item","startIcon","Link","onSelect","Separator","Pencil","ArrowRight","Trash","variant","dialogs","FolderFormDialog","open","mode","folderId","initialName","name","parentFolderId","parentId","onClose","BulkMoveDialog","onSuccess","folderKey","DeleteItemsDialog","target","fileIds","folderIds","isBusy"],"mappings":"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"}

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

@@ -1,144 +1,50 @@
 '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 icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var translations = require('../../../utils/translations.js');
-var useAssetSelection = require('../hooks/useAssetSelection.js');
-var selection = require('../utils/selection.js');
 var ActionsMenuContent = require('./ActionsMenuContent.js');
-var BulkMoveDialog = require('./BulkMoveDialog.js');
-var DeleteItemsDialog = require('./DeleteItemsDialog.js');
-var FolderFormDialog = require('./FolderFormDialog.js');
+var FolderActions = require('./FolderActions.js');
 
 /**
  * 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 } = reactIntl.useIntl();
-    const { copy } = strapiAdmin.useClipboard();
-    const { toggleNotification } = strapiAdmin.useNotification();
-    const { deselect } = useAssetSelection.useAssetSelection();
-    const [isRenameOpen, setIsRenameOpen] = React.useState(false);
-    const [isMoveOpen, setIsMoveOpen] = React.useState(false);
-    const [isDeleteOpen, setIsDeleteOpen] = React.useState(false);
-    // Stable identity: the move dialog memoizes its destination walk on it.
-    const moveItems = React.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: translations.getTranslationKey('list.folder.actions.copy-link.success'),
-                defaultMessage: 'Folder link copied.'
-            } : {
-                id: translations.getTranslationKey('list.folder.actions.copy-link.error'),
-                defaultMessage: 'Failed to copy the folder link.'
-            })
-        });
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
-                modal: false,
+    return /*#__PURE__*/ jsxRuntime.jsx(FolderActions.FolderActions, {
+        folder: folder,
+        dragData: dragData,
+        children: ({ items, dialogs })=>/*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
                 children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Trigger, {
-                        tag: designSystem.IconButton,
-                        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.More, {}),
-                        variant: "ghost",
-                        label: formatMessage({
-                            id: translations.getTranslationKey('control-card.more-actions'),
-                            defaultMessage: 'More actions'
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsxs(ActionsMenuContent.ActionsMenuContent, {
-                        popoverPlacement: "bottom-end",
-                        zIndex: 2,
-                        minWidth: "22rem",
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
+                        modal: false,
                         children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Link, {}),
-                                onSelect: handleCopyLink,
-                                children: formatMessage({
-                                    id: translations.getTranslationKey('list.folder.actions.copy-link'),
-                                    defaultMessage: 'Copy link to folder'
-                                })
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Separator, {}),
-                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {}),
-                                onSelect: ()=>setIsRenameOpen(true),
-                                children: formatMessage({
-                                    id: translations.getTranslationKey('list.folder.actions.rename'),
-                                    defaultMessage: 'Rename folder'
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Trigger, {
+                                tag: designSystem.IconButton,
+                                icon: /*#__PURE__*/ jsxRuntime.jsx(icons.More, {}),
+                                variant: "ghost",
+                                label: formatMessage({
+                                    id: translations.getTranslationKey('control-card.more-actions'),
+                                    defaultMessage: 'More actions'
                                 })
                             }),
-                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowRight, {}),
-                                onSelect: ()=>setIsMoveOpen(true),
-                                children: formatMessage({
-                                    id: translations.getTranslationKey('list.folder.actions.move'),
-                                    defaultMessage: 'Move to folder'
-                                })
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
-                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {}),
-                                variant: "danger",
-                                onSelect: ()=>setIsDeleteOpen(true),
-                                children: formatMessage({
-                                    id: translations.getTranslationKey('list.folder.actions.delete'),
-                                    defaultMessage: 'Delete folder'
-                                })
+                            /*#__PURE__*/ jsxRuntime.jsx(ActionsMenuContent.ActionsMenuContent, {
+                                popoverPlacement: "bottom-end",
+                                zIndex: 2,
+                                minWidth: "22rem",
+                                children: items
                             })
                         ]
-                    })
+                    }),
+                    dialogs
                 ]
-            }),
-            isRenameOpen && /*#__PURE__*/ jsxRuntime.jsx(FolderFormDialog.FolderFormDialog, {
-                open: true,
-                mode: "rename",
-                folderId: folder.id,
-                initialName: folder.name,
-                parentFolderId: dragData.parentId,
-                onClose: ()=>setIsRenameOpen(false)
-            }),
-            isMoveOpen && /*#__PURE__*/ jsxRuntime.jsx(BulkMoveDialog.BulkMoveDialog, {
-                open: true,
-                onClose: ()=>setIsMoveOpen(false),
-                items: moveItems,
-                onSuccess: ()=>deselect(selection.folderKey(folder.id))
-            }),
-            isDeleteOpen && /*#__PURE__*/ jsxRuntime.jsx(DeleteItemsDialog.DeleteItemsDialog, {
-                open: true,
-                onClose: ()=>setIsDeleteOpen(false),
-                target: {
-                    fileIds: [],
-                    folderIds: [
-                        folder.id
-                    ]
-                },
-                onSuccess: ()=>deselect(selection.folderKey(folder.id))
             })
-        ]
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"FolderActionsMenu.js","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.js","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,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,cAAA,CAACC,2BAAAA,EAAAA;QAAcL,MAAAA,EAAQA,MAAAA;QAAQC,QAAAA,EAAUA,QAAAA;AACtC,QAAA,QAAA,EAAA,CAAC,EAAEK,KAAK,EAAEC,OAAO,EAAE,iBAClBC,eAAA,CAAAC,mBAAA,EAAA;;AAGE,kCAAAD,eAAA,CAACE,kBAAKC,IAAI,EAAA;wBAACC,KAAAA,EAAO,KAAA;;AAChB,0CAAAR,cAAA,CAACM,kBAAKG,OAAO,EAAA;gCACXC,GAAAA,EAAKC,uBAAAA;AACLC,gCAAAA,IAAAA,gBAAMZ,cAAA,CAACa,UAAAA,EAAAA,EAAAA,CAAAA;gCACPC,OAAAA,EAAQ,OAAA;AACRC,gCAAAA,KAAAA,EAAOjB,aAAAA,CAAc;AACnBkB,oCAAAA,EAAAA,EAAIC,8BAAAA,CAAkB,2BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;0CAKFlB,cAAA,CAACmB,qCAAAA,EAAAA;gCAAmBC,gBAAAA,EAAiB,YAAA;gCAAaC,MAAAA,EAAQ,CAAA;gCAAGC,QAAAA,EAAS,OAAA;AACnEpB,gCAAAA,QAAAA,EAAAA;;;;AAGJC,oBAAAA;;;;AAKX;;;;"}