@strapi/upload 5.51.2 → 5.52.1

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  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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"}
+{"version":3,"file":"AssetsTable.js","sources":["../../../../../../admin/src/future/pages/Assets/components/AssetsTable.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport {\n  Checkbox,\n  Flex,\n  Loader,\n  RawTable,\n  RawTbody,\n  RawTd,\n  RawTh,\n  RawThead,\n  RawTr,\n  Tooltip,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { Folder as FolderIcon, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled, css } from 'styled-components';\n\nimport { TruncatedText } from '../../../components/TruncatedText';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { formatBytes } from '../../../utils/files';\nimport { getAssetIcon } from '../../../utils/getAssetIcon';\nimport { isEventFromWithin } from '../../../utils/isEventFromWithin';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { TABLE_HEADERS } from '../constants';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useBusyAssetsOptional } from '../hooks/useBusyAssets';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { type MixedItem } from '../utils/mergeMixedList';\nimport { assetKey, folderKey, getSelectAllState, type ItemKey } from '../utils/selection';\n\nimport { AssetActionsMenu } from './AssetActionsMenu';\nimport { useAssetsDndOptional } from './Dnd/AssetsDndProvider';\nimport { useFileDraggable, useFolderDraggableDroppable } from './Dnd/useAssetDnd';\nimport { FolderActionsMenu } from './FolderActionsMenu';\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  /* Below desktop only the name column remains. A fixed layout makes a long\n     name ellipsize instead of widening the table past the viewport — the\n     checkbox (first) and actions (last) columns keep a fixed width and the name\n     takes the rest. Desktop keeps the content-sized auto layout. */\n  table-layout: fixed;\n\n  & td:last-child,\n  & th:last-child {\n    width: 5.6rem;\n    white-space: nowrap;\n  }\n\n  ${({ theme }) => theme.breakpoints.large} {\n    table-layout: auto;\n\n    & td:last-child,\n    & th:last-child {\n      width: auto;\n      white-space: normal;\n    }\n  }\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  $isBusy?: 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, $isBusy, $isInvalidDropTarget }) => {\n    if ($isMovePending || $isBusy) {\n      return 'wait';\n    }\n\n    return $isInvalidDropTarget ? 'not-allowed' : 'pointer';\n  }};\n  opacity: ${({ $isDragging, $isBusy }) => ($isDragging || $isBusy ? 0.4 : 1)};\n  pointer-events: ${({ $isMovePending, $isBusy }) => ($isMovePending || $isBusy ? '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. Fixed narrow width so it holds its own column under\n// the mobile fixed table-layout (a 1% width would collapse and let the name\n// cell's preview overlap the control).\nconst CheckboxTd = styled(StyledTd)`\n  width: 5.6rem;\n  white-space: nowrap;\n`;\n\nconst CheckboxTh = styled(StyledTh)`\n  width: 5.6rem;\n  white-space: nowrap;\n`;\n\n// Flags an asset whose caption or alternative text is empty — mirrors the\n// per-field warning shown in the details drawer. Pushed to the far end of the\n// name cell (shrink 0 so a long name never crowds it out).\nconst MetadataWarning = styled(WarningCircle)`\n  flex-shrink: 0;\n  width: 1.6rem;\n  height: 1.6rem;\n\n  path {\n    fill: ${({ theme }) => theme.colors.warning500};\n  }\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\n// Shields the row from its own controls (checkbox, \"...\" trigger) without\n// severing propagation for the menu's portaled content — those events are React\n// children of the cell but not DOM descendants, and Radix needs them to reach\n// `document` to dismiss its layers.\nconst stopRowEvent = (e: React.SyntheticEvent) => {\n  if (isEventFromWithin(e)) {\n    e.stopPropagation();\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  orderedItemKeys: ItemKey[];\n  onAssetItemClick: (assetId: number) => void;\n}\n\nconst AssetRow = ({ asset, orderedItemKeys, onAssetItemClick }: AssetRowProps) => {\n  const isDesktop = useIsDesktop();\n  const { formatDate, formatMessage } = useIntl();\n  const { isMovePending } = useAssetsDndOptional() ?? { isMovePending: false };\n  const { attributes, listeners, setNodeRef, isDragging, dragData } = useFileDraggable(asset);\n  const { isSelected, toggle, selectRange } = useAssetSelection();\n  const { canUpdate } = useMediaLibraryPermissions();\n  const busyMessage = useBusyAssetsOptional()?.getBusyMessage(asset.id) ?? null;\n\n  const key = assetKey(asset.id);\n  const selected = isSelected(key);\n\n  // Caption and alternative text apply to every file type — same \"empty =\n  // falsy\" rule as the drawer's per-field warning.\n  const isMetadataMissing = !asset.caption || !asset.alternativeText;\n  const metadataMissingLabel = formatMessage({\n    id: getTranslationKey('list.table.row.metadata-missing'),\n    defaultMessage: 'This asset is missing metadata (caption or alternative text).',\n  });\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  //\n  // The containment guard on this and the handler below is what keeps the\n  // actions menu's portaled dialogs — React children of this row — from\n  // opening the details drawer or toggling the selection.\n  const handleRowClick = (e: React.MouseEvent) => {\n    if (!isEventFromWithin(e)) {\n      return;\n    }\n\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 (!isEventFromWithin(e)) {\n      return;\n    }\n\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      $isBusy={busyMessage !== null}\n      $isSelected={selected}\n      tabIndex={0}\n      role=\"row\"\n      onDragStart={(e) => e.preventDefault()}\n      onClick={handleRowClick}\n      onKeyDown={handleKeyDown}\n      onPointerDown={(e: React.PointerEvent) => {\n        if (isEventFromWithin(e)) {\n          listeners?.onPointerDown?.(e);\n        }\n      }}\n    >\n      {/* No checkbox without the update permission (nothing selectable can be\n          acted on). Shown at every viewport width otherwise. */}\n      {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 alignItems=\"center\" justifyContent=\"space-between\" gap={2} minWidth={0}>\n          <Flex gap={3} alignItems=\"center\" minWidth={0}>\n            {/* The row is dimmed and inert while busy; the spinner in place of the\n                thumbnail is what says so positively. Its label carries the reason\n                to screen readers — the row itself has no other announcement. */}\n            {busyMessage !== null ? (\n              <Flex justifyContent=\"center\" width=\"3.2rem\" height=\"3.2rem\">\n                <Loader small>{busyMessage}</Loader>\n              </Flex>\n            ) : (\n              <AssetPreviewCell asset={asset} />\n            )}\n            <Flex direction=\"column\" alignItems=\"flex-start\" minWidth={0}>\n              <NameButton type=\"button\" onClick={handleNameClick}>\n                <TruncatedText textColor=\"neutral800\" fontWeight=\"semiBold\">\n                  {asset.name}\n                </TruncatedText>\n              </NameButton>\n              {!isDesktop && (\n                <Typography textColor=\"neutral600\" variant=\"pi\">\n                  {asset.size ? formatBytes(asset.size, 1) : '-'}\n                </Typography>\n              )}\n            </Flex>\n          </Flex>\n          {isMetadataMissing && (\n            <Tooltip label={metadataMissingLabel}>\n              <MetadataWarning aria-label={metadataMissingLabel} role=\"img\" />\n            </Tooltip>\n          )}\n        </Flex>\n      </StyledTd>\n      {isDesktop && (\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      {/* The row owns click, Enter and Space; none of them should reach it from\n          the menu trigger (Enter would open the details drawer). */}\n      <StyledTd onClick={stopRowEvent} onKeyDown={stopRowEvent} onPointerDown={stopRowEvent}>\n        <Flex justifyContent=\"flex-end\">\n          <AssetActionsMenu asset={asset} dragData={dragData} />\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 isDesktop = useIsDesktop();\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    dragData,\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  //\n  // The containment guard on this and the handlers below is what keeps the\n  // actions menu's portaled dialogs — React children of this row — from\n  // navigating into the folder or starting a drag.\n  const handleRowClick = (e: React.MouseEvent) => {\n    if (!isEventFromWithin(e)) {\n      return;\n    }\n\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 (!isEventFromWithin(e)) {\n      return;\n    }\n\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: React.DragEvent) => {\n        if (isEventFromWithin(e)) {\n          e.preventDefault();\n        }\n      }}\n      onClick={handleRowClick}\n      onKeyDown={handleKeyDown}\n      onPointerDown={(e: React.PointerEvent) => {\n        if (isEventFromWithin(e)) {\n          listeners?.onPointerDown?.(e);\n        }\n      }}\n    >\n      {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\" minWidth={0}>\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          <TruncatedText textColor=\"neutral800\" fontWeight=\"semiBold\">\n            {folder.name}\n          </TruncatedText>\n        </Flex>\n      </StyledTd>\n      {isDesktop && (\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      {/* The row owns click, Enter and Space; none of them should reach it from\n          the menu trigger (Enter would navigate into the folder). */}\n      <StyledTd onClick={stopRowEvent} onKeyDown={stopRowEvent} onPointerDown={stopRowEvent}>\n        <Flex justifyContent=\"flex-end\">\n          <FolderActionsMenu folder={folder} dragData={dragData} />\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 isDesktop = useIsDesktop();\n  const { formatMessage } = useIntl();\n  const { selectedKeys, selectAll, clear } = useAssetSelection();\n  const { canUpdate } = useMediaLibraryPermissions();\n  const { trackUsage } = useTracking();\n\n  // Below the desktop breakpoint only the name (and actions) column is kept —\n  // the date/size columns don't fit; size moves under the name as a subtitle.\n  const visibleHeaders = isDesktop\n    ? TABLE_HEADERS\n    : TABLE_HEADERS.filter((h) => h.name === 'name' || h.name === 'actions');\n\n  // The checkbox column is a dedicated structural column (not part of\n  // TABLE_HEADERS). Hidden only without the update permission — every bulk\n  // action needs `assets.update`, so a read-only user has nothing to select for.\n  const showCheckboxColumn = 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      trackUsage('didSelectAllMediaLibraryElements');\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","breakpoints","large","StyledThead","RawThead","neutral100","StyledTh","RawTh","spaces","StyledTd","RawTd","StyledTr","tr","$isSelected","primary100","neutral0","$isMovePending","$isBusy","$isInvalidDropTarget","$isDragging","$isValidDropTarget","css","primary600","CheckboxTd","CheckboxTh","MetadataWarning","WarningCircle","warning500","NameButton","button","stopRowEvent","e","isEventFromWithin","stopPropagation","AssetPreviewCell","asset","ext","mime","DocIcon","getAssetIcon","_jsx","Flex","justifyContent","alignItems","borderRadius","color","width","height","shrink","AssetRow","orderedItemKeys","onAssetItemClick","isDesktop","useIsDesktop","formatDate","formatMessage","useIntl","isMovePending","useAssetsDndOptional","attributes","listeners","setNodeRef","isDragging","dragData","useFileDraggable","isSelected","toggle","selectRange","useAssetSelection","canUpdate","useMediaLibraryPermissions","busyMessage","useBusyAssetsOptional","getBusyMessage","id","key","assetKey","selected","isMetadataMissing","caption","alternativeText","metadataMissingLabel","getTranslationKey","defaultMessage","handleRowClick","shiftKey","metaKey","ctrlKey","handleKeyDown","preventDefault","handleNameClick","handleCheckboxClick","_jsxs","ref","tabIndex","role","onDragStart","onClick","onKeyDown","onPointerDown","Checkbox","checked","aria-label","name","gap","minWidth","Loader","small","direction","type","TruncatedText","textColor","fontWeight","Typography","variant","size","formatBytes","Tooltip","label","_Fragment","createdAt","Date","dateStyle","updatedAt","AssetActionsMenu","FolderTr","FolderRow","folder","navigateToFolder","useFolderNavigation","draggable","setDragRef","droppable","setDropRef","showValidDropHighlight","showInvalidDropCursor","useFolderDraggableDroppable","folderKey","node","FolderIcon","FolderActionsMenu","AssetsTable","assets","folders","mixedItems","selectedKeys","selectAll","clear","trackUsage","useTracking","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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"}

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

@@ -1,19 +1,25 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useIsMobile } from '@strapi/admin/strapi-admin';
-import { RawTr, Flex, Checkbox, VisuallyHidden, Typography, RawTbody, RawTable, RawThead, RawTh, IconButton, RawTd } from '@strapi/design-system';
-import { Folder, More } from '@strapi/icons';
+import { useIsDesktop } from '@strapi/admin/strapi-admin';
+import { RawTr, Flex, Checkbox, VisuallyHidden, Typography, RawTbody, RawTable, RawThead, RawTh, Loader, Tooltip, RawTd } from '@strapi/design-system';
+import { Folder, WarningCircle } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { styled, css } from 'styled-components';
+import { TruncatedText } from '../../../components/TruncatedText.mjs';
 import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
