@strapi/upload 5.51.2 → 5.52.1

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

@@ -0,0 +1,146 @@
+'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');
+
+/**
+ * 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.
+ *
+ * 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 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,
+                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",
+                        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.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'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            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))
+            })
+        ]
+    });
+};
+
+exports.FolderActionsMenu = FolderActionsMenu;
+//# sourceMappingURL=FolderActionsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderActionsMenu.js","sources":["../../../../../../admin/src/future/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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"}

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

@@ -0,0 +1,144 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { useClipboard, useNotification } from '@strapi/admin/strapi-admin';
+import { Menu, IconButton } from '@strapi/design-system';
+import { More, Link, Pencil, ArrowRight, Trash } 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';
+
+/**
+ * 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.
+ *
+ * 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 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,
+                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",
+                        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.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'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            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))
+            })
+        ]
+    });
+};
+
+export { FolderActionsMenu };
+//# sourceMappingURL=FolderActionsMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FolderActionsMenu.mjs","sources":["../../../../../../admin/src/future/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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"}

package/dist/admin/future/pages/Assets/components/{CreateFolderDialog.js → FolderFormDialog.js}

@@ -6,25 +6,39 @@ var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
+var useTracking = require('../../../hooks/useTracking.js');
 var folders = require('../../../services/folders.js');
 var translations = require('../../../utils/translations.js');
 
 const StyledModalContent = styledComponents.styled(designSystem.Modal.Content)`
   max-width: 51.6rem;
 `;
-const CreateFolderDialog = ({ open, folderName, parentFolderId, onClose })=>{
+const FolderFormDialog = (props)=>{
+    const { open, parentFolderId, onClose, mode } = props;
+    const initialName = props.mode === 'rename' ? props.initialName : '';
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
-    const [name, setName] = React.useState('');
+    const { trackUsage } = useTracking.useTracking();
+    const [name, setName] = React.useState(initialName);
     const [fieldError, setFieldError] = React.useState();
-    const [createFolder, { isLoading }] = folders.useCreateFolderMutation();
+    const inputRef = React.useRef(null);
+    const [createFolder, { isLoading: isCreating }] = folders.useCreateFolderMutation();
+    const [updateFolder, { isLoading: isUpdating }] = folders.useUpdateFolderMutation();
+    const isLoading = mode === 'rename' ? isUpdating : isCreating;
     React.useEffect(()=>{
         if (open) {
-            setName('');
+            setName(initialName);
             setFieldError(undefined);
+            // Renaming starts from the current name, so select it: typing replaces
+            // the whole thing, as in Finder / VS Code / GitHub.
+            if (mode === 'rename') {
+                inputRef.current?.select();
+            }
         }
     }, [
-        open
+        open,
+        initialName,
+        mode
     ]);
     const handleSubmit = async (e)=>{
         e.preventDefault();
@@ -37,13 +51,34 @@ const CreateFolderDialog = ({ open, folderName, parentFolderId, onClose })=>{
             return;
         }
         try {
-            await createFolder({
-                name: trimmedName,
-                parent: parentFolderId
-            }).unwrap();
+            if (props.mode === 'rename') {
+                await updateFolder({
+                    id: props.folderId,
+                    name: trimmedName,
+                    parent: parentFolderId
+                }).unwrap();
+                // Matches the legacy folder-edit payload. This dialog only renames
+                // (parent is fixed), so the location never changes here.
+                trackUsage('didEditMediaLibraryElements', {
+                    location: useTracking.MEDIA_LIBRARY_LOCATION,
+                    type: 'folder',
+                    changeLocation: false
+                });
+            } else {
+                await createFolder({
+                    name: trimmedName,
+                    parent: parentFolderId
+                }).unwrap();
+                trackUsage('didAddMediaLibraryFolders', {
+                    location: useTracking.MEDIA_LIBRARY_LOCATION
+                });
+            }
             toggleNotification({
                 type: 'success',
-                message: formatMessage({
+                message: mode === 'rename' ? formatMessage({
+                    id: translations.getTranslationKey('folder.rename.success'),
+                    defaultMessage: 'Folder has been renamed'
+                }) : formatMessage({
                     id: translations.getTranslationKey('folder.create.success'),
                     defaultMessage: 'Folder has been created'
                 })
@@ -56,7 +91,10 @@ const CreateFolderDialog = ({ open, folderName, parentFolderId, onClose })=>{
             } else {
                 toggleNotification({
                     type: 'danger',
-                    message: formatMessage({
+                    message: mode === 'rename' ? formatMessage({
+                        id: translations.getTranslationKey('folder.rename.form.error.unknown'),
+                        defaultMessage: 'An error occurred while renaming the folder'
+                    }) : formatMessage({
                         id: translations.getTranslationKey('folder.create.form.error.unknown'),
                         defaultMessage: 'An error occurred while creating the folder'
                     })
@@ -71,11 +109,14 @@ const CreateFolderDialog = ({ open, folderName, parentFolderId, onClose })=>{
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
                     children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
-                        children: formatMessage({
+                        children: props.mode === 'rename' ? formatMessage({
+                            id: translations.getTranslationKey('folder.rename.title'),
+                            defaultMessage: 'Rename folder'
+                        }) : formatMessage({
                             id: translations.getTranslationKey('folder.create.title-in'),
                             defaultMessage: 'New folder in {folderName}'
                         }, {
-                            folderName
+                            folderName: props.parentFolderName
                         })
                     })
                 }),
@@ -95,6 +136,7 @@ const CreateFolderDialog = ({ open, folderName, parentFolderId, onClose })=>{
                                         })
                                     }),
                                     /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                                        ref: inputRef,
                                         value: name,
                                         onChange: (e)=>{
                                             setName(e.target.value);
@@ -124,7 +166,11 @@ const CreateFolderDialog = ({ open, folderName, parentFolderId, onClose })=>{
                                     /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
                                         type: "submit",
                                         loading: isLoading,
-                                        children: formatMessage({
+                                        disabled: mode === 'rename' && name.trim() === initialName.trim(),
+                                        children: mode === 'rename' ? formatMessage({
+                                            id: translations.getTranslationKey('folder.rename.submit'),
+                                            defaultMessage: 'Save'
+                                        }) : formatMessage({
                                             id: translations.getTranslationKey('folder.create.submit'),
                                             defaultMessage: 'Create folder'
                                         })
@@ -139,5 +185,5 @@ const CreateFolderDialog = ({ open, folderName, parentFolderId, onClose })=>{
     });
 };
 
-exports.CreateFolderDialog = CreateFolderDialog;
-//# sourceMappingURL=CreateFolderDialog.js.map
+exports.FolderFormDialog = FolderFormDialog;
+//# sourceMappingURL=FolderFormDialog.js.map

package/dist/admin/future/pages/Assets/components/FolderFormDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderFormDialog.js","sources":["../../../../../../admin/src/future/pages/Assets/components/FolderFormDialog.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Button, Field, Flex, Modal, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useTracking, MEDIA_LIBRARY_LOCATION } from '../../../hooks/useTracking';\nimport { useCreateFolderMutation, useUpdateFolderMutation } from '../../../services/folders';\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface FolderFormDialogBaseProps {\n  open: boolean;\n  onClose: () => void;\n  /** Sent as `parent`. Create: the folder being created in. Rename: the folder's existing parent. */\n  parentFolderId: number | null;\n}\n\ntype FolderFormDialogProps = FolderFormDialogBaseProps &\n  (\n    | { mode: 'create'; parentFolderName: string }\n    | { mode: 'rename'; folderId: number; initialName: string }\n  );\n\nconst StyledModalContent = styled(Modal.Content)`\n  max-width: 51.6rem;\n`;\n\nexport const FolderFormDialog = (props: FolderFormDialogProps) => {\n  const { open, parentFolderId, onClose, mode } = props;\n  const initialName = props.mode === 'rename' ? props.initialName : '';\n\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { trackUsage } = useTracking();\n  const [name, setName] = useState(initialName);\n  const [fieldError, setFieldError] = useState<string | undefined>();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [createFolder, { isLoading: isCreating }] = useCreateFolderMutation();\n  const [updateFolder, { isLoading: isUpdating }] = useUpdateFolderMutation();\n\n  const isLoading = mode === 'rename' ? isUpdating : isCreating;\n\n  useEffect(() => {\n    if (open) {\n      setName(initialName);\n      setFieldError(undefined);\n\n      // Renaming starts from the current name, so select it: typing replaces\n      // the whole thing, as in Finder / VS Code / GitHub.\n      if (mode === 'rename') {\n        inputRef.current?.select();\n      }\n    }\n  }, [open, initialName, mode]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    const trimmedName = name.trim();\n\n    if (!trimmedName) {\n      setFieldError(\n        formatMessage({\n          id: getTranslationKey('folder.create.form.error.name-required'),\n          defaultMessage: 'Name is required',\n        })\n      );\n      return;\n    }\n\n    try {\n      if (props.mode === 'rename') {\n        await updateFolder({\n          id: props.folderId,\n          name: trimmedName,\n          parent: parentFolderId,\n        }).unwrap();\n        // Matches the legacy folder-edit payload. This dialog only renames\n        // (parent is fixed), so the location never changes here.\n        trackUsage('didEditMediaLibraryElements', {\n          location: MEDIA_LIBRARY_LOCATION,\n          type: 'folder',\n          changeLocation: false,\n        });\n      } else {\n        await createFolder({ name: trimmedName, parent: parentFolderId }).unwrap();\n        trackUsage('didAddMediaLibraryFolders', { location: MEDIA_LIBRARY_LOCATION });\n      }\n\n      toggleNotification({\n        type: 'success',\n        message:\n          mode === 'rename'\n            ? formatMessage({\n                id: getTranslationKey('folder.rename.success'),\n                defaultMessage: 'Folder has been renamed',\n              })\n            : formatMessage({\n                id: getTranslationKey('folder.create.success'),\n                defaultMessage: 'Folder has been created',\n              }),\n      });\n\n      onClose();\n    } catch (err) {\n      const apiError = err as { message?: string };\n\n      if (apiError?.message) {\n        setFieldError(apiError.message);\n      } else {\n        toggleNotification({\n          type: 'danger',\n          message:\n            mode === 'rename'\n              ? formatMessage({\n                  id: getTranslationKey('folder.rename.form.error.unknown'),\n                  defaultMessage: 'An error occurred while renaming the folder',\n                })\n              : formatMessage({\n                  id: getTranslationKey('folder.create.form.error.unknown'),\n                  defaultMessage: 'An error occurred while creating the folder',\n                }),\n        });\n      }\n    }\n  };\n\n  return (\n    <Modal.Root open={open} onOpenChange={onClose}>\n      <StyledModalContent>\n        <Modal.Header>\n          <Modal.Title>\n            {props.mode === 'rename'\n              ? formatMessage({\n                  id: getTranslationKey('folder.rename.title'),\n                  defaultMessage: 'Rename folder',\n                })\n              : formatMessage(\n                  {\n                    id: getTranslationKey('folder.create.title-in'),\n                    defaultMessage: 'New folder in {folderName}',\n                  },\n                  { folderName: props.parentFolderName }\n                )}\n          </Modal.Title>\n        </Modal.Header>\n        <form onSubmit={handleSubmit}>\n          <Modal.Body>\n            <Field.Root error={fieldError} name=\"name\" required>\n              <Field.Label>\n                {formatMessage({\n                  id: getTranslationKey('folder.form.name.label'),\n                  defaultMessage: 'Folder name',\n                })}\n              </Field.Label>\n              <TextInput\n                ref={inputRef}\n                value={name}\n                onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                  setName(e.target.value);\n                  setFieldError(undefined);\n                }}\n                autoFocus\n              />\n              <Field.Error />\n            </Field.Root>\n          </Modal.Body>\n          <Modal.Footer>\n            <Flex gap={2} justifyContent=\"space-between\" width=\"100%\">\n              <Button variant=\"tertiary\" onClick={onClose} type=\"button\">\n                {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n              </Button>\n              <Button\n                type=\"submit\"\n                loading={isLoading}\n                disabled={mode === 'rename' && name.trim() === initialName.trim()}\n              >\n                {mode === 'rename'\n                  ? formatMessage({\n                      id: getTranslationKey('folder.rename.submit'),\n                      defaultMessage: 'Save',\n                    })\n                  : formatMessage({\n                      id: getTranslationKey('folder.create.submit'),\n                      defaultMessage: 'Create folder',\n                    })}\n              </Button>\n            </Flex>\n          </Modal.Footer>\n        </form>\n      </StyledModalContent>\n    </Modal.Root>\n  );\n};\n"],"names":["StyledModalContent","styled","Modal","Content","FolderFormDialog","props","open","parentFolderId","onClose","mode","initialName","formatMessage","useIntl","toggleNotification","useNotification","trackUsage","useTracking","name","setName","useState","fieldError","setFieldError","inputRef","useRef","createFolder","isLoading","isCreating","useCreateFolderMutation","updateFolder","isUpdating","useUpdateFolderMutation","useEffect","undefined","current","select","handleSubmit","e","preventDefault","trimmedName","trim","id","getTranslationKey","defaultMessage","folderId","parent","unwrap","location","MEDIA_LIBRARY_LOCATION","type","changeLocation","message","err","apiError","_jsx","Root","onOpenChange","_jsxs","Header","Title","folderName","parentFolderName","form","onSubmit","Body","Field","error","required","Label","TextInput","ref","value","onChange","target","autoFocus","Error","Footer","Flex","gap","justifyContent","width","Button","variant","onClick","loading","disabled"],"mappings":"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"}