@strapi/upload 5.58.0 → 5.60.0

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

@@ -0,0 +1,145 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var translations = require('../../../utils/translations.js');
+var constants = require('../constants.js');
+var useInfiniteScrollSentinel = require('../hooks/useInfiniteScrollSentinel.js');
+var useListSettings = require('../hooks/useListSettings.js');
+var mergeMixedList = require('../utils/mergeMixedList.js');
+var renderedKeys = require('../utils/renderedKeys.js');
+var AssetsGrid = require('./AssetsGrid.js');
+var AssetsTable = require('./AssetsTable.js');
+var BulkActionsBar = require('./BulkActionsBar.js');
+var EmptyState = require('./EmptyState.js');
+var ItemContextMenu = require('./ItemContextMenu.js');
+
+// The negative bottom margin shrinks the trigger area by a pixel so the 1px
+// sentinel sitting exactly at the fold (when a page's rows happen to fill the
+// viewport) reads as "not visible" and doesn't pull an extra page. It still
+// triggers as soon as the sentinel scrolls a hair into view. Tune the bottom
+// value if the list over- or under-fetches near the fold.
+const INTERSECTION_OPTIONS = {
+    threshold: 0,
+    rootMargin: '0px 0px -1px 0px'
+};
+const AssetsView = ({ view, folders, isLoadingFolders, assets, assetsTotal, isLoadingAssets, isFetchingMore, hasNextPage, fetchNextPage, error, locations, searchQuery, assetsSort, foldersPosition, hasActiveFilters, onClearFilters, onAssetItemClick, onAddAssets, canAddAssets, onClearSearch })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { showItemActions } = useListSettings.useListSettings();
+    const isGridView = view === constants.viewOptions.GRID;
+    const isLoading = isLoadingAssets || isLoadingFolders;
+    // "Folders: Mixed with files" — interleave the complete folder list into the
+    // loaded asset stream client-side, following the active sort. Table view
+    // only: the grid always keeps folders in their own band on top.
+    const mixedItems = React.useMemo(()=>foldersPosition === 'mixed' && !isGridView ? mergeMixedList.mergeMixedList({
+            folders,
+            assets,
+            sort: assetsSort,
+            hasNextPage
+        }) : null, [
+        foldersPosition,
+        isGridView,
+        folders,
+        assets,
+        assetsSort,
+        hasNextPage
+    ]);
+    // Derived once here so the table, the grid and the bulk bar all agree on what
+    // is on screen — in mixed mode that is not simply every folder.
+    const renderedKeys$1 = renderedKeys.buildRenderedKeys({
+        folders,
+        assets,
+        mixedItems
+    });
+    const loadMoreRef = useInfiniteScrollSentinel.useInfiniteScrollSentinel({
+        hasNextPage,
+        isFetchingMore,
+        onLoadMore: fetchNextPage,
+        options: INTERSECTION_OPTIONS
+    });
+    const list = isGridView ? /*#__PURE__*/ jsxRuntime.jsx(AssetsGrid.AssetsGrid, {
+        folders: folders,
+        assets: assets,
+        assetsTotal: assetsTotal,
+        renderedKeys: renderedKeys$1,
+        onAssetItemClick: onAssetItemClick
+    }) : /*#__PURE__*/ jsxRuntime.jsx(AssetsTable.AssetsTable, {
+        assets: assets,
+        folders: folders,
+        mixedItems: mixedItems,
+        renderedKeys: renderedKeys$1,
+        onAssetItemClick: onAssetItemClick
+    });
+    if (isLoading) {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            justifyContent: "center",
+            padding: 8,
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+                children: formatMessage({
+                    id: 'app.loading',
+                    defaultMessage: 'Loading...'
+                })
+            })
+        });
+    }
+    if (error) {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+            padding: 8,
+            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                textColor: "danger600",
+                children: formatMessage({
+                    id: translations.getTranslationKey('list.assets.error'),
+                    defaultMessage: 'An error occurred while fetching assets.'
+                })
+            })
+        });
+    }
+    if (folders.length === 0 && assets.length === 0) {
+        // While searching, the search empty state wins (it names the query); a
+        // filter-only dead end gets the filtered variant with its Clear action.
+        return hasActiveFilters && !searchQuery ? /*#__PURE__*/ jsxRuntime.jsx(EmptyState.FilteredEmptyState, {
+            onClearFilters: onClearFilters
+        }) : /*#__PURE__*/ jsxRuntime.jsx(EmptyState.EmptyState, {
+            onAddAssets: onAddAssets,
+            canAddAssets: canAddAssets,
+            searchQuery: searchQuery,
+            onClearSearch: onClearSearch
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            showItemActions ? // Above both views so one instance serves either, and so the selection
+            // menu has the `locations` its move dialog validates against.
+            /*#__PURE__*/ jsxRuntime.jsx(ItemContextMenu.ItemContextMenuProvider, {
+                locations: locations,
+                children: list
+            }) : list,
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                ref: loadMoreRef,
+                style: {
+                    height: 1
+                }
+            }),
+            isFetchingMore && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                justifyContent: "center",
+                padding: 4,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+                    children: formatMessage({
+                        id: translations.getTranslationKey('list.assets.loading-more'),
+                        defaultMessage: 'Loading more assets...'
+                    })
+                })
+            }),
+            showItemActions && /*#__PURE__*/ jsxRuntime.jsx(BulkActionsBar.BulkActionsBar, {
+                assets: assets,
+                renderedKeys: renderedKeys$1,
+                locations: locations
+            })
+        ]
+    });
+};
+
+exports.AssetsView = AssetsView;
+//# sourceMappingURL=AssetsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsView.js","sources":["../../../../../admin/src/pages/Assets/components/AssetsView.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { type ItemLocations } from '../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { viewOptions } from '../constants';\nimport { useInfiniteScrollSentinel } from '../hooks/useInfiniteScrollSentinel';\nimport { useListSettings } from '../hooks/useListSettings';\nimport { type FoldersPosition } from '../hooks/useListSort';\nimport { mergeMixedList } from '../utils/mergeMixedList';\nimport { buildRenderedKeys } from '../utils/renderedKeys';\n\nimport { AssetsGrid } from './AssetsGrid';\nimport { AssetsTable } from './AssetsTable';\nimport { BulkActionsBar } from './BulkActionsBar';\nimport { EmptyState, FilteredEmptyState } from './EmptyState';\nimport { ItemContextMenuProvider } from './ItemContextMenu';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\n// The negative bottom margin shrinks the trigger area by a pixel so the 1px\n// sentinel sitting exactly at the fold (when a page's rows happen to fill the\n// viewport) reads as \"not visible\" and doesn't pull an extra page. It still\n// triggers as soon as the sentinel scrolls a hair into view. Tune the bottom\n// value if the list over- or under-fetches near the fold.\nconst INTERSECTION_OPTIONS: IntersectionObserverInit = {\n  threshold: 0,\n  rootMargin: '0px 0px -1px 0px',\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsView\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsViewProps {\n  view: number;\n  folders: Folder[];\n  isLoadingFolders: boolean;\n  assets: File[];\n  /** Total matching assets on the server, beyond the pages loaded so far. */\n  assetsTotal?: number;\n  isLoadingAssets: boolean;\n  isFetchingMore: boolean;\n  hasNextPage: boolean;\n  fetchNextPage: () => void;\n  error: unknown;\n  locations: ItemLocations;\n  searchQuery: string;\n  assetsSort: string;\n  foldersPosition: FoldersPosition;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  onAssetItemClick: (assetId: number) => void;\n  onAddAssets: () => void;\n  canAddAssets: boolean;\n  onClearSearch: () => void;\n}\n\nexport const AssetsView = ({\n  view,\n  folders,\n  isLoadingFolders,\n  assets,\n  assetsTotal,\n  isLoadingAssets,\n  isFetchingMore,\n  hasNextPage,\n  fetchNextPage,\n  error,\n  locations,\n  searchQuery,\n  assetsSort,\n  foldersPosition,\n  hasActiveFilters,\n  onClearFilters,\n  onAssetItemClick,\n  onAddAssets,\n  canAddAssets,\n  onClearSearch,\n}: AssetsViewProps) => {\n  const { formatMessage } = useIntl();\n  const { showItemActions } = useListSettings();\n\n  const isGridView = view === viewOptions.GRID;\n  const isLoading = isLoadingAssets || isLoadingFolders;\n\n  // \"Folders: Mixed with files\" — interleave the complete folder list into the\n  // loaded asset stream client-side, following the active sort. Table view\n  // only: the grid always keeps folders in their own band on top.\n  const mixedItems = useMemo(\n    () =>\n      foldersPosition === 'mixed' && !isGridView\n        ? mergeMixedList({ folders, assets, sort: assetsSort, hasNextPage })\n        : null,\n    [foldersPosition, isGridView, folders, assets, assetsSort, hasNextPage]\n  );\n\n  // Derived once here so the table, the grid and the bulk bar all agree on what\n  // is on screen — in mixed mode that is not simply every folder.\n  const renderedKeys = buildRenderedKeys({ folders, assets, mixedItems });\n\n  const loadMoreRef = useInfiniteScrollSentinel({\n    hasNextPage,\n    isFetchingMore,\n    onLoadMore: fetchNextPage,\n    options: INTERSECTION_OPTIONS,\n  });\n\n  const list = isGridView ? (\n    <AssetsGrid\n      folders={folders}\n      assets={assets}\n      assetsTotal={assetsTotal}\n      renderedKeys={renderedKeys}\n      onAssetItemClick={onAssetItemClick}\n    />\n  ) : (\n    <AssetsTable\n      assets={assets}\n      folders={folders}\n      mixedItems={mixedItems}\n      renderedKeys={renderedKeys}\n      onAssetItemClick={onAssetItemClick}\n    />\n  );\n\n  if (isLoading) {\n    return (\n      <Flex justifyContent=\"center\" padding={8}>\n        <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n      </Flex>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.assets.error'),\n            defaultMessage: 'An error occurred while fetching assets.',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (folders.length === 0 && assets.length === 0) {\n    // While searching, the search empty state wins (it names the query); a\n    // filter-only dead end gets the filtered variant with its Clear action.\n    return hasActiveFilters && !searchQuery ? (\n      <FilteredEmptyState onClearFilters={onClearFilters} />\n    ) : (\n      <EmptyState\n        onAddAssets={onAddAssets}\n        canAddAssets={canAddAssets}\n        searchQuery={searchQuery}\n        onClearSearch={onClearSearch}\n      />\n    );\n  }\n  return (\n    <>\n      {showItemActions ? (\n        // Above both views so one instance serves either, and so the selection\n        // menu has the `locations` its move dialog validates against.\n        <ItemContextMenuProvider locations={locations}>{list}</ItemContextMenuProvider>\n      ) : (\n        list\n      )}\n      <div ref={loadMoreRef} style={{ height: 1 }} />\n      {isFetchingMore && (\n        <Flex justifyContent=\"center\" padding={4}>\n          <Loader>\n            {formatMessage({\n              id: getTranslationKey('list.assets.loading-more'),\n              defaultMessage: 'Loading more assets...',\n            })}\n          </Loader>\n        </Flex>\n      )}\n      {/* Lives here rather than in `AssetsPage` so it can read the loaded\n          assets: the AI metadata action needs their mime types to know what\n          the provider can handle. `position: fixed` keeps it visually anchored\n          regardless of where it sits in the tree. */}\n      {showItemActions && (\n        <BulkActionsBar assets={assets} renderedKeys={renderedKeys} locations={locations} />\n      )}\n    </>\n  );\n};\n"],"names":["INTERSECTION_OPTIONS","threshold","rootMargin","AssetsView","view","folders","isLoadingFolders","assets","assetsTotal","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","error","locations","searchQuery","assetsSort","foldersPosition","hasActiveFilters","onClearFilters","onAssetItemClick","onAddAssets","canAddAssets","onClearSearch","formatMessage","useIntl","showItemActions","useListSettings","isGridView","viewOptions","GRID","isLoading","mixedItems","useMemo","mergeMixedList","sort","renderedKeys","buildRenderedKeys","loadMoreRef","useInfiniteScrollSentinel","onLoadMore","options","list","_jsx","AssetsGrid","AssetsTable","Flex","justifyContent","padding","Loader","id","defaultMessage","Box","Typography","textColor","getTranslationKey","length","FilteredEmptyState","EmptyState","_jsxs","_Fragment","ItemContextMenuProvider","div","ref","style","height","BulkActionsBar"],"mappings":"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"}

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