+import { useTracking } from '../../../hooks/useTracking.mjs';
 import { formatBytes } from '../../../utils/files.mjs';
 import { getAssetIcon } from '../../../utils/getAssetIcon.mjs';
+import { isEventFromWithin } from '../../../utils/isEventFromWithin.mjs';
 import { getTranslationKey } from '../../../utils/translations.mjs';
 import { TABLE_HEADERS } from '../constants.mjs';
 import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
+import { useBusyAssetsOptional } from '../hooks/useBusyAssets.mjs';
 import { useFolderNavigation } from '../hooks/useFolderNavigation.mjs';
 import { folderKey, assetKey, getSelectAllState } from '../utils/selection.mjs';
+import { AssetActionsMenu } from './AssetActionsMenu.mjs';
 import { useAssetsDndOptional } from './Dnd/AssetsDndProvider.mjs';
 import { useFolderDraggableDroppable, useFileDraggable } from './Dnd/useAssetDnd.mjs';
+import { FolderActionsMenu } from './FolderActionsMenu.mjs';
 
 const StyledTable = styled(RawTable)`
   width: 100%;
@@ -22,6 +28,28 @@ const StyledTable = styled(RawTable)`
   border: 1px solid ${({ theme })=>theme.colors.neutral150};
   border-radius: 4px;
   overflow: hidden;
