@strapi/upload 5.51.0 → 5.51.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsSearchInput.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetsSearchInput.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ChangeEvent, type FormEvent } from 'react';\n\nimport { useDebounce, useIsMobile, useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Box, Searchbar, SearchForm } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSearch } from '../hooks/useAssetSearch';\n\nconst DEBOUNCE_MS = 300;\n\n/**\n * Keyword search over the whole Media Library. Owns the typing state and the\n * debounce; `useAssetSearch` owns the `?_q=` URL param.\n */\nexport const AssetsSearchInput = () => {\n  const { formatMessage } = useIntl();\n  const { searchQuery, setSearchQuery } = useAssetSearch();\n  const isMobile = useIsMobile();\n\n  const [value, setValue] = useState(searchQuery);\n  const debouncedValue = useDebounce(value, DEBOUNCE_MS);\n\n  // Tracks the last value the URL and the input agreed on. Without it the two\n  // effects below would ping-pong: each would see the other's write as a change\n  // worth reacting to.\n  const lastCommittedRef = useRef(searchQuery);\n\n  // Read directly rather than through `useFolderNavigation`, which strips\n  // malformed `?folder=` values as a side effect.\n  const [{ query }] = useQueryParams<{ folder?: string }>();\n  const folderParam = query?.folder ?? '';\n  const lastFolderRef = useRef(folderParam);\n\n  // Commit settled input to the URL.\n  useEffect(() => {\n    if (debouncedValue === lastCommittedRef.current) {\n      return;\n    }\n\n    lastCommittedRef.current = debouncedValue;\n    setSearchQuery(debouncedValue);\n  }, [debouncedValue, setSearchQuery]);\n\n  // Re-sync on external changes — back/forward, or \"Clear search\" in the empty\n  // state.\n  useEffect(() => {\n    if (searchQuery === lastCommittedRef.current) {\n      return;\n    }\n\n    lastCommittedRef.current = searchQuery;\n    setValue(searchQuery);\n  }, [searchQuery]);\n\n  // A folder navigation clears `_q`, but a term typed and never committed lives\n  // only in the debounce — without this it lands afterwards and reactivates the\n  // global search. `_q` alone can't see it: it was never non-empty.\n  useEffect(() => {\n    if (folderParam === lastFolderRef.current) {\n      return;\n    }\n\n    lastFolderRef.current = folderParam;\n    lastCommittedRef.current = searchQuery;\n    setValue(searchQuery);\n  }, [folderParam, searchQuery]);\n\n  const searchForm = (\n    <SearchForm onSubmit={(event: FormEvent<HTMLFormElement>) => event.preventDefault()}>\n      <Searchbar\n        name=\"search-assets\"\n        value={value}\n        onChange={(event: ChangeEvent<HTMLInputElement>) => setValue(event.target.value)}\n        onClear={() => setValue('')}\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n        placeholder={formatMessage({\n          id: getTranslationKey('header.search.placeholder'),\n          defaultMessage: 'Search',\n        })}\n        size=\"S\"\n      >\n        {formatMessage({\n          id: getTranslationKey('search.label'),\n          defaultMessage: 'Search for an asset',\n        })}\n      </Searchbar>\n    </SearchForm>\n  );\n\n  // TODO: (design question)The input stays visible at every breakpoint; on mobile it takes the full\n  // width of the toolbar instead of its intrinsic size.\n  if (isMobile) {\n    return <Box width=\"100%\">{searchForm}</Box>;\n  }\n\n  return searchForm;\n};\n"],"names":["DEBOUNCE_MS","AssetsSearchInput","formatMessage","useIntl","searchQuery","setSearchQuery","useAssetSearch","isMobile","useIsMobile","value","setValue","useState","debouncedValue","useDebounce","lastCommittedRef","useRef","query","useQueryParams","folderParam","folder","lastFolderRef","useEffect","current","searchForm","_jsx","SearchForm","onSubmit","event","preventDefault","Searchbar","name","onChange","target","onClear","clearLabel","id","defaultMessage","placeholder","getTranslationKey","size","Box","width"],"mappings":"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"}

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

@@ -6,11 +6,14 @@ var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
+var useMediaLibraryPermissions = require('../../../hooks/useMediaLibraryPermissions.js');
 var files = require('../../../utils/files.js');
 var getAssetIcon = require('../../../utils/getAssetIcon.js');
 var translations = require('../../../utils/translations.js');
 var constants = require('../constants.js');
+var useAssetSelection = require('../hooks/useAssetSelection.js');
 var useFolderNavigation = require('../hooks/useFolderNavigation.js');
+var selection = require('../utils/selection.js');
 var AssetsDndProvider = require('./Dnd/AssetsDndProvider.js');
 var useAssetDnd = require('./Dnd/useAssetDnd.js');
 
@@ -40,7 +43,8 @@ const StyledTd = styledComponents.styled(designSystem.RawTd)`
 `;
 const StyledTr = styledComponents.styled.tr`
   height: 48px;
-  background: ${({ theme })=>theme.colors.neutral0};
+  user-select: none;
+  background: ${({ theme, $isSelected })=>$isSelected ? theme.colors.primary100 : theme.colors.neutral0};
   cursor: ${({ $isMovePending, $isInvalidDropTarget })=>{
     if ($isMovePending) {
         return 'wait';
@@ -71,6 +75,39 @@ const StyledTr = styledComponents.styled.tr`
     }
   }
 `;
+// Leading checkbox column. Narrow + centred so the control sits flush against the
+// row's left edge.
+const CheckboxTd = styledComponents.styled(StyledTd)`
+  width: 1%;
+  white-space: nowrap;
+`;
+const CheckboxTh = styledComponents.styled(StyledTh)`
+  width: 1%;
+  white-space: nowrap;
+`;
+// The asset filename is its own interactive element: clicking it opens the
+// details drawer instead of selecting the row.
+const NameButton = styledComponents.styled.button`
+  display: inline-flex;
+  max-width: 100%;
+  border: none;
+  background: transparent;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  text-align: left;
+  color: inherit;
+  font: inherit;
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: 2px;
+    border-radius: 2px;
+  }
+`;
+const stopRowEvent = (e)=>{
+    e.stopPropagation();
+};
 const AssetPreviewCell = ({ asset })=>{
     const { ext, mime } = asset;
     const DocIcon = getAssetIcon.getAssetIcon(mime, ext);
@@ -88,17 +125,49 @@ const AssetPreviewCell = ({ asset })=>{
         })
     });
 };
-const AssetRow = ({ asset, onAssetItemClick })=>{
+const AssetRow = ({ asset, orderedItemKeys, onAssetItemClick })=>{
     const isMobile = strapiAdmin.useIsMobile();
     const { formatDate, formatMessage } = reactIntl.useIntl();
     const { isMovePending } = AssetsDndProvider.useAssetsDndOptional() ?? {
         isMovePending: false
     };
     const { attributes, listeners, setNodeRef, isDragging } = useAssetDnd.useFileDraggable(asset);
+    const { isSelected, toggle, selectRange } = useAssetSelection.useAssetSelection();
+    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
+    const key = selection.assetKey(asset.id);
+    const selected = isSelected(key);
+    // Plain click opens the asset details; pointer selection lives on the
+    // checkbox only. Modifier clicks keep the selection semantics: shift selects
+    // a range, cmd/ctrl toggles.
+    const handleRowClick = (e)=>{
+        if (e.shiftKey) {
+            selectRange(orderedItemKeys, key);
+        } else if (e.metaKey || e.ctrlKey) {
+            toggle(key);
+        } else {
+            onAssetItemClick(asset.id);
+        }
+    };
+    // Desktop: Space toggles selection (additive), Enter opens the details drawer.
     const handleKeyDown = (e)=>{
-        if (e.key === 'Enter' || e.key === ' ') {
+        if (e.key === 'Enter') {
             e.preventDefault();
             onAssetItemClick(asset.id);
+        } else if (e.key === ' ') {
+            e.preventDefault();
+            toggle(key);
+        }
+    };
+    const handleNameClick = (e)=>{
+        e.stopPropagation();
+        onAssetItemClick(asset.id);
+    };
+    const handleCheckboxClick = (e)=>{
+        e.stopPropagation();
+        if (e.shiftKey) {
+            selectRange(orderedItemKeys, key);
+        } else {
+            toggle(key);
         }
     };
     return /*#__PURE__*/ jsxRuntime.jsxs(StyledTr, {
@@ -107,12 +176,29 @@ const AssetRow = ({ asset, onAssetItemClick })=>{
         ...listeners,
         $isDragging: isDragging,
         $isMovePending: isMovePending,
+        $isSelected: selected,
         tabIndex: 0,
         role: "row",
         onDragStart: (e)=>e.preventDefault(),
-        onClick: ()=>onAssetItemClick(asset.id),
+        onClick: handleRowClick,
         onKeyDown: handleKeyDown,
         children: [
+            !isMobile && canUpdate && /*#__PURE__*/ jsxRuntime.jsx(CheckboxTd, {
+                onClick: stopRowEvent,
+                onKeyDown: stopRowEvent,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                        checked: selected,
+                        onClick: handleCheckboxClick,
+                        "aria-label": formatMessage({
+                            id: translations.getTranslationKey('list.table.row.select'),
+                            defaultMessage: 'Select {name}'
+                        }, {
+                            name: asset.name
+                        })
+                    })
+                })
+            }),
             /*#__PURE__*/ jsxRuntime.jsx(StyledTd, {
                 children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                     gap: 3,
@@ -124,12 +210,17 @@ const AssetRow = ({ asset, onAssetItemClick })=>{
                         /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                             direction: "column",
                             alignItems: "flex-start",
+                            minWidth: 0,
                             children: [
-                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                    textColor: "neutral800",
-                                    fontWeight: "semiBold",
-                                    ellipsis: true,
-                                    children: asset.name
+                                /*#__PURE__*/ jsxRuntime.jsx(NameButton, {
+                                    type: "button",
+                                    onClick: handleNameClick,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        textColor: "neutral800",
+                                        fontWeight: "semiBold",
+                                        ellipsis: true,
+                                        children: asset.name
+                                    })
                                 }),
                                 isMobile && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
                                     textColor: "neutral600",
@@ -189,18 +280,44 @@ const FolderTr = styledComponents.styled(StyledTr)`
     background: ${({ theme })=>theme.colors.primary100};
   }
 `;
-const FolderRow = ({ folder })=>{
+const FolderRow = ({ folder, orderedItemKeys })=>{
     const isMobile = strapiAdmin.useIsMobile();
     const { formatDate, formatMessage } = reactIntl.useIntl();
     const { navigateToFolder } = useFolderNavigation.useFolderNavigation();
+    const { isSelected, toggle, selectRange } = useAssetSelection.useAssetSelection();
+    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
     const { isMovePending } = AssetsDndProvider.useAssetsDndOptional() ?? {
         isMovePending: false
     };
     const { draggable: { attributes, listeners, setNodeRef: setDragRef, isDragging }, droppable: { setNodeRef: setDropRef }, showValidDropHighlight, showInvalidDropCursor } = useAssetDnd.useFolderDraggableDroppable(folder);
+    const key = selection.folderKey(folder.id);
+    // Folders share the selection mechanism with assets. Only the plain-click
+    // semantic differs: it navigates into the folder instead of selecting it.
+    const handleRowClick = (e)=>{
+        if (e.shiftKey) {
+            selectRange(orderedItemKeys, key);
+        } else if (e.metaKey || e.ctrlKey) {
+            toggle(key);
+        } else {
+            navigateToFolder(folder);
+        }
+    };
+    // Enter navigates into the folder, Space toggles selection (same as assets).
     const handleKeyDown = (e)=>{
-        if (e.key === 'Enter' || e.key === ' ') {
+        if (e.key === 'Enter') {
             e.preventDefault();
             navigateToFolder(folder);
+        } else if (e.key === ' ') {
+            e.preventDefault();
+            toggle(key);
+        }
+    };
+    const handleCheckboxClick = (e)=>{
+        e.stopPropagation();
+        if (e.shiftKey) {
+            selectRange(orderedItemKeys, key);
+        } else {
+            toggle(key);
         }
     };
     return /*#__PURE__*/ jsxRuntime.jsxs(FolderTr, {
@@ -214,12 +331,29 @@ const FolderRow = ({ folder })=>{
         $isMovePending: isMovePending,
         $isValidDropTarget: showValidDropHighlight,
         $isInvalidDropTarget: showInvalidDropCursor,
+        $isSelected: isSelected(key),
         tabIndex: 0,
         role: "row",
         onDragStart: (e)=>e.preventDefault(),
-        onClick: ()=>navigateToFolder(folder),
+        onClick: handleRowClick,
         onKeyDown: handleKeyDown,
         children: [
+            !isMobile && canUpdate && /*#__PURE__*/ jsxRuntime.jsx(CheckboxTd, {
+                onClick: stopRowEvent,
+                onKeyDown: stopRowEvent,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                        checked: isSelected(key),
+                        onClick: handleCheckboxClick,
+                        "aria-label": formatMessage({
+                            id: translations.getTranslationKey('list.table.row.select'),
+                            defaultMessage: 'Select {name}'
+                        }, {
+                            name: folder.name
+                        })
+                    })
+                })
+            }),
             /*#__PURE__*/ jsxRuntime.jsx(StyledTd, {
                 children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
                     gap: 3,
@@ -290,52 +424,99 @@ const FolderRow = ({ folder })=>{
         ]
     });
 };
-const AssetsTable = ({ assets, folders = [], onAssetItemClick })=>{
+const AssetsTable = ({ assets, folders = [], mixedItems = null, onAssetItemClick })=>{
     const isMobile = strapiAdmin.useIsMobile();
     const { formatMessage } = reactIntl.useIntl();
+    const { selectedKeys, selectAll, clear } = useAssetSelection.useAssetSelection();
+    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
     const visibleHeaders = isMobile ? constants.TABLE_HEADERS.filter((h)=>h.name === 'name' || h.name === 'actions') : constants.TABLE_HEADERS;
+    // The checkbox column is a dedicated structural column (not part of
+    // TABLE_HEADERS). Hidden on mobile (multi-select deferred) and without the
+    // update permission — every bulk action needs `assets.update`, so a
+    // read-only user has nothing to select for.
+    const showCheckboxColumn = !isMobile && canUpdate;
+    const colCount = visibleHeaders.length + (showCheckboxColumn ? 1 : 0);
     const totalRows = folders.length + assets.length;
+    // Render order — folders first by default, or the interleaved mixed order.
+    // Range selection follows it.
+    const orderedItemKeys = mixedItems ? mixedItems.map((item)=>item.kind === 'folder' ? selection.folderKey(item.folder.id) : selection.assetKey(item.asset.id)) : [
+        ...folders.map((folder)=>selection.folderKey(folder.id)),
+        ...assets.map((asset)=>selection.assetKey(asset.id))
+    ];
+    const { allSelected, isIndeterminate } = selection.getSelectAllState(selectedKeys, orderedItemKeys);
+    const handleSelectAll = ()=>{
+        if (allSelected) {
+            clear();
+        } else {
+            selectAll(orderedItemKeys);
+        }
+    };
     // The empty state is owned by the page (`AssetsView` renders `EmptyState`) — an
     // empty table renders nothing at all, not headers over an empty body.
     if (totalRows === 0) {
         return null;
     }
     return /*#__PURE__*/ jsxRuntime.jsxs(StyledTable, {
-        colCount: visibleHeaders.length,
-        rowCount: totalRows + 1,
+        colCount: colCount,
+        rowCount: (mixedItems ? mixedItems.length : totalRows) + 1,
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(StyledThead, {
-                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.RawTr, {
-                    children: visibleHeaders.map((header)=>{
-                        const tableHeaderLabel = formatMessage(header.label);
-                        const isVisuallyHidden = 'isVisuallyHidden' in header && header.isVisuallyHidden;
-                        if (isVisuallyHidden) {
-                            return /*#__PURE__*/ jsxRuntime.jsx(StyledTh, {
-                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
-                                    children: formatMessage({
-                                        id: translations.getTranslationKey('table.header.actions'),
-                                        defaultMessage: 'actions'
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.RawTr, {
+                    children: [
+                        showCheckboxColumn && /*#__PURE__*/ jsxRuntime.jsx(CheckboxTh, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                                    checked: isIndeterminate ? 'indeterminate' : allSelected,
+                                    disabled: orderedItemKeys.length === 0,
+                                    onCheckedChange: handleSelectAll,
+                                    "aria-label": formatMessage({
+                                        id: translations.getTranslationKey('list.table.header.select-all'),
+                                        defaultMessage: 'Select all'
                                     })
                                 })
-                            }, header.name);
-                        }
-                        return /*#__PURE__*/ jsxRuntime.jsx(StyledTh, {
-                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
-                                textColor: "neutral600",
-                                variant: "sigma",
-                                children: tableHeaderLabel
                             })
-                        }, header.name);
-                    })
+                        }),
+                        visibleHeaders.map((header)=>{
+                            const tableHeaderLabel = formatMessage(header.label);
+                            const isVisuallyHidden = 'isVisuallyHidden' in header && header.isVisuallyHidden;
+                            if (isVisuallyHidden) {
+                                return /*#__PURE__*/ jsxRuntime.jsx(StyledTh, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                        children: formatMessage({
+                                            id: translations.getTranslationKey('table.header.actions'),
+                                            defaultMessage: 'actions'
+                                        })
+                                    })
+                                }, header.name);
+                            }
+                            return /*#__PURE__*/ jsxRuntime.jsx(StyledTh, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    textColor: "neutral600",
+                                    variant: "sigma",
+                                    children: tableHeaderLabel
+                                })
+                            }, header.name);
+                        })
+                    ]
                 })
             }),
             /*#__PURE__*/ jsxRuntime.jsxs(designSystem.RawTbody, {
                 children: [
-                    folders.map((folder)=>/*#__PURE__*/ jsxRuntime.jsx(FolderRow, {
-                            folder: folder
+                    mixedItems?.map((item)=>item.kind === 'folder' ? /*#__PURE__*/ jsxRuntime.jsx(FolderRow, {
+                            folder: item.folder,
+                            orderedItemKeys: orderedItemKeys
+                        }, `folder-${item.folder.id}`) : /*#__PURE__*/ jsxRuntime.jsx(AssetRow, {
+                            asset: item.asset,
+                            orderedItemKeys: orderedItemKeys,
+                            onAssetItemClick: onAssetItemClick
+                        }, item.asset.id)),
+                    !mixedItems && folders.map((folder)=>/*#__PURE__*/ jsxRuntime.jsx(FolderRow, {
+                            folder: folder,
+                            orderedItemKeys: orderedItemKeys
                         }, `folder-${folder.id}`)),
-                    assets.map((asset)=>/*#__PURE__*/ jsxRuntime.jsx(AssetRow, {
+                    !mixedItems && assets.map((asset)=>/*#__PURE__*/ jsxRuntime.jsx(AssetRow, {
                             asset: asset,
+                            orderedItemKeys: orderedItemKeys,
                             onAssetItemClick: onAssetItemClick
                         }, asset.id))
                 ]

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

@@ -1 +1 @@
-{"version":3,"file":"AssetsTable.js","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetsTable.tsx"],"sourcesContent":["import { useIsMobile } from '@strapi/admin/strapi-admin';\nimport {\n  Flex,\n  IconButton,\n  RawTable,\n  RawTbody,\n  RawTd,\n  RawTh,\n  RawThead,\n  RawTr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { Folder as FolderIcon, More } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { formatBytes } from '../../../utils/files';\nimport { getAssetIcon } from '../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { TABLE_HEADERS } from '../constants';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\n\nimport { useAssetsDndOptional } from './Dnd/AssetsDndProvider';\nimport { useFileDraggable, useFolderDraggableDroppable } from './Dnd/useAssetDnd';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../../shared/contracts/folders';\n\nconst StyledTable = styled(RawTable)`\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: 4px;\n  overflow: hidden;\n`;\n\nconst StyledThead = styled(RawThead)`\n  background: ${({ theme }) => theme.colors.neutral100};\n\n  tr {\n    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n  }\n`;\n\nconst StyledTh = styled(RawTh)`\n  height: 40px;\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  text-align: left;\n`;\n\nconst StyledTd = styled(RawTd)`\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst StyledTr = styled.tr<{\n  $isDragging?: boolean;\n  $isMovePending?: boolean;\n  $isValidDropTarget?: boolean;\n  $isInvalidDropTarget?: boolean;\n}>`\n  height: 48px;\n  background: ${({ theme }) => theme.colors.neutral0};\n  cursor: ${({ $isMovePending, $isInvalidDropTarget }) => {\n    if ($isMovePending) {\n      return 'wait';\n    }\n\n    return $isInvalidDropTarget ? 'not-allowed' : 'pointer';\n  }};\n  opacity: ${({ $isDragging }) => ($isDragging ? 0.4 : 1)};\n  pointer-events: ${({ $isMovePending }) => ($isMovePending ? 'none' : 'auto')};\n\n  ${({ $isValidDropTarget, theme }) =>\n    $isValidDropTarget &&\n    css`\n      background: ${theme.colors.primary100};\n      outline: 1px dashed ${theme.colors.primary600};\n      outline-offset: -1px;\n    `}\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n\n  &:last-child {\n    ${StyledTd} {\n      border-bottom: 0;\n    }\n  }\n`;\n\ninterface AssetPreviewCellProps {\n  asset: File;\n}\n\nconst AssetPreviewCell = ({ asset }: AssetPreviewCellProps) => {\n  const { ext, mime } = asset;\n\n  const DocIcon = getAssetIcon(mime, ext);\n\n  return (\n    <Flex\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      borderRadius=\"4px\"\n      color=\"neutral500\"\n      width=\"3.2rem\"\n      height=\"3.2rem\"\n      shrink={0}\n    >\n      <DocIcon width={20} height={20} />\n    </Flex>\n  );\n};\n\ninterface AssetRowProps {\n  asset: File;\n  onAssetItemClick: (assetId: number) => void;\n}\n\nconst AssetRow = ({ asset, onAssetItemClick }: AssetRowProps) => {\n  const isMobile = useIsMobile();\n  const { formatDate, formatMessage } = useIntl();\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n  const { attributes, listeners, setNodeRef, isDragging } = useFileDraggable(asset);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      onAssetItemClick(asset.id);\n    }\n  };\n\n  return (\n    <StyledTr\n      ref={setNodeRef}\n      {...attributes}\n      {...listeners}\n      $isDragging={isDragging}\n      $isMovePending={isMovePending}\n      tabIndex={0}\n      role=\"row\"\n      onDragStart={(e) => e.preventDefault()}\n      onClick={() => onAssetItemClick(asset.id)}\n      onKeyDown={handleKeyDown}\n    >\n      <StyledTd>\n        <Flex gap={3} alignItems=\"center\">\n          <AssetPreviewCell asset={asset} />\n          <Flex direction=\"column\" alignItems=\"flex-start\">\n            <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n              {asset.name}\n            </Typography>\n            {isMobile && (\n              <Typography textColor=\"neutral600\" variant=\"pi\">\n                {asset.size ? formatBytes(asset.size, 1) : '-'}\n              </Typography>\n            )}\n          </Flex>\n        </Flex>\n      </StyledTd>\n      {!isMobile && (\n        <>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {asset.createdAt ? formatDate(new Date(asset.createdAt), { dateStyle: 'long' }) : '-'}\n            </Typography>\n          </StyledTd>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {asset.updatedAt ? formatDate(new Date(asset.updatedAt), { dateStyle: 'long' }) : '-'}\n            </Typography>\n          </StyledTd>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {asset.size ? formatBytes(asset.size, 1) : '-'}\n            </Typography>\n          </StyledTd>\n        </>\n      )}\n      <StyledTd>\n        <Flex justifyContent=\"flex-end\">\n          <IconButton\n            label={formatMessage({\n              id: getTranslationKey('control-card.more-actions'),\n              defaultMessage: 'More actions',\n            })}\n            variant=\"ghost\"\n            onClick={(e: React.MouseEvent) => e.stopPropagation()}\n          >\n            <More />\n          </IconButton>\n        </Flex>\n      </StyledTd>\n    </StyledTr>\n  );\n};\n\nconst FolderTr = styled(StyledTr)`\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n`;\n\ninterface FolderRowProps {\n  folder: Folder;\n}\n\nconst FolderRow = ({ folder }: FolderRowProps) => {\n  const isMobile = useIsMobile();\n  const { formatDate, formatMessage } = useIntl();\n  const { navigateToFolder } = useFolderNavigation();\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n  const {\n    draggable: { attributes, listeners, setNodeRef: setDragRef, isDragging },\n    droppable: { setNodeRef: setDropRef },\n    showValidDropHighlight,\n    showInvalidDropCursor,\n  } = useFolderDraggableDroppable(folder);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      navigateToFolder(folder);\n    }\n  };\n\n  return (\n    <FolderTr\n      ref={(node) => {\n        setDragRef(node);\n        setDropRef(node);\n      }}\n      {...attributes}\n      {...listeners}\n      $isDragging={isDragging}\n      $isMovePending={isMovePending}\n      $isValidDropTarget={showValidDropHighlight}\n      $isInvalidDropTarget={showInvalidDropCursor}\n      tabIndex={0}\n      role=\"row\"\n      onDragStart={(e) => e.preventDefault()}\n      onClick={() => navigateToFolder(folder)}\n      onKeyDown={handleKeyDown}\n    >\n      <StyledTd>\n        <Flex gap={3} alignItems=\"center\">\n          <Flex\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            borderRadius=\"4px\"\n            color=\"neutral600\"\n            width=\"3.2rem\"\n            height=\"3.2rem\"\n            shrink={0}\n          >\n            <FolderIcon width={20} height={20} />\n          </Flex>\n          <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n            {folder.name}\n          </Typography>\n        </Flex>\n      </StyledTd>\n      {!isMobile && (\n        <>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {folder.createdAt\n                ? formatDate(new Date(folder.createdAt), { dateStyle: 'long' })\n                : '-'}\n            </Typography>\n          </StyledTd>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {folder.updatedAt\n                ? formatDate(new Date(folder.updatedAt), { dateStyle: 'long' })\n                : '-'}\n            </Typography>\n          </StyledTd>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">-</Typography>\n          </StyledTd>\n        </>\n      )}\n      <StyledTd>\n        <Flex justifyContent=\"flex-end\">\n          <IconButton\n            label={formatMessage({\n              id: getTranslationKey('control-card.more-actions'),\n              defaultMessage: 'More actions',\n            })}\n            variant=\"ghost\"\n            onClick={(e: React.MouseEvent) => e.stopPropagation()}\n          >\n            <More />\n          </IconButton>\n        </Flex>\n      </StyledTd>\n    </FolderTr>\n  );\n};\n\ninterface AssetsTableProps {\n  assets: File[];\n  folders?: Folder[];\n  onAssetItemClick: (assetId: number) => void;\n}\n\nexport const AssetsTable = ({ assets, folders = [], onAssetItemClick }: AssetsTableProps) => {\n  const isMobile = useIsMobile();\n  const { formatMessage } = useIntl();\n\n  const visibleHeaders = isMobile\n    ? TABLE_HEADERS.filter((h) => h.name === 'name' || h.name === 'actions')\n    : TABLE_HEADERS;\n\n  const totalRows = folders.length + assets.length;\n\n  // The empty state is owned by the page (`AssetsView` renders `EmptyState`) — an\n  // empty table renders nothing at all, not headers over an empty body.\n  if (totalRows === 0) {\n    return null;\n  }\n\n  return (\n    <StyledTable colCount={visibleHeaders.length} rowCount={totalRows + 1}>\n      <StyledThead>\n        <RawTr>\n          {visibleHeaders.map((header) => {\n            const tableHeaderLabel = formatMessage(header.label);\n            const isVisuallyHidden = 'isVisuallyHidden' in header && header.isVisuallyHidden;\n\n            if (isVisuallyHidden) {\n              return (\n                <StyledTh key={header.name}>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: getTranslationKey('table.header.actions'),\n                      defaultMessage: 'actions',\n                    })}\n                  </VisuallyHidden>\n                </StyledTh>\n              );\n            }\n\n            return (\n              <StyledTh key={header.name}>\n                <Typography textColor=\"neutral600\" variant=\"sigma\">\n                  {tableHeaderLabel}\n                </Typography>\n              </StyledTh>\n            );\n          })}\n        </RawTr>\n      </StyledThead>\n      <RawTbody>\n        {folders.map((folder) => (\n          <FolderRow key={`folder-${folder.id}`} folder={folder} />\n        ))}\n        {assets.map((asset) => (\n          <AssetRow key={asset.id} asset={asset} onAssetItemClick={onAssetItemClick} />\n        ))}\n      </RawTbody>\n    </StyledTable>\n  );\n};\n"],"names":["StyledTable","styled","RawTable","theme","colors","neutral150","StyledThead","RawThead","neutral100","StyledTh","RawTh","spaces","StyledTd","RawTd","StyledTr","tr","neutral0","$isMovePending","$isInvalidDropTarget","$isDragging","$isValidDropTarget","css","primary100","primary600","AssetPreviewCell","asset","ext","mime","DocIcon","getAssetIcon","_jsx","Flex","justifyContent","alignItems","borderRadius","color","width","height","shrink","AssetRow","onAssetItemClick","isMobile","useIsMobile","formatDate","formatMessage","useIntl","isMovePending","useAssetsDndOptional","attributes","listeners","setNodeRef","isDragging","useFileDraggable","handleKeyDown","e","key","preventDefault","id","_jsxs","ref","tabIndex","role","onDragStart","onClick","onKeyDown","gap","direction","Typography","textColor","fontWeight","ellipsis","name","variant","size","formatBytes","_Fragment","createdAt","Date","dateStyle","updatedAt","IconButton","label","getTranslationKey","defaultMessage","stopPropagation","More","FolderTr","FolderRow","folder","navigateToFolder","useFolderNavigation","draggable","setDragRef","droppable","setDropRef","showValidDropHighlight","showInvalidDropCursor","useFolderDraggableDroppable","node","FolderIcon","AssetsTable","assets","folders","visibleHeaders","TABLE_HEADERS","filter","h","totalRows","length","colCount","rowCount","RawTr","map","header","tableHeaderLabel","isVisuallyHidden","VisuallyHidden","RawTbody"],"mappings":"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"}
+{"version":3,"file":"AssetsTable.js","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetsTable.tsx"],"sourcesContent":["import { useIsMobile } from '@strapi/admin/strapi-admin';\nimport {\n  Checkbox,\n  Flex,\n  IconButton,\n  RawTable,\n  RawTbody,\n  RawTd,\n  RawTh,\n  RawThead,\n  RawTr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { Folder as FolderIcon, More } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { formatBytes } from '../../../utils/files';\nimport { getAssetIcon } from '../../../utils/getAssetIcon';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { TABLE_HEADERS } from '../constants';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { type MixedItem } from '../utils/mergeMixedList';\nimport { assetKey, folderKey, getSelectAllState, type ItemKey } from '../utils/selection';\n\nimport { useAssetsDndOptional } from './Dnd/AssetsDndProvider';\nimport { useFileDraggable, useFolderDraggableDroppable } from './Dnd/useAssetDnd';\n\nimport type { File } from '../../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../../shared/contracts/folders';\n\nconst StyledTable = styled(RawTable)`\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  border: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: 4px;\n  overflow: hidden;\n`;\n\nconst StyledThead = styled(RawThead)`\n  background: ${({ theme }) => theme.colors.neutral100};\n\n  tr {\n    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n  }\n`;\n\nconst StyledTh = styled(RawTh)`\n  height: 40px;\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  text-align: left;\n`;\n\nconst StyledTd = styled(RawTd)`\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\nconst StyledTr = styled.tr<{\n  $isDragging?: boolean;\n  $isMovePending?: boolean;\n  $isValidDropTarget?: boolean;\n  $isInvalidDropTarget?: boolean;\n  $isSelected?: boolean;\n}>`\n  height: 48px;\n  user-select: none;\n  background: ${({ theme, $isSelected }) =>\n    $isSelected ? theme.colors.primary100 : theme.colors.neutral0};\n  cursor: ${({ $isMovePending, $isInvalidDropTarget }) => {\n    if ($isMovePending) {\n      return 'wait';\n    }\n\n    return $isInvalidDropTarget ? 'not-allowed' : 'pointer';\n  }};\n  opacity: ${({ $isDragging }) => ($isDragging ? 0.4 : 1)};\n  pointer-events: ${({ $isMovePending }) => ($isMovePending ? 'none' : 'auto')};\n\n  ${({ $isValidDropTarget, theme }) =>\n    $isValidDropTarget &&\n    css`\n      background: ${theme.colors.primary100};\n      outline: 1px dashed ${theme.colors.primary600};\n      outline-offset: -1px;\n    `}\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n\n  &:last-child {\n    ${StyledTd} {\n      border-bottom: 0;\n    }\n  }\n`;\n\n// Leading checkbox column. Narrow + centred so the control sits flush against the\n// row's left edge.\nconst CheckboxTd = styled(StyledTd)`\n  width: 1%;\n  white-space: nowrap;\n`;\n\nconst CheckboxTh = styled(StyledTh)`\n  width: 1%;\n  white-space: nowrap;\n`;\n\n// The asset filename is its own interactive element: clicking it opens the\n// details drawer instead of selecting the row.\nconst NameButton = styled.button`\n  display: inline-flex;\n  max-width: 100%;\n  border: none;\n  background: transparent;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  text-align: left;\n  color: inherit;\n  font: inherit;\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: 2px;\n    border-radius: 2px;\n  }\n`;\n\nconst stopRowEvent = (e: React.SyntheticEvent) => {\n  e.stopPropagation();\n};\n\ninterface AssetPreviewCellProps {\n  asset: File;\n}\n\nconst AssetPreviewCell = ({ asset }: AssetPreviewCellProps) => {\n  const { ext, mime } = asset;\n\n  const DocIcon = getAssetIcon(mime, ext);\n\n  return (\n    <Flex\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      borderRadius=\"4px\"\n      color=\"neutral500\"\n      width=\"3.2rem\"\n      height=\"3.2rem\"\n      shrink={0}\n    >\n      <DocIcon width={20} height={20} />\n    </Flex>\n  );\n};\n\ninterface AssetRowProps {\n  asset: File;\n  orderedItemKeys: ItemKey[];\n  onAssetItemClick: (assetId: number) => void;\n}\n\nconst AssetRow = ({ asset, orderedItemKeys, onAssetItemClick }: AssetRowProps) => {\n  const isMobile = useIsMobile();\n  const { formatDate, formatMessage } = useIntl();\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n  const { attributes, listeners, setNodeRef, isDragging } = useFileDraggable(asset);\n  const { isSelected, toggle, selectRange } = useAssetSelection();\n  const { canUpdate } = useMediaLibraryPermissions();\n\n  const key = assetKey(asset.id);\n  const selected = isSelected(key);\n\n  // Plain click opens the asset details; pointer selection lives on the\n  // checkbox only. Modifier clicks keep the selection semantics: shift selects\n  // a range, cmd/ctrl toggles.\n  const handleRowClick = (e: React.MouseEvent) => {\n    if (e.shiftKey) {\n      selectRange(orderedItemKeys, key);\n    } else if (e.metaKey || e.ctrlKey) {\n      toggle(key);\n    } else {\n      onAssetItemClick(asset.id);\n    }\n  };\n\n  // Desktop: Space toggles selection (additive), Enter opens the details drawer.\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      onAssetItemClick(asset.id);\n    } else if (e.key === ' ') {\n      e.preventDefault();\n      toggle(key);\n    }\n  };\n\n  const handleNameClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onAssetItemClick(asset.id);\n  };\n\n  const handleCheckboxClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (e.shiftKey) {\n      selectRange(orderedItemKeys, key);\n    } else {\n      toggle(key);\n    }\n  };\n\n  return (\n    <StyledTr\n      ref={setNodeRef}\n      {...attributes}\n      {...listeners}\n      $isDragging={isDragging}\n      $isMovePending={isMovePending}\n      $isSelected={selected}\n      tabIndex={0}\n      role=\"row\"\n      onDragStart={(e) => e.preventDefault()}\n      onClick={handleRowClick}\n      onKeyDown={handleKeyDown}\n    >\n      {/* No checkbox column on mobile (multi-select deferred) or without the\n          update permission (nothing selectable can be acted on). */}\n      {!isMobile && canUpdate && (\n        <CheckboxTd onClick={stopRowEvent} onKeyDown={stopRowEvent}>\n          <Flex>\n            <Checkbox\n              checked={selected}\n              onClick={handleCheckboxClick}\n              aria-label={formatMessage(\n                {\n                  id: getTranslationKey('list.table.row.select'),\n                  defaultMessage: 'Select {name}',\n                },\n                { name: asset.name }\n              )}\n            />\n          </Flex>\n        </CheckboxTd>\n      )}\n      <StyledTd>\n        <Flex gap={3} alignItems=\"center\">\n          <AssetPreviewCell asset={asset} />\n          <Flex direction=\"column\" alignItems=\"flex-start\" minWidth={0}>\n            <NameButton type=\"button\" onClick={handleNameClick}>\n              <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n                {asset.name}\n              </Typography>\n            </NameButton>\n            {isMobile && (\n              <Typography textColor=\"neutral600\" variant=\"pi\">\n                {asset.size ? formatBytes(asset.size, 1) : '-'}\n              </Typography>\n            )}\n          </Flex>\n        </Flex>\n      </StyledTd>\n      {!isMobile && (\n        <>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {asset.createdAt ? formatDate(new Date(asset.createdAt), { dateStyle: 'long' }) : '-'}\n            </Typography>\n          </StyledTd>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {asset.updatedAt ? formatDate(new Date(asset.updatedAt), { dateStyle: 'long' }) : '-'}\n            </Typography>\n          </StyledTd>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {asset.size ? formatBytes(asset.size, 1) : '-'}\n            </Typography>\n          </StyledTd>\n        </>\n      )}\n      <StyledTd>\n        <Flex justifyContent=\"flex-end\">\n          <IconButton\n            label={formatMessage({\n              id: getTranslationKey('control-card.more-actions'),\n              defaultMessage: 'More actions',\n            })}\n            variant=\"ghost\"\n            onClick={(e: React.MouseEvent) => e.stopPropagation()}\n          >\n            <More />\n          </IconButton>\n        </Flex>\n      </StyledTd>\n    </StyledTr>\n  );\n};\n\nconst FolderTr = styled(StyledTr)`\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n`;\n\ninterface FolderRowProps {\n  folder: Folder;\n  orderedItemKeys: ItemKey[];\n}\n\nconst FolderRow = ({ folder, orderedItemKeys }: FolderRowProps) => {\n  const isMobile = useIsMobile();\n  const { formatDate, formatMessage } = useIntl();\n  const { navigateToFolder } = useFolderNavigation();\n  const { isSelected, toggle, selectRange } = useAssetSelection();\n  const { canUpdate } = useMediaLibraryPermissions();\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n  const {\n    draggable: { attributes, listeners, setNodeRef: setDragRef, isDragging },\n    droppable: { setNodeRef: setDropRef },\n    showValidDropHighlight,\n    showInvalidDropCursor,\n  } = useFolderDraggableDroppable(folder);\n\n  const key = folderKey(folder.id);\n\n  // Folders share the selection mechanism with assets. Only the plain-click\n  // semantic differs: it navigates into the folder instead of selecting it.\n  const handleRowClick = (e: React.MouseEvent) => {\n    if (e.shiftKey) {\n      selectRange(orderedItemKeys, key);\n    } else if (e.metaKey || e.ctrlKey) {\n      toggle(key);\n    } else {\n      navigateToFolder(folder);\n    }\n  };\n\n  // Enter navigates into the folder, Space toggles selection (same as assets).\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      navigateToFolder(folder);\n    } else if (e.key === ' ') {\n      e.preventDefault();\n      toggle(key);\n    }\n  };\n\n  const handleCheckboxClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (e.shiftKey) {\n      selectRange(orderedItemKeys, key);\n    } else {\n      toggle(key);\n    }\n  };\n\n  return (\n    <FolderTr\n      ref={(node) => {\n        setDragRef(node);\n        setDropRef(node);\n      }}\n      {...attributes}\n      {...listeners}\n      $isDragging={isDragging}\n      $isMovePending={isMovePending}\n      $isValidDropTarget={showValidDropHighlight}\n      $isInvalidDropTarget={showInvalidDropCursor}\n      $isSelected={isSelected(key)}\n      tabIndex={0}\n      role=\"row\"\n      onDragStart={(e) => e.preventDefault()}\n      onClick={handleRowClick}\n      onKeyDown={handleKeyDown}\n    >\n      {!isMobile && canUpdate && (\n        <CheckboxTd onClick={stopRowEvent} onKeyDown={stopRowEvent}>\n          <Flex>\n            <Checkbox\n              checked={isSelected(key)}\n              onClick={handleCheckboxClick}\n              aria-label={formatMessage(\n                {\n                  id: getTranslationKey('list.table.row.select'),\n                  defaultMessage: 'Select {name}',\n                },\n                { name: folder.name }\n              )}\n            />\n          </Flex>\n        </CheckboxTd>\n      )}\n      <StyledTd>\n        <Flex gap={3} alignItems=\"center\">\n          <Flex\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            borderRadius=\"4px\"\n            color=\"neutral600\"\n            width=\"3.2rem\"\n            height=\"3.2rem\"\n            shrink={0}\n          >\n            <FolderIcon width={20} height={20} />\n          </Flex>\n          <Typography textColor=\"neutral800\" fontWeight=\"semiBold\" ellipsis>\n            {folder.name}\n          </Typography>\n        </Flex>\n      </StyledTd>\n      {!isMobile && (\n        <>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {folder.createdAt\n                ? formatDate(new Date(folder.createdAt), { dateStyle: 'long' })\n                : '-'}\n            </Typography>\n          </StyledTd>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">\n              {folder.updatedAt\n                ? formatDate(new Date(folder.updatedAt), { dateStyle: 'long' })\n                : '-'}\n            </Typography>\n          </StyledTd>\n          <StyledTd>\n            <Typography textColor=\"neutral600\">-</Typography>\n          </StyledTd>\n        </>\n      )}\n      <StyledTd>\n        <Flex justifyContent=\"flex-end\">\n          <IconButton\n            label={formatMessage({\n              id: getTranslationKey('control-card.more-actions'),\n              defaultMessage: 'More actions',\n            })}\n            variant=\"ghost\"\n            onClick={(e: React.MouseEvent) => e.stopPropagation()}\n          >\n            <More />\n          </IconButton>\n        </Flex>\n      </StyledTd>\n    </FolderTr>\n  );\n};\n\ninterface AssetsTableProps {\n  assets: File[];\n  folders?: Folder[];\n  /**\n   * When set (\"Folders: Mixed with files\"), rows render in this interleaved\n   * order instead of folders-first. Range selection follows the same order.\n   */\n  mixedItems?: MixedItem[] | null;\n  onAssetItemClick: (assetId: number) => void;\n}\n\nexport const AssetsTable = ({\n  assets,\n  folders = [],\n  mixedItems = null,\n  onAssetItemClick,\n}: AssetsTableProps) => {\n  const isMobile = useIsMobile();\n  const { formatMessage } = useIntl();\n  const { selectedKeys, selectAll, clear } = useAssetSelection();\n  const { canUpdate } = useMediaLibraryPermissions();\n\n  const visibleHeaders = isMobile\n    ? TABLE_HEADERS.filter((h) => h.name === 'name' || h.name === 'actions')\n    : TABLE_HEADERS;\n\n  // The checkbox column is a dedicated structural column (not part of\n  // TABLE_HEADERS). Hidden on mobile (multi-select deferred) and without the\n  // update permission — every bulk action needs `assets.update`, so a\n  // read-only user has nothing to select for.\n  const showCheckboxColumn = !isMobile && canUpdate;\n  const colCount = visibleHeaders.length + (showCheckboxColumn ? 1 : 0);\n\n  const totalRows = folders.length + assets.length;\n\n  // Render order — folders first by default, or the interleaved mixed order.\n  // Range selection follows it.\n  const orderedItemKeys: ItemKey[] = mixedItems\n    ? mixedItems.map((item) =>\n        item.kind === 'folder' ? folderKey(item.folder.id) : assetKey(item.asset.id)\n      )\n    : [\n        ...folders.map((folder) => folderKey(folder.id)),\n        ...assets.map((asset) => assetKey(asset.id)),\n      ];\n  const { allSelected, isIndeterminate } = getSelectAllState(selectedKeys, orderedItemKeys);\n\n  const handleSelectAll = () => {\n    if (allSelected) {\n      clear();\n    } else {\n      selectAll(orderedItemKeys);\n    }\n  };\n\n  // The empty state is owned by the page (`AssetsView` renders `EmptyState`) — an\n  // empty table renders nothing at all, not headers over an empty body.\n  if (totalRows === 0) {\n    return null;\n  }\n\n  return (\n    <StyledTable colCount={colCount} rowCount={(mixedItems ? mixedItems.length : totalRows) + 1}>\n      <StyledThead>\n        <RawTr>\n          {showCheckboxColumn && (\n            <CheckboxTh>\n              <Flex>\n                <Checkbox\n                  checked={isIndeterminate ? 'indeterminate' : allSelected}\n                  disabled={orderedItemKeys.length === 0}\n                  onCheckedChange={handleSelectAll}\n                  aria-label={formatMessage({\n                    id: getTranslationKey('list.table.header.select-all'),\n                    defaultMessage: 'Select all',\n                  })}\n                />\n              </Flex>\n            </CheckboxTh>\n          )}\n          {visibleHeaders.map((header) => {\n            const tableHeaderLabel = formatMessage(header.label);\n            const isVisuallyHidden = 'isVisuallyHidden' in header && header.isVisuallyHidden;\n\n            if (isVisuallyHidden) {\n              return (\n                <StyledTh key={header.name}>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: getTranslationKey('table.header.actions'),\n                      defaultMessage: 'actions',\n                    })}\n                  </VisuallyHidden>\n                </StyledTh>\n              );\n            }\n\n            return (\n              <StyledTh key={header.name}>\n                <Typography textColor=\"neutral600\" variant=\"sigma\">\n                  {tableHeaderLabel}\n                </Typography>\n              </StyledTh>\n            );\n          })}\n        </RawTr>\n      </StyledThead>\n      <RawTbody>\n        {mixedItems?.map((item) =>\n          item.kind === 'folder' ? (\n            <FolderRow\n              key={`folder-${item.folder.id}`}\n              folder={item.folder}\n              orderedItemKeys={orderedItemKeys}\n            />\n          ) : (\n            <AssetRow\n              key={item.asset.id}\n              asset={item.asset}\n              orderedItemKeys={orderedItemKeys}\n              onAssetItemClick={onAssetItemClick}\n            />\n          )\n        )}\n        {!mixedItems &&\n          folders.map((folder) => (\n            <FolderRow\n              key={`folder-${folder.id}`}\n              folder={folder}\n              orderedItemKeys={orderedItemKeys}\n            />\n          ))}\n        {!mixedItems &&\n          assets.map((asset) => (\n            <AssetRow\n              key={asset.id}\n              asset={asset}\n              orderedItemKeys={orderedItemKeys}\n              onAssetItemClick={onAssetItemClick}\n            />\n          ))}\n      </RawTbody>\n    </StyledTable>\n  );\n};\n"],"names":["StyledTable","styled","RawTable","theme","colors","neutral150","StyledThead","RawThead","neutral100","StyledTh","RawTh","spaces","StyledTd","RawTd","StyledTr","tr","$isSelected","primary100","neutral0","$isMovePending","$isInvalidDropTarget","$isDragging","$isValidDropTarget","css","primary600","CheckboxTd","CheckboxTh","NameButton","button","stopRowEvent","e","stopPropagation","AssetPreviewCell","asset","ext","mime","DocIcon","getAssetIcon","_jsx","Flex","justifyContent","alignItems","borderRadius","color","width","height","shrink","AssetRow","orderedItemKeys","onAssetItemClick","isMobile","useIsMobile","formatDate","formatMessage","useIntl","isMovePending","useAssetsDndOptional","attributes","listeners","setNodeRef","isDragging","useFileDraggable","isSelected","toggle","selectRange","useAssetSelection","canUpdate","useMediaLibraryPermissions","key","assetKey","id","selected","handleRowClick","shiftKey","metaKey","ctrlKey","handleKeyDown","preventDefault","handleNameClick","handleCheckboxClick","_jsxs","ref","tabIndex","role","onDragStart","onClick","onKeyDown","Checkbox","checked","aria-label","getTranslationKey","defaultMessage","name","gap","direction","minWidth","type","Typography","textColor","fontWeight","ellipsis","variant","size","formatBytes","_Fragment","createdAt","Date","dateStyle","updatedAt","IconButton","label","More","FolderTr","FolderRow","folder","navigateToFolder","useFolderNavigation","draggable","setDragRef","droppable","setDropRef","showValidDropHighlight","showInvalidDropCursor","useFolderDraggableDroppable","folderKey","node","FolderIcon","AssetsTable","assets","folders","mixedItems","selectedKeys","selectAll","clear","visibleHeaders","TABLE_HEADERS","filter","h","showCheckboxColumn","colCount","length","totalRows","map","item","kind","allSelected","isIndeterminate","getSelectAllState","handleSelectAll","rowCount","RawTr","disabled","onCheckedChange","header","tableHeaderLabel","isVisuallyHidden","VisuallyHidden","RawTbody"],"mappings":"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"}