@@ -0,0 +1,143 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Flex, Loader, Box, Typography } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { viewOptions } from '../constants.mjs';
+import { useInfiniteScrollSentinel } from '../hooks/useInfiniteScrollSentinel.mjs';
+import { useListSettings } from '../hooks/useListSettings.mjs';
+import { mergeMixedList } from '../utils/mergeMixedList.mjs';
+import { buildRenderedKeys } from '../utils/renderedKeys.mjs';
+import { AssetsGrid } from './AssetsGrid.mjs';
+import { AssetsTable } from './AssetsTable.mjs';
+import { BulkActionsBar } from './BulkActionsBar.mjs';
+import { FilteredEmptyState, EmptyState } from './EmptyState.mjs';
+import { ItemContextMenuProvider } from './ItemContextMenu.mjs';
+
+// The negative bottom margin shrinks the trigger area by a pixel so the 1px
+// sentinel sitting exactly at the fold (when a page's rows happen to fill the
+// viewport) reads as "not visible" and doesn't pull an extra page. It still
+// triggers as soon as the sentinel scrolls a hair into view. Tune the bottom
+// value if the list over- or under-fetches near the fold.
+const INTERSECTION_OPTIONS = {
+    threshold: 0,
+    rootMargin: '0px 0px -1px 0px'
+};
+const AssetsView = ({ view, folders, isLoadingFolders, assets, assetsTotal, isLoadingAssets, isFetchingMore, hasNextPage, fetchNextPage, error, locations, searchQuery, assetsSort, foldersPosition, hasActiveFilters, onClearFilters, onAssetItemClick, onAddAssets, canAddAssets, onClearSearch })=>{
+    const { formatMessage } = useIntl();
+    const { showItemActions } = useListSettings();
+    const isGridView = view === viewOptions.GRID;
+    const isLoading = isLoadingAssets || isLoadingFolders;
+    // "Folders: Mixed with files" — interleave the complete folder list into the
+    // loaded asset stream client-side, following the active sort. Table view
+    // only: the grid always keeps folders in their own band on top.
+    const mixedItems = useMemo(()=>foldersPosition === 'mixed' && !isGridView ? mergeMixedList({
+            folders,
+            assets,
+            sort: assetsSort,
+            hasNextPage
+        }) : null, [
+        foldersPosition,
+        isGridView,
+        folders,
+        assets,
+        assetsSort,
+        hasNextPage
+    ]);
+    // Derived once here so the table, the grid and the bulk bar all agree on what
+    // is on screen — in mixed mode that is not simply every folder.
+    const renderedKeys = buildRenderedKeys({
+        folders,
+        assets,
+        mixedItems
+    });
+    const loadMoreRef = useInfiniteScrollSentinel({
+        hasNextPage,
+        isFetchingMore,
+        onLoadMore: fetchNextPage,
+        options: INTERSECTION_OPTIONS
+    });
+    const list = isGridView ? /*#__PURE__*/ jsx(AssetsGrid, {
+        folders: folders,
+        assets: assets,
+        assetsTotal: assetsTotal,
+        renderedKeys: renderedKeys,
+        onAssetItemClick: onAssetItemClick
+    }) : /*#__PURE__*/ jsx(AssetsTable, {
+        assets: assets,
+        folders: folders,
+        mixedItems: mixedItems,
+        renderedKeys: renderedKeys,
+        onAssetItemClick: onAssetItemClick
+    });
+    if (isLoading) {
+        return /*#__PURE__*/ jsx(Flex, {
+            justifyContent: "center",
+            padding: 8,
+            children: /*#__PURE__*/ jsx(Loader, {
+                children: formatMessage({
+                    id: 'app.loading',
+                    defaultMessage: 'Loading...'
+                })
+            })
+        });
+    }
+    if (error) {
+        return /*#__PURE__*/ jsx(Box, {
+            padding: 8,
+            children: /*#__PURE__*/ jsx(Typography, {
+                textColor: "danger600",
+                children: formatMessage({
+                    id: getTranslationKey('list.assets.error'),
+                    defaultMessage: 'An error occurred while fetching assets.'
+                })
+            })
+        });
+    }
+    if (folders.length === 0 && assets.length === 0) {
+        // While searching, the search empty state wins (it names the query); a
+        // filter-only dead end gets the filtered variant with its Clear action.
+        return hasActiveFilters && !searchQuery ? /*#__PURE__*/ jsx(FilteredEmptyState, {
+            onClearFilters: onClearFilters
+        }) : /*#__PURE__*/ jsx(EmptyState, {
+            onAddAssets: onAddAssets,
+            canAddAssets: canAddAssets,
+            searchQuery: searchQuery,
+            onClearSearch: onClearSearch
+        });
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            showItemActions ? // Above both views so one instance serves either, and so the selection
+            // menu has the `locations` its move dialog validates against.
+            /*#__PURE__*/ jsx(ItemContextMenuProvider, {
+                locations: locations,
+                children: list
+            }) : list,
+            /*#__PURE__*/ jsx("div", {
+                ref: loadMoreRef,
+                style: {
+                    height: 1
+                }
+            }),
+            isFetchingMore && /*#__PURE__*/ jsx(Flex, {
+                justifyContent: "center",
+                padding: 4,
+                children: /*#__PURE__*/ jsx(Loader, {
+                    children: formatMessage({
+                        id: getTranslationKey('list.assets.loading-more'),
+                        defaultMessage: 'Loading more assets...'
+                    })
+                })
+            }),
+            showItemActions && /*#__PURE__*/ jsx(BulkActionsBar, {
+                assets: assets,
+                renderedKeys: renderedKeys,
+                locations: locations
+            })
+        ]
+    });
+};
+
+export { AssetsView };
+//# sourceMappingURL=AssetsView.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsView.mjs","sources":["../../../../../admin/src/pages/Assets/components/AssetsView.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { Box, Flex, Loader, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { type ItemLocations } from '../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { viewOptions } from '../constants';\nimport { useInfiniteScrollSentinel } from '../hooks/useInfiniteScrollSentinel';\nimport { useListSettings } from '../hooks/useListSettings';\nimport { type FoldersPosition } from '../hooks/useListSort';\nimport { mergeMixedList } from '../utils/mergeMixedList';\nimport { buildRenderedKeys } from '../utils/renderedKeys';\n\nimport { AssetsGrid } from './AssetsGrid';\nimport { AssetsTable } from './AssetsTable';\nimport { BulkActionsBar } from './BulkActionsBar';\nimport { EmptyState, FilteredEmptyState } from './EmptyState';\nimport { ItemContextMenuProvider } from './ItemContextMenu';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\n// The negative bottom margin shrinks the trigger area by a pixel so the 1px\n// sentinel sitting exactly at the fold (when a page's rows happen to fill the\n// viewport) reads as \"not visible\" and doesn't pull an extra page. It still\n// triggers as soon as the sentinel scrolls a hair into view. Tune the bottom\n// value if the list over- or under-fetches near the fold.\nconst INTERSECTION_OPTIONS: IntersectionObserverInit = {\n  threshold: 0,\n  rootMargin: '0px 0px -1px 0px',\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetsView\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsViewProps {\n  view: number;\n  folders: Folder[];\n  isLoadingFolders: boolean;\n  assets: File[];\n  /** Total matching assets on the server, beyond the pages loaded so far. */\n  assetsTotal?: number;\n  isLoadingAssets: boolean;\n  isFetchingMore: boolean;\n  hasNextPage: boolean;\n  fetchNextPage: () => void;\n  error: unknown;\n  locations: ItemLocations;\n  searchQuery: string;\n  assetsSort: string;\n  foldersPosition: FoldersPosition;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  onAssetItemClick: (assetId: number) => void;\n  onAddAssets: () => void;\n  canAddAssets: boolean;\n  onClearSearch: () => void;\n}\n\nexport const AssetsView = ({\n  view,\n  folders,\n  isLoadingFolders,\n  assets,\n  assetsTotal,\n  isLoadingAssets,\n  isFetchingMore,\n  hasNextPage,\n  fetchNextPage,\n  error,\n  locations,\n  searchQuery,\n  assetsSort,\n  foldersPosition,\n  hasActiveFilters,\n  onClearFilters,\n  onAssetItemClick,\n  onAddAssets,\n  canAddAssets,\n  onClearSearch,\n}: AssetsViewProps) => {\n  const { formatMessage } = useIntl();\n  const { showItemActions } = useListSettings();\n\n  const isGridView = view === viewOptions.GRID;\n  const isLoading = isLoadingAssets || isLoadingFolders;\n\n  // \"Folders: Mixed with files\" — interleave the complete folder list into the\n  // loaded asset stream client-side, following the active sort. Table view\n  // only: the grid always keeps folders in their own band on top.\n  const mixedItems = useMemo(\n    () =>\n      foldersPosition === 'mixed' && !isGridView\n        ? mergeMixedList({ folders, assets, sort: assetsSort, hasNextPage })\n        : null,\n    [foldersPosition, isGridView, folders, assets, assetsSort, hasNextPage]\n  );\n\n  // Derived once here so the table, the grid and the bulk bar all agree on what\n  // is on screen — in mixed mode that is not simply every folder.\n  const renderedKeys = buildRenderedKeys({ folders, assets, mixedItems });\n\n  const loadMoreRef = useInfiniteScrollSentinel({\n    hasNextPage,\n    isFetchingMore,\n    onLoadMore: fetchNextPage,\n    options: INTERSECTION_OPTIONS,\n  });\n\n  const list = isGridView ? (\n    <AssetsGrid\n      folders={folders}\n      assets={assets}\n      assetsTotal={assetsTotal}\n      renderedKeys={renderedKeys}\n      onAssetItemClick={onAssetItemClick}\n    />\n  ) : (\n    <AssetsTable\n      assets={assets}\n      folders={folders}\n      mixedItems={mixedItems}\n      renderedKeys={renderedKeys}\n      onAssetItemClick={onAssetItemClick}\n    />\n  );\n\n  if (isLoading) {\n    return (\n      <Flex justifyContent=\"center\" padding={8}>\n        <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n      </Flex>\n    );\n  }\n\n  if (error) {\n    return (\n      <Box padding={8}>\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.assets.error'),\n            defaultMessage: 'An error occurred while fetching assets.',\n          })}\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (folders.length === 0 && assets.length === 0) {\n    // While searching, the search empty state wins (it names the query); a\n    // filter-only dead end gets the filtered variant with its Clear action.\n    return hasActiveFilters && !searchQuery ? (\n      <FilteredEmptyState onClearFilters={onClearFilters} />\n    ) : (\n      <EmptyState\n        onAddAssets={onAddAssets}\n        canAddAssets={canAddAssets}\n        searchQuery={searchQuery}\n        onClearSearch={onClearSearch}\n      />\n    );\n  }\n  return (\n    <>\n      {showItemActions ? (\n        // Above both views so one instance serves either, and so the selection\n        // menu has the `locations` its move dialog validates against.\n        <ItemContextMenuProvider locations={locations}>{list}</ItemContextMenuProvider>\n      ) : (\n        list\n      )}\n      <div ref={loadMoreRef} style={{ height: 1 }} />\n      {isFetchingMore && (\n        <Flex justifyContent=\"center\" padding={4}>\n          <Loader>\n            {formatMessage({\n              id: getTranslationKey('list.assets.loading-more'),\n              defaultMessage: 'Loading more assets...',\n            })}\n          </Loader>\n        </Flex>\n      )}\n      {/* Lives here rather than in `AssetsPage` so it can read the loaded\n          assets: the AI metadata action needs their mime types to know what\n          the provider can handle. `position: fixed` keeps it visually anchored\n          regardless of where it sits in the tree. */}\n      {showItemActions && (\n        <BulkActionsBar assets={assets} renderedKeys={renderedKeys} locations={locations} />\n      )}\n    </>\n  );\n};\n"],"names":["INTERSECTION_OPTIONS","threshold","rootMargin","AssetsView","view","folders","isLoadingFolders","assets","assetsTotal","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","error","locations","searchQuery","assetsSort","foldersPosition","hasActiveFilters","onClearFilters","onAssetItemClick","onAddAssets","canAddAssets","onClearSearch","formatMessage","useIntl","showItemActions","useListSettings","isGridView","viewOptions","GRID","isLoading","mixedItems","useMemo","mergeMixedList","sort","renderedKeys","buildRenderedKeys","loadMoreRef","useInfiniteScrollSentinel","onLoadMore","options","list","_jsx","AssetsGrid","AssetsTable","Flex","justifyContent","padding","Loader","id","defaultMessage","Box","Typography","textColor","getTranslationKey","length","FilteredEmptyState","EmptyState","_jsxs","_Fragment","ItemContextMenuProvider","div","ref","style","height","BulkActionsBar"],"mappings":"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"}

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