+
+  /* Below desktop only the name column remains. A fixed layout makes a long
+     name ellipsize instead of widening the table past the viewport — the
+     checkbox (first) and actions (last) columns keep a fixed width and the name
+     takes the rest. Desktop keeps the content-sized auto layout. */
+  table-layout: fixed;
+
+  & td:last-child,
+  & th:last-child {
+    width: 5.6rem;
+    white-space: nowrap;
+  }
+
+  ${({ theme })=>theme.breakpoints.large} {
+    table-layout: auto;
+
+    & td:last-child,
+    & th:last-child {
+      width: auto;
+      white-space: normal;
+    }
+  }
 `;
 const StyledThead = styled(RawThead)`
   background: ${({ theme })=>theme.colors.neutral100};
@@ -43,14 +71,14 @@ const StyledTr = styled.tr`
   height: 48px;
   user-select: none;
   background: ${({ theme, $isSelected })=>$isSelected ? theme.colors.primary100 : theme.colors.neutral0};
-  cursor: ${({ $isMovePending, $isInvalidDropTarget })=>{
-    if ($isMovePending) {
+  cursor: ${({ $isMovePending, $isBusy, $isInvalidDropTarget })=>{
+    if ($isMovePending || $isBusy) {
         return 'wait';
     }
     return $isInvalidDropTarget ? 'not-allowed' : 'pointer';
 }};
-  opacity: ${({ $isDragging })=>$isDragging ? 0.4 : 1};
-  pointer-events: ${({ $isMovePending })=>$isMovePending ? 'none' : 'auto'};
+  opacity: ${({ $isDragging, $isBusy })=>$isDragging || $isBusy ? 0.4 : 1};
+  pointer-events: ${({ $isMovePending, $isBusy })=>$isMovePending || $isBusy ? 'none' : 'auto'};
 
   ${({ $isValidDropTarget, theme })=>$isValidDropTarget && css`
       background: ${theme.colors.primary100};
