@strapi/upload 5.54.0 → 5.55.0

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

@@ -0,0 +1,431 @@
+'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 styledComponents = require('styled-components');
+var constants = require('../../../shared/constants.js');
+var useAIMetadataEnabled = require('../../../hooks/useAIMetadataEnabled.js');
+var useMediaLibraryPermissions = require('../../../hooks/useMediaLibraryPermissions.js');
+var useTracking = require('../../../hooks/useTracking.js');
+require('../../../services/assets.js');
+var buildDragSetFromSelection = require('../../../utils/buildDragSetFromSelection.js');
+var itemLocations = require('../../../utils/itemLocations.js');
+var translations = require('../../../utils/translations.js');
+var useAssetSelection = require('../hooks/useAssetSelection.js');
+var useFolderNavigation = require('../hooks/useFolderNavigation.js');
+var useIsAssetDetailsOpen = require('../hooks/useIsAssetDetailsOpen.js');
+var BulkMoveDialog = require('./BulkMoveDialog.js');
+var DeleteItemsDialog = require('./DeleteItemsDialog.js');
+var api = require('../../../services/api.js');
+
+/**
+ * Bulk action bar for the future Media Library. Mobile: docked full-bleed to the
+ * bottom edge (no radius, top border only). Desktop (medium+): a floating,
+ * centered pill.
+ */ const Bar = styledComponents.styled(designSystem.Flex)`
+  position: fixed;
+  z-index: ${({ theme })=>theme.zIndices.popover};
+  left: 0;
+  right: 0;
+  bottom: 0;
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+  padding: ${({ theme })=>`${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};
+  background: ${({ theme })=>theme.colors.neutral0};
+  border: 0;
+  border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
+  border-radius: 0;
+  box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+
+  /* Docked full-bleed at the bottom on mobile, which is exactly where the open
+     drawer keeps its own actions — so it steps aside there, and only there. */
+  display: ${({ $isDrawerOpen })=>$isDrawerOpen ? 'none' : 'flex'};
+
+  /* Mobile with the metadata action present: the labelled button plus the icons
+     no longer fit beside the count on one line, so the count takes a row of its
+     own and every button drops to the next.
+
+     Addressed by slot rather than by position: these rules used to use
+     nth-child, which silently retargeted the moment a control was inserted
+     into the row. */
+  ${({ $isStacked })=>$isStacked && styledComponents.css`
+      flex-wrap: wrap;
+      justify-content: space-between;
+
+      > [data-bar-slot='count'] {
+        flex-basis: 100%;
+        margin-right: 0;
+      }
+
+      > [data-bar-slot='actions'] {
+        margin-left: 0;
+      }
+
+      /* The divider only existed to set the clear action apart from the rest;
+         with the row spread it would hang in mid-air between them. */
+      > [data-bar-slot='divider'] {
+        display: none;
+      }
+    `}
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    display: flex;
+    left: 50%;
+    right: auto;
+    bottom: ${({ theme })=>theme.spaces[4]};
+    transform: translateX(-50%);
+    border: 1px solid ${({ theme })=>theme.colors.neutral150};
+    border-radius: ${({ theme })=>theme.borderRadius};
+    /* Sized by its content, capped so the pill can never span the whole
+       viewport. The nowrap is what lets the content set that width — without it
+       the labels wrap and the bar reads as narrow and tall. Inherited, so it
+       covers every label inside.
+
+       Deliberately not applied on mobile: there the bar is full-bleed and
+       cannot grow, so refusing to wrap would clip the last action on a narrow
+       phone rather than widen anything. */
+    white-space: nowrap;
+    max-width: 90%;
+
+    /* One line again from tablet up, where it fits. */
+    flex-wrap: nowrap;
+
+    > [data-bar-slot='count'] {
+      flex-basis: auto;
+    }
+
+    > [data-bar-slot='actions'] {
+      margin-left: auto;
+    }
+
+    > [data-bar-slot='divider'] {
+      display: block;
+    }
+  }
+`;
+const ActionCluster = styledComponents.styled(designSystem.Flex)`
+  margin-left: auto;
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+`;
+const VerticalDivider = styledComponents.styled(designSystem.Box)`
+  width: 1px;
+  align-self: stretch;
+  background: ${({ theme })=>theme.colors.neutral150};
+  margin-left: ${({ theme })=>theme.spaces[1]};
+`;
+const BulkActionsBar = ({ assets = [], locations = itemLocations.emptyItemLocations, renderedKeys = [] })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    // No mime argument: the action is selection-scoped, so the per-asset
+    // allowlist check happens below in `eligibleCount`.
+    const isAiMetadataEnabled = useAIMetadataEnabled.useAIMetadataEnabled();
+    // Every bulk action (move, delete, metadata) is an `assets.update` mutation
+    // server-side — one flag gates the whole cluster.
+    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
+    const { selectedIds, selectedFolderIds, selectAll, clear } = useAssetSelection.useAssetSelection();
+    const { trackUsage } = useTracking.useTracking();
+    const { currentFolderId } = useFolderNavigation.useFolderNavigation();
+    const isDetailsDrawerOpen = useIsAssetDetailsOpen.useIsAssetDetailsOpen();
+    const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = api.useGenerateAiMetadataMutation();
+    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = React.useState(false);
+    const [isMoveDialogOpen, setIsMoveDialogOpen] = React.useState(false);
+    // The delete request lives in DeleteItemsDialog; the bar mirrors its pending
+    // state so the rest of the controls stay disabled for the duration.
+    const [isDeleting, setIsDeleting] = React.useState(false);
+    const count = selectedIds.size + selectedFolderIds.size;
+    // `innerHeight - top` rather than the bar's height: it also spans the gap the
+    // bar floats above the viewport edge (0 docked on mobile, `spaces[4]` for the
+    // desktop pill), so one measurement covers both layouts and no height is
+    // hardcoded.
+    const [barEl, setBarEl] = React.useState(null);
+    const [reservedSpace, setReservedSpace] = React.useState(0);
+    React.useEffect(()=>{
+        if (!barEl) {
+            setReservedSpace(0);
+            return;
+        }
+        const measure = ()=>{
+            const rect = barEl.getBoundingClientRect();
+            // Zero height means the CSS has hidden the bar (drawer open on mobile) —
+            // reserving anything then would leave a gap under nothing.
+            setReservedSpace(rect.height === 0 ? 0 : Math.max(0, window.innerHeight - rect.top));
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(barEl);
+        window.addEventListener('resize', measure);
+        return ()=>{
+            observer.disconnect();
+            window.removeEventListener('resize', measure);
+        };
+    // `isDetailsDrawerOpen` toggles the bar's `display`, which a ResizeObserver
+    // is not guaranteed to report.
+    }, [
+        barEl,
+        isDetailsDrawerOpen
+    ]);
+    const handleSelectAll = ()=>{
+        trackUsage('didSelectAllMediaLibraryElements');
+        selectAll(renderedKeys);
+    };
+    const isBusy = isDeleting || isGeneratingMetadata;
+    // Stable identity: the move dialog memoizes its destination walk on it. Each
+    // item's real location comes from `locations`, so a selection made under a
+    // global search validates against each item's own parent rather than the
+    // folder currently open.
+    const moveItems = React.useMemo(()=>buildDragSetFromSelection.buildDragSetFromSelection(selectedIds, selectedFolderIds, locations, currentFolderId), [
+        selectedIds,
+        selectedFolderIds,
+        locations,
+        currentFolderId
+    ]);
+    /**
+   * The server processes the whole selection inside a single request and
+   * rejects anything above the cap with a 400. Disable the action up front so
+   * the limit is discoverable before the user commits to a request.
+   */ const isOverMetadataLimit = selectedIds.size > constants.AI_METADATA_MAX_FILES;
+    /**
+   * How many selected assets the AI provider can actually read. The server
+   * stays authoritative — it still reports what it skipped — but a selection
+   * with nothing eligible (a lone PDF, say) would only ever come back fully
+   * skipped, so there is no point sending it.
+   */ const eligibleCount = React.useMemo(()=>{
+        const mimeById = new Map(assets.map(({ id, mime })=>[
+                id,
+                mime
+            ]));
+        return [
+            ...selectedIds
+        ].filter((id)=>constants.isAIMetadataSupportedMime(mimeById.get(id))).length;
+    }, [
+        assets,
+        selectedIds
+    ]);
+    const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;
+    /**
+   * Why the action is unavailable, surfaced on hover. `undefined` leaves the
+   * button without a tooltip — either it is usable, or it is disabled for a
+   * reason the selection count already makes obvious.
+   */ let metadataDisabledReason;
+    if (isOverMetadataLimit) {
+        metadataDisabledReason = formatMessage({
+            id: translations.getTranslationKey('list.bulk-actions.create-metadata.too-many'),
+            defaultMessage: 'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.'
+        }, {
+            max: constants.AI_METADATA_MAX_FILES
+        });
+    } else if (hasNoEligibleAssets) {
+        metadataDisabledReason = formatMessage({
+            id: translations.getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),
+            defaultMessage: 'Metadata can only be generated for images. None of the selected assets are supported.'
+        });
+    }
+    /**
+   * Metadata generation only applies to images — folders and unsupported files
+   * in the selection are reported back rather than blocking the action.
+   */ const handleCreateMetadata = async ()=>{
+        // Guard re-entry while pending, and never send a selection the server
+        // would reject outright or skip in full.
+        if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {
+            return;
+        }
+        const fileIds = Array.from(selectedIds);
+        const res = await generateAiMetadata({
+            fileIds
+        });
+        if ('error' in res) {
+            // Keep the selection intact so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        const successCount = res.data.filter(({ status })=>status === 'success').length;
+        const skippedCount = res.data.filter(({ status })=>status === 'skipped').length;
+        const errorCount = res.data.filter(({ status })=>status === 'error').length;
+        // Folders are never sent, so they are not part of the response — but the
+        // user selected them, and a silent omission reads as a bug.
+        const folderCount = selectedFolderIds.size;
+        if (errorCount === res.data.length) {
+            // Nothing was written — treat it like a request-level failure and keep
+            // the selection so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.success'),
+                    defaultMessage: '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}'
+                }, {
+                    count: successCount
+                })
+            });
+        } else {
+            // Partial outcome: report every bucket so the user knows what was left
+            // out — including folders, which were never eligible in the first place.
+            toggleNotification({
+                type: 'warning',
+                message: formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.create-metadata.partial'),
+                    defaultMessage: '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}'
+                }, {
+                    successCount,
+                    skippedCount,
+                    errorCount,
+                    folderCount
+                })
+            });
+        }
+        clear();
+    };
+    // Every bulk action is behind `assets.update`; with nothing selected, or
+    // without the permission, the bar has nothing to offer — drop it entirely
+    // rather than show a count + "Clear selection" over no actions (mirrors the
+    // drawer footer, which hides when no permitted action survives).
+    //
+    // With the drawer open the bar is hidden on mobile only, in CSS: there the two
+    // are stacked at `bottom: 0` and the bar (popover, 500) would cover the
+    // drawer's footer actions, since the drawer sits below the overlay token at
+    // 200. From `medium` up the drawer is a side panel and the bar is a centered
+    // pill, so they no longer collide.
+    if (count === 0 || !canUpdate) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                "aria-hidden": true,
+                height: `${reservedSpace}px`,
+                "data-bar-spacer": true
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(Bar, {
+                ref: setBarEl,
+                $isDrawerOpen: isDetailsDrawerOpen,
+                $isStacked: isAiMetadataEnabled,
+                tag: "section",
+                role: "region",
+                // The bar floats over the list but is not part of its background: a
+                // right-click on it keeps the browser's own menu. See MainAreaContextMenu.
+                "data-native-context-menu": true,
+                "aria-label": formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.label'),
+                    defaultMessage: 'Bulk actions'
+                }),
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        "data-bar-slot": "count",
+                        fontWeight: "bold",
+                        textColor: "neutral800",
+                        marginRight: 4,
+                        children: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.selected-count'),
+                            defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}'
+                        }, {
+                            count
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextButton, {
+                        onClick: handleSelectAll,
+                        marginRight: 4,
+                        disabled: isBusy,
+                        children: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.select-all'),
+                            defaultMessage: 'Select all'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(ActionCluster, {
+                        "data-bar-slot": "actions",
+                        children: [
+                            isAiMetadataEnabled && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+                                label: metadataDisabledReason,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                        size: "S",
+                                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Sparkle, {}),
+                                        disabled: isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets,
+                                        loading: isGeneratingMetadata,
+                                        onClick: handleCreateMetadata,
+                                        children: formatMessage({
+                                            id: translations.getTranslationKey('list.bulk-actions.create-metadata'),
+                                            defaultMessage: 'Create metadata'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                variant: "tertiary",
+                                disabled: isBusy,
+                                label: formatMessage({
+                                    id: translations.getTranslationKey('list.bulk-actions.move'),
+                                    defaultMessage: 'Move'
+                                }),
+                                onClick: ()=>setIsMoveDialogOpen(true),
+                                children: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowRight, {})
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(BulkMoveDialog.BulkMoveDialog, {
+                                open: isMoveDialogOpen,
+                                onClose: ()=>setIsMoveDialogOpen(false),
+                                items: moveItems,
+                                onSuccess: clear
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                variant: "danger-light",
+                                disabled: isBusy,
+                                label: formatMessage({
+                                    id: translations.getTranslationKey('list.bulk-actions.delete'),
+                                    defaultMessage: 'Delete'
+                                }),
+                                onClick: ()=>setIsDeleteDialogOpen(true),
+                                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(DeleteItemsDialog.DeleteItemsDialog, {
+                                open: isDeleteDialogOpen,
+                                onClose: ()=>setIsDeleteDialogOpen(false),
+                                target: {
+                                    fileIds: Array.from(selectedIds),
+                                    folderIds: Array.from(selectedFolderIds)
+                                },
+                                onSuccess: clear,
+                                onPendingChange: setIsDeleting
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(VerticalDivider, {
+                        "data-bar-slot": "divider",
+                        "aria-hidden": true
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.clear'),
+                            defaultMessage: 'Clear selection'
+                        }),
+                        onClick: clear,
+                        disabled: isBusy,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.BulkActionsBar = BulkActionsBar;
+//# sourceMappingURL=BulkActionsBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionsBar.js","sources":["../../../../../admin/src/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Flex,\n  IconButton,\n  TextButton,\n  Tooltip,\n  Typography,\n} from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { css, styled } from 'styled-components';\n\nimport { AI_METADATA_MAX_FILES, isAIMetadataSupportedMime } from '../../../../../shared/constants';\nimport { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { useGenerateAiMetadataMutation } from '../../../services/assets';\nimport { buildDragSetFromSelection } from '../../../utils/buildDragSetFromSelection';\nimport { emptyItemLocations, type ItemLocations } from '../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { useIsAssetDetailsOpen } from '../hooks/useIsAssetDetailsOpen';\nimport { type ItemKey } from '../utils/selection';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\n\nimport type { File } from '../../../../../shared/contracts/files';\n\n/**\n * Bulk action bar for the future Media Library. Mobile: docked full-bleed to the\n * bottom edge (no radius, top border only). Desktop (medium+): a floating,\n * centered pill.\n */\nconst Bar = styled(Flex)<{ $isDrawerOpen: boolean; $isStacked: boolean }>`\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndices.popover};\n  left: 0;\n  right: 0;\n  bottom: 0;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) =>\n    `${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};\n  background: ${({ theme }) => theme.colors.neutral0};\n  border: 0;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: 0;\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n\n  /* Docked full-bleed at the bottom on mobile, which is exactly where the open\n     drawer keeps its own actions — so it steps aside there, and only there. */\n  display: ${({ $isDrawerOpen }) => ($isDrawerOpen ? 'none' : 'flex')};\n\n  /* Mobile with the metadata action present: the labelled button plus the icons\n     no longer fit beside the count on one line, so the count takes a row of its\n     own and every button drops to the next.\n\n     Addressed by slot rather than by position: these rules used to use\n     nth-child, which silently retargeted the moment a control was inserted\n     into the row. */\n  ${({ $isStacked }) =>\n    $isStacked &&\n    css`\n      flex-wrap: wrap;\n      justify-content: space-between;\n\n      > [data-bar-slot='count'] {\n        flex-basis: 100%;\n        margin-right: 0;\n      }\n\n      > [data-bar-slot='actions'] {\n        margin-left: 0;\n      }\n\n      /* The divider only existed to set the clear action apart from the rest;\n         with the row spread it would hang in mid-air between them. */\n      > [data-bar-slot='divider'] {\n        display: none;\n      }\n    `}\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: flex;\n    left: 50%;\n    right: auto;\n    bottom: ${({ theme }) => theme.spaces[4]};\n    transform: translateX(-50%);\n    border: 1px solid ${({ theme }) => theme.colors.neutral150};\n    border-radius: ${({ theme }) => theme.borderRadius};\n    /* Sized by its content, capped so the pill can never span the whole\n       viewport. The nowrap is what lets the content set that width — without it\n       the labels wrap and the bar reads as narrow and tall. Inherited, so it\n       covers every label inside.\n\n       Deliberately not applied on mobile: there the bar is full-bleed and\n       cannot grow, so refusing to wrap would clip the last action on a narrow\n       phone rather than widen anything. */\n    white-space: nowrap;\n    max-width: 90%;\n\n    /* One line again from tablet up, where it fits. */\n    flex-wrap: nowrap;\n\n    > [data-bar-slot='count'] {\n      flex-basis: auto;\n    }\n\n    > [data-bar-slot='actions'] {\n      margin-left: auto;\n    }\n\n    > [data-bar-slot='divider'] {\n      display: block;\n    }\n  }\n`;\n\nconst ActionCluster = styled(Flex)`\n  margin-left: auto;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n`;\n\nconst VerticalDivider = styled(Box)`\n  width: 1px;\n  align-self: stretch;\n  background: ${({ theme }) => theme.colors.neutral150};\n  margin-left: ${({ theme }) => theme.spaces[1]};\n`;\n\ninterface BulkActionsBarProps {\n  /**\n   * The assets currently rendered in the list, used to resolve the mime types\n   * of the selection — the bar needs them to know which selected assets the AI\n   * provider can actually read.\n   *\n   * Selection is page-scoped and cleared whenever the list identity changes, so\n   * every selected asset id is guaranteed to appear here.\n   */\n  assets?: File[];\n  /**\n   * Real location of every loaded row, so the move dialog validates each\n   * selected item against its own parent. Defaults to a lookup that misses\n   * everything, which falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n  /**\n   * Keys of the items on screen, in render order. Owned by the view so\n   * select-all covers exactly what the user can see — in mixed mode that is not\n   * every folder.\n   */\n  renderedKeys?: ItemKey[];\n}\n\nexport const BulkActionsBar = ({\n  assets = [],\n  locations = emptyItemLocations,\n  renderedKeys = [],\n}: BulkActionsBarProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  // No mime argument: the action is selection-scoped, so the per-asset\n  // allowlist check happens below in `eligibleCount`.\n  const isAiMetadataEnabled = useAIMetadataEnabled();\n  // Every bulk action (move, delete, metadata) is an `assets.update` mutation\n  // server-side — one flag gates the whole cluster.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const { selectedIds, selectedFolderIds, selectAll, clear } = useAssetSelection();\n  const { trackUsage } = useTracking();\n  const { currentFolderId } = useFolderNavigation();\n  const isDetailsDrawerOpen = useIsAssetDetailsOpen();\n  const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n  // The delete request lives in DeleteItemsDialog; the bar mirrors its pending\n  // state so the rest of the controls stay disabled for the duration.\n  const [isDeleting, setIsDeleting] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n\n  // `innerHeight - top` rather than the bar's height: it also spans the gap the\n  // bar floats above the viewport edge (0 docked on mobile, `spaces[4]` for the\n  // desktop pill), so one measurement covers both layouts and no height is\n  // hardcoded.\n  const [barEl, setBarEl] = useState<HTMLElement | null>(null);\n  const [reservedSpace, setReservedSpace] = useState(0);\n\n  useEffect(() => {\n    if (!barEl) {\n      setReservedSpace(0);\n      return;\n    }\n\n    const measure = () => {\n      const rect = barEl.getBoundingClientRect();\n      // Zero height means the CSS has hidden the bar (drawer open on mobile) —\n      // reserving anything then would leave a gap under nothing.\n      setReservedSpace(rect.height === 0 ? 0 : Math.max(0, window.innerHeight - rect.top));\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(barEl);\n    window.addEventListener('resize', measure);\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('resize', measure);\n    };\n    // `isDetailsDrawerOpen` toggles the bar's `display`, which a ResizeObserver\n    // is not guaranteed to report.\n  }, [barEl, isDetailsDrawerOpen]);\n\n  const handleSelectAll = () => {\n    trackUsage('didSelectAllMediaLibraryElements');\n    selectAll(renderedKeys);\n  };\n  const isBusy = isDeleting || isGeneratingMetadata;\n\n  // Stable identity: the move dialog memoizes its destination walk on it. Each\n  // item's real location comes from `locations`, so a selection made under a\n  // global search validates against each item's own parent rather than the\n  // folder currently open.\n  const moveItems = useMemo(\n    () => buildDragSetFromSelection(selectedIds, selectedFolderIds, locations, currentFolderId),\n    [selectedIds, selectedFolderIds, locations, currentFolderId]\n  );\n\n  /**\n   * The server processes the whole selection inside a single request and\n   * rejects anything above the cap with a 400. Disable the action up front so\n   * the limit is discoverable before the user commits to a request.\n   */\n  const isOverMetadataLimit = selectedIds.size > AI_METADATA_MAX_FILES;\n\n  /**\n   * How many selected assets the AI provider can actually read. The server\n   * stays authoritative — it still reports what it skipped — but a selection\n   * with nothing eligible (a lone PDF, say) would only ever come back fully\n   * skipped, so there is no point sending it.\n   */\n  const eligibleCount = useMemo(() => {\n    const mimeById = new Map(assets.map(({ id, mime }) => [id, mime]));\n\n    return [...selectedIds].filter((id) => isAIMetadataSupportedMime(mimeById.get(id))).length;\n  }, [assets, selectedIds]);\n\n  const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;\n\n  /**\n   * Why the action is unavailable, surfaced on hover. `undefined` leaves the\n   * button without a tooltip — either it is usable, or it is disabled for a\n   * reason the selection count already makes obvious.\n   */\n  let metadataDisabledReason: string | undefined;\n\n  if (isOverMetadataLimit) {\n    metadataDisabledReason = formatMessage(\n      {\n        id: getTranslationKey('list.bulk-actions.create-metadata.too-many'),\n        defaultMessage:\n          'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.',\n      },\n      { max: AI_METADATA_MAX_FILES }\n    );\n  } else if (hasNoEligibleAssets) {\n    metadataDisabledReason = formatMessage({\n      id: getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),\n      defaultMessage:\n        'Metadata can only be generated for images. None of the selected assets are supported.',\n    });\n  }\n\n  /**\n   * Metadata generation only applies to images — folders and unsupported files\n   * in the selection are reported back rather than blocking the action.\n   */\n  const handleCreateMetadata = async () => {\n    // Guard re-entry while pending, and never send a selection the server\n    // would reject outright or skip in full.\n    if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {\n      return;\n    }\n\n    const fileIds = Array.from(selectedIds);\n    const res = await generateAiMetadata({ fileIds });\n\n    if ('error' in res) {\n      // Keep the selection intact so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    const successCount = res.data.filter(({ status }) => status === 'success').length;\n    const skippedCount = res.data.filter(({ status }) => status === 'skipped').length;\n    const errorCount = res.data.filter(({ status }) => status === 'error').length;\n    // Folders are never sent, so they are not part of the response — but the\n    // user selected them, and a silent omission reads as a bug.\n    const folderCount = selectedFolderIds.size;\n\n    if (errorCount === res.data.length) {\n      // Nothing was written — treat it like a request-level failure and keep\n      // the selection so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {\n      toggleNotification({\n        type: 'success',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.success'),\n            defaultMessage:\n              '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}',\n          },\n          { count: successCount }\n        ),\n      });\n    } else {\n      // Partial outcome: report every bucket so the user knows what was left\n      // out — including folders, which were never eligible in the first place.\n      toggleNotification({\n        type: 'warning',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.partial'),\n            defaultMessage:\n              '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}',\n          },\n          { successCount, skippedCount, errorCount, folderCount }\n        ),\n      });\n    }\n\n    clear();\n  };\n\n  // Every bulk action is behind `assets.update`; with nothing selected, or\n  // without the permission, the bar has nothing to offer — drop it entirely\n  // rather than show a count + \"Clear selection\" over no actions (mirrors the\n  // drawer footer, which hides when no permitted action survives).\n  //\n  // With the drawer open the bar is hidden on mobile only, in CSS: there the two\n  // are stacked at `bottom: 0` and the bar (popover, 500) would cover the\n  // drawer's footer actions, since the drawer sits below the overlay token at\n  // 200. From `medium` up the drawer is a side panel and the bar is a centered\n  // pill, so they no longer collide.\n  if (count === 0 || !canUpdate) {\n    return null;\n  }\n\n  return (\n    <>\n      <Box aria-hidden height={`${reservedSpace}px`} data-bar-spacer />\n      <Bar\n        ref={setBarEl}\n        $isDrawerOpen={isDetailsDrawerOpen}\n        $isStacked={isAiMetadataEnabled}\n        tag=\"section\"\n        role=\"region\"\n        // The bar floats over the list but is not part of its background: a\n        // right-click on it keeps the browser's own menu. See MainAreaContextMenu.\n        data-native-context-menu\n        aria-label={formatMessage({\n          id: getTranslationKey('list.bulk-actions.label'),\n          defaultMessage: 'Bulk actions',\n        })}\n      >\n        <Typography data-bar-slot=\"count\" fontWeight=\"bold\" textColor=\"neutral800\" marginRight={4}>\n          {formatMessage(\n            {\n              id: getTranslationKey('list.bulk-actions.selected-count'),\n              defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}',\n            },\n            { count }\n          )}\n        </Typography>\n\n        <TextButton onClick={handleSelectAll} marginRight={4} disabled={isBusy}>\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.select-all'),\n            defaultMessage: 'Select all',\n          })}\n        </TextButton>\n\n        {/* Past the early return the user always has `assets.update`, so the\n            individual actions no longer re-check it. */}\n        <ActionCluster data-bar-slot=\"actions\">\n          {isAiMetadataEnabled && (\n            <Tooltip label={metadataDisabledReason}>\n              {/* Wrapped so the tooltip still receives pointer events while the\n                  button itself is disabled. */}\n              <Box>\n                <Button\n                  size=\"S\"\n                  startIcon={<Sparkle />}\n                  disabled={\n                    isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets\n                  }\n                  loading={isGeneratingMetadata}\n                  onClick={handleCreateMetadata}\n                >\n                  {formatMessage({\n                    id: getTranslationKey('list.bulk-actions.create-metadata'),\n                    defaultMessage: 'Create metadata',\n                  })}\n                </Button>\n              </Box>\n            </Tooltip>\n          )}\n\n          <IconButton\n            variant=\"tertiary\"\n            disabled={isBusy}\n            label={formatMessage({\n              id: getTranslationKey('list.bulk-actions.move'),\n              defaultMessage: 'Move',\n            })}\n            onClick={() => setIsMoveDialogOpen(true)}\n          >\n            <ArrowRight />\n          </IconButton>\n          <BulkMoveDialog\n            open={isMoveDialogOpen}\n            onClose={() => setIsMoveDialogOpen(false)}\n            items={moveItems}\n            onSuccess={clear}\n          />\n\n          <IconButton\n            variant=\"danger-light\"\n            disabled={isBusy}\n            label={formatMessage({\n              id: getTranslationKey('list.bulk-actions.delete'),\n              defaultMessage: 'Delete',\n            })}\n            onClick={() => setIsDeleteDialogOpen(true)}\n          >\n            <Trash />\n          </IconButton>\n          <DeleteItemsDialog\n            open={isDeleteDialogOpen}\n            onClose={() => setIsDeleteDialogOpen(false)}\n            target={{\n              fileIds: Array.from(selectedIds),\n              folderIds: Array.from(selectedFolderIds),\n            }}\n            onSuccess={clear}\n            onPendingChange={setIsDeleting}\n          />\n        </ActionCluster>\n\n        <VerticalDivider data-bar-slot=\"divider\" aria-hidden />\n\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.bulk-actions.clear'),\n            defaultMessage: 'Clear selection',\n          })}\n          onClick={clear}\n          disabled={isBusy}\n        >\n          <Cross />\n        </IconButton>\n      </Bar>\n    </>\n  );\n};\n"],"names":["Bar","styled","Flex","theme","zIndices","popover","spaces","colors","neutral0","neutral150","shadows","popupShadow","$isDrawerOpen","$isStacked","css","breakpoints","medium","borderRadius","ActionCluster","VerticalDivider","Box","BulkActionsBar","assets","locations","emptyItemLocations","renderedKeys","formatMessage","useIntl","toggleNotification","useNotification","isAiMetadataEnabled","useAIMetadataEnabled","canUpdate","useMediaLibraryPermissions","selectedIds","selectedFolderIds","selectAll","clear","useAssetSelection","trackUsage","useTracking","currentFolderId","useFolderNavigation","isDetailsDrawerOpen","useIsAssetDetailsOpen","generateAiMetadata","isLoading","isGeneratingMetadata","useGenerateAiMetadataMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","isDeleting","setIsDeleting","count","size","barEl","setBarEl","reservedSpace","setReservedSpace","useEffect","measure","rect","getBoundingClientRect","height","Math","max","window","innerHeight","top","observer","ResizeObserver","observe","addEventListener","disconnect","removeEventListener","handleSelectAll","isBusy","moveItems","useMemo","buildDragSetFromSelection","isOverMetadataLimit","AI_METADATA_MAX_FILES","eligibleCount","mimeById","Map","map","id","mime","filter","isAIMetadataSupportedMime","get","length","hasNoEligibleAssets","metadataDisabledReason","getTranslationKey","defaultMessage","handleCreateMetadata","fileIds","Array","from","res","type","message","successCount","data","status","skippedCount","errorCount","folderCount","_jsxs","_Fragment","_jsx","aria-hidden","data-bar-spacer","ref","tag","role","data-native-context-menu","aria-label","Typography","data-bar-slot","fontWeight","textColor","marginRight","TextButton","onClick","disabled","Tooltip","label","Button","startIcon","Sparkle","loading","IconButton","variant","ArrowRight","BulkMoveDialog","open","onClose","items","onSuccess","Trash","DeleteItemsDialog","target","folderIds","onPendingChange","Cross"],"mappings":"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"}