@@ -22,6 +22,8 @@ var BulkMoveDialog = require('./BulkMoveDialog.js');
 var DeleteItemsDialog = require('./DeleteItemsDialog.js');
 var api = require('../../../services/api.js');
 
+const EMPTY_ASSETS = [];
+const EMPTY_RENDERED_KEYS = [];
 /**
  * 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,
@@ -118,7 +120,7 @@ const VerticalDivider = styledComponents.styled(designSystem.Box)`
   background: ${({ theme })=>theme.colors.neutral150};
   margin-left: ${({ theme })=>theme.spaces[1]};
 `;
-const BulkActionsBar = ({ assets = [], locations = itemLocations.emptyItemLocations, renderedKeys = [] })=>{
+const BulkActionsBar = ({ assets = EMPTY_ASSETS, locations = itemLocations.emptyItemLocations, renderedKeys = EMPTY_RENDERED_KEYS })=>{
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
     // No mime argument: the action is selection-scoped, so the per-asset

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

@@ -1 +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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"}
+{"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\nconst EMPTY_ASSETS: NonNullable<BulkActionsBarProps['assets']> = [];\nconst EMPTY_RENDERED_KEYS: NonNullable<BulkActionsBarProps['renderedKeys']> = [];\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 = EMPTY_ASSETS,\n  locations = emptyItemLocations,\n  renderedKeys = EMPTY_RENDERED_KEYS,\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":["EMPTY_ASSETS","EMPTY_RENDERED_KEYS","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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"}

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

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
 import { useNotification } from '@strapi/admin/strapi-admin';
-import { Box, Typography, TextButton, Tooltip, Button, IconButton, Flex } from '@strapi/design-system';
+import { Flex, Box, Typography, TextButton, Tooltip, Button, IconButton } from '@strapi/design-system';
 import { Sparkle, ArrowRight, Trash, Cross } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { css, styled } from 'styled-components';
@@ -20,6 +20,8 @@ import { BulkMoveDialog } from './BulkMoveDialog.mjs';
 import { DeleteItemsDialog } from './DeleteItemsDialog.mjs';
 import { useGenerateAiMetadataMutation } from '../../../services/api.mjs';
 
+const EMPTY_ASSETS = [];
+const EMPTY_RENDERED_KEYS = [];
 /**
  * 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,
@@ -116,7 +118,7 @@ const VerticalDivider = styled(Box)`
   background: ${({ theme })=>theme.colors.neutral150};
   margin-left: ${({ theme })=>theme.spaces[1]};
 `;
-const BulkActionsBar = ({ assets = [], locations = emptyItemLocations, renderedKeys = [] })=>{
+const BulkActionsBar = ({ assets = EMPTY_ASSETS, locations = emptyItemLocations, renderedKeys = EMPTY_RENDERED_KEYS })=>{
     const { formatMessage } = useIntl();
     const { toggleNotification } = useNotification();
     // No mime argument: the action is selection-scoped, so the per-asset