@@ -73,16 +101,29 @@ const StyledTr = styled.tr`
     }
   }
 `;
-// Leading checkbox column. Narrow + centred so the control sits flush against the
-// row's left edge.
+// Leading checkbox column. Fixed narrow width so it holds its own column under
+// the mobile fixed table-layout (a 1% width would collapse and let the name
+// cell's preview overlap the control).
 const CheckboxTd = styled(StyledTd)`
-  width: 1%;
+  width: 5.6rem;
   white-space: nowrap;
 `;
 const CheckboxTh = styled(StyledTh)`
-  width: 1%;
+  width: 5.6rem;
   white-space: nowrap;
 `;
+// Flags an asset whose caption or alternative text is empty — mirrors the
+// per-field warning shown in the details drawer. Pushed to the far end of the
+// name cell (shrink 0 so a long name never crowds it out).
+const MetadataWarning = styled(WarningCircle)`
+  flex-shrink: 0;
+  width: 1.6rem;
+  height: 1.6rem;
+
+  path {
+    fill: ${({ theme })=>theme.colors.warning500};
+  }
+`;
 // The asset filename is its own interactive element: clicking it opens the
 // details drawer instead of selecting the row.
 const NameButton = styled.button`
@@ -103,8 +144,14 @@ const NameButton = styled.button`
     border-radius: 2px;
   }
 `;
+// Shields the row from its own controls (checkbox, "..." trigger) without
+// severing propagation for the menu's portaled content — those events are React
+// children of the cell but not DOM descendants, and Radix needs them to reach
+// `document` to dismiss its layers.
 const stopRowEvent = (e)=>{
-    e.stopPropagation();
+    if (isEventFromWithin(e)) {
+        e.stopPropagation();
+    }
 };
 const AssetPreviewCell = ({ asset })=>{
     const { ext, mime } = asset;
@@ -124,20 +171,35 @@ const AssetPreviewCell = ({ asset })=>{
     });
 };
 const AssetRow = ({ asset, orderedItemKeys, onAssetItemClick })=>{
-    const isMobile = useIsMobile();
+    const isDesktop = useIsDesktop();
     const { formatDate, formatMessage } = useIntl();
     const { isMovePending } = useAssetsDndOptional() ?? {
         isMovePending: false
     };
-    const { attributes, listeners, setNodeRef, isDragging } = useFileDraggable(asset);
+    const { attributes, listeners, setNodeRef, isDragging, dragData } = useFileDraggable(asset);
     const { isSelected, toggle, selectRange } = useAssetSelection();
     const { canUpdate } = useMediaLibraryPermissions();
+    const busyMessage = useBusyAssetsOptional()?.getBusyMessage(asset.id) ?? null;
     const key = assetKey(asset.id);
     const selected = isSelected(key);
+    // Caption and alternative text apply to every file type — same "empty =
+    // falsy" rule as the drawer's per-field warning.
+    const isMetadataMissing = !asset.caption || !asset.alternativeText;
+    const metadataMissingLabel = formatMessage({
+        id: getTranslationKey('list.table.row.metadata-missing'),
+        defaultMessage: 'This asset is missing metadata (caption or alternative text).'
+    });
     // 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.
+    //
+    // The containment guard on this and the handler below is what keeps the
+    // actions menu's portaled dialogs — React children of this row — from
+    // opening the details drawer or toggling the selection.
     const handleRowClick = (e)=>{
+        if (!isEventFromWithin(e)) {
+            return;
+        }
         if (e.shiftKey) {
             selectRange(orderedItemKeys, key);
         } else if (e.metaKey || e.ctrlKey) {
@@ -148,6 +210,9 @@ const AssetRow = ({ asset, orderedItemKeys, onAssetItemClick })=>{
     };
     // Desktop: Space toggles selection (additive), Enter opens the details drawer.
     const handleKeyDown = (e)=>{
+        if (!isEventFromWithin(e)) {
+            return;
+        }
         if (e.key === 'Enter') {
             e.preventDefault();
             onAssetItemClick(asset.id);
@@ -174,14 +239,20 @@ const AssetRow = ({ asset, orderedItemKeys, onAssetItemClick })=>{
         ...listeners,
         $isDragging: isDragging,
         $isMovePending: isMovePending,
+        $isBusy: busyMessage !== null,
         $isSelected: selected,
         tabIndex: 0,
         role: "row",
         onDragStart: (e)=>e.preventDefault(),
         onClick: handleRowClick,
         onKeyDown: handleKeyDown,
+        onPointerDown: (e)=>{
+            if (isEventFromWithin(e)) {
+                listeners?.onPointerDown?.(e);
+            }
+        },
         children: [
-            !isMobile && canUpdate && /*#__PURE__*/ jsx(CheckboxTd, {
+            canUpdate && /*#__PURE__*/ jsx(CheckboxTd, {
                 onClick: stopRowEvent,
                 onKeyDown: stopRowEvent,
                 children: /*#__PURE__*/ jsx(Flex, {
@@ -199,38 +270,61 @@ const AssetRow = ({ asset, orderedItemKeys, onAssetItemClick })=>{
             }),
             /*#__PURE__*/ jsx(StyledTd, {
                 children: /*#__PURE__*/ jsxs(Flex, {
-                    gap: 3,
                     alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: 2,
+                    minWidth: 0,
                     children: [
-                        /*#__PURE__*/ jsx(AssetPreviewCell, {
-                            asset: asset
-                        }),
                         /*#__PURE__*/ jsxs(Flex, {
-                            direction: "column",
-                            alignItems: "flex-start",
+                            gap: 3,
+                            alignItems: "center",
                             minWidth: 0,
                             children: [
-                                /*#__PURE__*/ jsx(NameButton, {
-                                    type: "button",
-                                    onClick: handleNameClick,
-                                    children: /*#__PURE__*/ jsx(Typography, {
-                                        textColor: "neutral800",
-                                        fontWeight: "semiBold",
-                                        ellipsis: true,
-                                        children: asset.name
+                                busyMessage !== null ? /*#__PURE__*/ jsx(Flex, {
+                                    justifyContent: "center",
+                                    width: "3.2rem",
+                                    height: "3.2rem",
+                                    children: /*#__PURE__*/ jsx(Loader, {
+                                        small: true,
+                                        children: busyMessage
                                     })
+                                }) : /*#__PURE__*/ jsx(AssetPreviewCell, {
+                                    asset: asset
                                 }),
-                                isMobile && /*#__PURE__*/ jsx(Typography, {
-                                    textColor: "neutral600",
-                                    variant: "pi",
-                                    children: asset.size ? formatBytes(asset.size, 1) : '-'
+                                /*#__PURE__*/ jsxs(Flex, {
+                                    direction: "column",
+                                    alignItems: "flex-start",
+                                    minWidth: 0,
+                                    children: [
+                                        /*#__PURE__*/ jsx(NameButton, {
+                                            type: "button",
+                                            onClick: handleNameClick,
+                                            children: /*#__PURE__*/ jsx(TruncatedText, {
+                                                textColor: "neutral800",
+                                                fontWeight: "semiBold",
+                                                children: asset.name
+                                            })
+                                        }),
+                                        !isDesktop && /*#__PURE__*/ jsx(Typography, {
+                                            textColor: "neutral600",
+                                            variant: "pi",
+                                            children: asset.size ? formatBytes(asset.size, 1) : '-'
+                                        })
+                                    ]
                                 })
                             ]
+                        }),
+                        isMetadataMissing && /*#__PURE__*/ jsx(Tooltip, {
+                            label: metadataMissingLabel,
+                            children: /*#__PURE__*/ jsx(MetadataWarning, {
+                                "aria-label": metadataMissingLabel,
+                                role: "img"
+                            })
                         })
                     ]
                 })
             }),
-            !isMobile && /*#__PURE__*/ jsxs(Fragment, {
+            isDesktop && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(StyledTd, {
                         children: /*#__PURE__*/ jsx(Typography, {
@@ -257,16 +351,14 @@ const AssetRow = ({ asset, orderedItemKeys, onAssetItemClick })=>{
                 ]
             }),
             /*#__PURE__*/ jsx(StyledTd, {
+                onClick: stopRowEvent,
+                onKeyDown: stopRowEvent,
+                onPointerDown: stopRowEvent,
                 children: /*#__PURE__*/ jsx(Flex, {
                     justifyContent: "flex-end",
-                    children: /*#__PURE__*/ jsx(IconButton, {
-                        label: formatMessage({
-                            id: getTranslationKey('control-card.more-actions'),
-                            defaultMessage: 'More actions'
-                        }),
-                        variant: "ghost",
-                        onClick: (e)=>e.stopPropagation(),
-                        children: /*#__PURE__*/ jsx(More, {})
+                    children: /*#__PURE__*/ jsx(AssetActionsMenu, {
+                        asset: asset,
+                        dragData: dragData
                     })
                 })
             })
@@ -279,7 +371,7 @@ const FolderTr = styled(StyledTr)`
   }
 `;
 const FolderRow = ({ folder, orderedItemKeys })=>{
-    const isMobile = useIsMobile();
+    const isDesktop = useIsDesktop();
     const { formatDate, formatMessage } = useIntl();
     const { navigateToFolder } = useFolderNavigation();
     const { isSelected, toggle, selectRange } = useAssetSelection();
@@ -287,11 +379,18 @@ const FolderRow = ({ folder, orderedItemKeys })=>{
     const { isMovePending } = useAssetsDndOptional() ?? {
         isMovePending: false
     };
-    const { draggable: { attributes, listeners, setNodeRef: setDragRef, isDragging }, droppable: { setNodeRef: setDropRef }, showValidDropHighlight, showInvalidDropCursor } = useFolderDraggableDroppable(folder);
+    const { dragData, draggable: { attributes, listeners, setNodeRef: setDragRef, isDragging }, droppable: { setNodeRef: setDropRef }, showValidDropHighlight, showInvalidDropCursor } = useFolderDraggableDroppable(folder);
     const key = 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.
+    //
+    // The containment guard on this and the handlers below is what keeps the
+    // actions menu's portaled dialogs — React children of this row — from
+    // navigating into the folder or starting a drag.
     const handleRowClick = (e)=>{
+        if (!isEventFromWithin(e)) {
+            return;
+        }
         if (e.shiftKey) {
             selectRange(orderedItemKeys, key);
         } else if (e.metaKey || e.ctrlKey) {
@@ -302,6 +401,9 @@ const FolderRow = ({ folder, orderedItemKeys })=>{
     };
     // Enter navigates into the folder, Space toggles selection (same as assets).
     const handleKeyDown = (e)=>{
+        if (!isEventFromWithin(e)) {
+            return;
+        }
         if (e.key === 'Enter') {
             e.preventDefault();
             navigateToFolder(folder);
@@ -332,11 +434,20 @@ const FolderRow = ({ folder, orderedItemKeys })=>{
         $isSelected: isSelected(key),
         tabIndex: 0,
         role: "row",
-        onDragStart: (e)=>e.preventDefault(),
+        onDragStart: (e)=>{
+            if (isEventFromWithin(e)) {
+                e.preventDefault();
+            }
+        },
         onClick: handleRowClick,
         onKeyDown: handleKeyDown,
+        onPointerDown: (e)=>{
+            if (isEventFromWithin(e)) {
+                listeners?.onPointerDown?.(e);
+            }
+        },
         children: [
-            !isMobile && canUpdate && /*#__PURE__*/ jsx(CheckboxTd, {
+            canUpdate && /*#__PURE__*/ jsx(CheckboxTd, {
                 onClick: stopRowEvent,
                 onKeyDown: stopRowEvent,
                 children: /*#__PURE__*/ jsx(Flex, {
@@ -356,6 +467,7 @@ const FolderRow = ({ folder, orderedItemKeys })=>{
                 children: /*#__PURE__*/ jsxs(Flex, {
                     gap: 3,
                     alignItems: "center",
+                    minWidth: 0,
                     children: [
                         /*#__PURE__*/ jsx(Flex, {
                             justifyContent: "center",
@@ -370,16 +482,15 @@ const FolderRow = ({ folder, orderedItemKeys })=>{
                                 height: 20
                             })
                         }),
-                        /*#__PURE__*/ jsx(Typography, {
+                        /*#__PURE__*/ jsx(TruncatedText, {
                             textColor: "neutral800",
                             fontWeight: "semiBold",
-                            ellipsis: true,
                             children: folder.name
                         })
                     ]
                 })
             }),
-            !isMobile && /*#__PURE__*/ jsxs(Fragment, {
+            isDesktop && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     /*#__PURE__*/ jsx(StyledTd, {
                         children: /*#__PURE__*/ jsx(Typography, {
@@ -406,16 +517,14 @@ const FolderRow = ({ folder, orderedItemKeys })=>{
                 ]
             }),
             /*#__PURE__*/ jsx(StyledTd, {
+                onClick: stopRowEvent,
+                onKeyDown: stopRowEvent,
+                onPointerDown: stopRowEvent,
                 children: /*#__PURE__*/ jsx(Flex, {
                     justifyContent: "flex-end",
-                    children: /*#__PURE__*/ jsx(IconButton, {
-                        label: formatMessage({
-                            id: getTranslationKey('control-card.more-actions'),
-                            defaultMessage: 'More actions'
-                        }),
-                        variant: "ghost",
-                        onClick: (e)=>e.stopPropagation(),
-                        children: /*#__PURE__*/ jsx(More, {})
+                    children: /*#__PURE__*/ jsx(FolderActionsMenu, {
+                        folder: folder,
+                        dragData: dragData
                     })
                 })
             })
@@ -423,16 +532,18 @@ const FolderRow = ({ folder, orderedItemKeys })=>{
     });
 };
 const AssetsTable = ({ assets, folders = [], mixedItems = null, onAssetItemClick })=>{
-    const isMobile = useIsMobile();
+    const isDesktop = useIsDesktop();
     const { formatMessage } = useIntl();
     const { selectedKeys, selectAll, clear } = useAssetSelection();
     const { canUpdate } = useMediaLibraryPermissions();
-    const visibleHeaders = isMobile ? TABLE_HEADERS.filter((h)=>h.name === 'name' || h.name === 'actions') : TABLE_HEADERS;
+    const { trackUsage } = useTracking();
+    // Below the desktop breakpoint only the name (and actions) column is kept —
+    // the date/size columns don't fit; size moves under the name as a subtitle.
+    const visibleHeaders = isDesktop ? TABLE_HEADERS : TABLE_HEADERS.filter((h)=>h.name === 'name' || h.name === 'actions');
     // 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;
+    // TABLE_HEADERS). Hidden only without the update permission — every bulk
+    // action needs `assets.update`, so a read-only user has nothing to select for.
+    const showCheckboxColumn = 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.
@@ -446,6 +557,7 @@ const AssetsTable = ({ assets, folders = [], mixedItems = null, onAssetItemClick
         if (allSelected) {
             clear();
         } else {
+            trackUsage('didSelectAllMediaLibraryElements');
             selectAll(orderedItemKeys);
         }
     };