@strapi/upload 5.59.0 → 5.61.0

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

@@ -1 +1 @@
-{"version":3,"file":"AssetsTable.mjs","sources":["../../../../../admin/src/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 { ASSET_DETAILS_TRIGGER_PROPS, ASSET_ITEM_CONTROL_PROPS, 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 { buildRenderedKeys } from '../utils/renderedKeys';\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';\nimport { useItemContextMenuTrigger } from './ItemContextMenu';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\nconst EMPTY_FOLDERS: NonNullable<AssetsTableProps['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  /* An auto layout lets every column but the name size itself to its content,\n     so the dates never wrap. The name cell is what absorbs the leftover and\n     ellipsizes — see NameTd. */\n  table-layout: auto;\n\n  & td:last-child,\n  & th:last-child {\n    width: 5.6rem;\n    white-space: nowrap;\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\n/**\n * Column sizing, applied to the header and body cells alike.\n *\n * `hug` shrinks a column to its content: `width: 1%` is a floor the content\n * overrides, and `nowrap` stops a date breaking across lines.\n *\n * `flex` claims everything left over. `width: 100%` asks for all of it and\n * `max-width: 0` is what allows the cell to be narrower than its content, which\n * is what lets the name inside ellipsize instead of widening the table.\n */\nconst hugColumn = css`\n  width: 1%;\n  white-space: nowrap;\n`;\n\nconst flexColumn = css`\n  width: 100%;\n  max-width: 0;\n  overflow: hidden;\n`;\n\nconst StyledTh = styled(RawTh)<{ $flex?: boolean }>`\n  height: 40px;\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  text-align: left;\n\n  ${({ $flex }) => ($flex ? flexColumn : hugColumn)}\n`;\n\nconst StyledTd = styled(RawTd)`\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\n/** The name column: takes whatever the others leave and ellipsizes. */\nconst NameTd = styled(StyledTd)`\n  ${flexColumn}\n`;\n\n/** Every other column: as wide as its content, never wrapping. */\nconst HugTd = styled(StyledTd)`\n  ${hugColumn}\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  const openContextMenu = useItemContextMenuTrigger();\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      {...ASSET_DETAILS_TRIGGER_PROPS}\n      $isDragging={isDragging}\n      $isMovePending={isMovePending}\n      $isBusy={busyMessage !== null}\n      $isSelected={selected}\n      tabIndex={0}\n      role=\"row\"\n      // Right-click opens this asset's own actions, or the selection's when it\n      // is part of one. Still marked as \"not the background gesture\" so\n      // MainAreaContextMenu's create menu stays out of it.\n      data-native-context-menu\n      onContextMenu={(e: React.MouseEvent) => {\n        if (isEventFromWithin(e)) {\n          openContextMenu?.(e, key, { kind: 'asset', asset, dragData });\n        }\n      }}\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 {...ASSET_ITEM_CONTROL_PROPS} 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      <NameTd>\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      </NameTd>\n      {isDesktop && (\n        <>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {asset.createdAt ? formatDate(new Date(asset.createdAt), { dateStyle: 'long' }) : '-'}\n            </Typography>\n          </HugTd>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {asset.updatedAt ? formatDate(new Date(asset.updatedAt), { dateStyle: 'long' }) : '-'}\n            </Typography>\n          </HugTd>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {asset.size ? formatBytes(asset.size, 1) : '-'}\n            </Typography>\n          </HugTd>\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\n        {...ASSET_ITEM_CONTROL_PROPS}\n        onClick={stopRowEvent}\n        onKeyDown={stopRowEvent}\n        onPointerDown={stopRowEvent}\n      >\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 openContextMenu = useItemContextMenuTrigger();\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      // Right-click opens this folder's own actions, or the selection's when it\n      // is part of one. Still marked as \"not the background gesture\" so\n      // MainAreaContextMenu's create menu stays out of it.\n      data-native-context-menu\n      onContextMenu={(e: React.MouseEvent) => {\n        if (isEventFromWithin(e)) {\n          openContextMenu?.(e, key, { kind: 'folder', folder, dragData });\n        }\n      }}\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      <NameTd>\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      </NameTd>\n      {isDesktop && (\n        <>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {folder.createdAt\n                ? formatDate(new Date(folder.createdAt), { dateStyle: 'long' })\n                : '-'}\n            </Typography>\n          </HugTd>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {folder.updatedAt\n                ? formatDate(new Date(folder.updatedAt), { dateStyle: 'long' })\n                : '-'}\n            </Typography>\n          </HugTd>\n          <HugTd>\n            <Typography textColor=\"neutral600\">-</Typography>\n          </HugTd>\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  /** Keys of the rendered rows, in render order. Owned by the view. */\n  renderedKeys?: ItemKey[];\n  onAssetItemClick: (assetId: number) => void;\n}\n\nexport const AssetsTable = ({\n  assets,\n  folders = EMPTY_FOLDERS,\n  mixedItems = null,\n  renderedKeys,\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[] =\n    renderedKeys ?? buildRenderedKeys({ folders, assets, mixedItems });\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} $flex={header.name === '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} $flex={header.name === '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":["EMPTY_FOLDERS","StyledTable","styled","RawTable","theme","colors","neutral150","StyledThead","RawThead","neutral100","hugColumn","css","flexColumn","StyledTh","RawTh","spaces","$flex","StyledTd","RawTd","NameTd","HugTd","StyledTr","tr","$isSelected","primary100","neutral0","$isMovePending","$isBusy","$isInvalidDropTarget","$isDragging","$isValidDropTarget","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","openContextMenu","useItemContextMenuTrigger","key","assetKey","selected","isMetadataMissing","caption","alternativeText","metadataMissingLabel","getTranslationKey","defaultMessage","handleRowClick","shiftKey","metaKey","ctrlKey","handleKeyDown","preventDefault","handleNameClick","handleCheckboxClick","_jsxs","ref","ASSET_DETAILS_TRIGGER_PROPS","tabIndex","role","data-native-context-menu","onContextMenu","kind","onDragStart","onClick","onKeyDown","onPointerDown","ASSET_ITEM_CONTROL_PROPS","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","renderedKeys","selectedKeys","selectAll","clear","trackUsage","useTracking","visibleHeaders","TABLE_HEADERS","filter","h","showCheckboxColumn","colCount","length","totalRows","buildRenderedKeys","allSelected","isIndeterminate","getSelectAllState","handleSelectAll","rowCount","RawTr","disabled","onCheckedChange","map","header","tableHeaderLabel","isVisuallyHidden","VisuallyHidden","RawTbody","item"],"mappings":"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"}
+{"version":3,"file":"AssetsTable.mjs","sources":["../../../../../admin/src/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 { 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 { ASSET_DETAILS_TRIGGER_PROPS, ASSET_ITEM_CONTROL_PROPS, TABLE_HEADERS } from '../constants';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useBusyAssetsOptional } from '../hooks/useBusyAssets';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { useListSettings } from '../hooks/useListSettings';\nimport { type MixedItem } from '../utils/mergeMixedList';\nimport { buildRenderedKeys } from '../utils/renderedKeys';\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';\nimport { useItemContextMenuTrigger } from './ItemContextMenu';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../shared/contracts/folders';\n\nconst EMPTY_FOLDERS: NonNullable<AssetsTableProps['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  /* An auto layout lets every column but the name size itself to its content,\n     so the dates never wrap. The name cell is what absorbs the leftover and\n     ellipsizes — see NameTd. */\n  table-layout: auto;\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\n/**\n * Column sizing, applied to the header and body cells alike.\n *\n * `hug` shrinks a column to its content: `width: 1%` is a floor the content\n * overrides, and `nowrap` stops a date breaking across lines.\n *\n * `flex` claims everything left over. `width: 100%` asks for all of it and\n * `max-width: 0` is what allows the cell to be narrower than its content, which\n * is what lets the name inside ellipsize instead of widening the table.\n */\nconst hugColumn = css`\n  width: 1%;\n  white-space: nowrap;\n`;\n\nconst flexColumn = css`\n  width: 100%;\n  max-width: 0;\n  overflow: hidden;\n`;\n\nconst headerCellStyles = css`\n  height: 40px;\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  text-align: left;\n`;\n\nconst StyledTh = styled(RawTh)<{ $flex?: boolean }>`\n  ${headerCellStyles}\n\n  ${({ $flex }) => ($flex ? flexColumn : hugColumn)}\n`;\n\nconst StyledTd = styled(RawTd)`\n  padding: 0 ${({ theme }) => theme.spaces[4]};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n`;\n\n/** The name column: takes whatever the others leave and ellipsizes. */\nconst NameTd = styled(StyledTd)`\n  ${flexColumn}\n`;\n\n/** Every other column: as wide as its content, never wrapping. */\nconst HugTd = styled(StyledTd)`\n  ${hugColumn}\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  /** Shown but not choosable here (the picker's `allowedTypes`). */\n  $isUnselectable?: 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, $isUnselectable }) => {\n    if ($isMovePending || $isBusy) {\n      return 'wait';\n    }\n\n    return $isInvalidDropTarget || $isUnselectable ? 'not-allowed' : 'pointer';\n  }};\n  opacity: ${({ $isDragging, $isBusy, $isUnselectable }) =>\n    $isDragging || $isBusy || $isUnselectable ? 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// The trailing actions column (\"...\" menu), sized by name rather than as the\n// last column: where the column is hidden (the Content Manager asset picker),\n// the last column is the name or the size, which must not shrink to this.\nconst ActionsTd = styled(StyledTd)`\n  width: 5.6rem;\n  white-space: nowrap;\n`;\n\nconst ActionsTh = styled(StyledTh)`\n  width: 5.6rem;\n  white-space: nowrap;\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// The checkbox column's header when there is no select-all (a single-value\n// picker): a plain cell, since as an empty `RawTh` the design system's grid\n// would make the cell itself a Tab stop.\nconst EmptyCheckboxTh = styled.th.attrs({ role: 'gridcell' })`\n  ${headerCellStyles}\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 { isEnabled, isSelected, toggle, selectRange, getSelectability } = useAssetSelection();\n  const { showItemActions } = useListSettings();\n  const busyMessage = useBusyAssetsOptional()?.getBusyMessage(asset.id) ?? null;\n  const openContextMenu = useItemContextMenuTrigger();\n\n  const key = assetKey(asset.id);\n  const selected = isSelected(key);\n  const selectability = getSelectability(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      {...ASSET_DETAILS_TRIGGER_PROPS}\n      $isDragging={isDragging}\n      $isMovePending={isMovePending}\n      $isBusy={busyMessage !== null}\n      $isSelected={selected}\n      $isUnselectable={selectability === 'disabled'}\n      tabIndex={0}\n      role=\"row\"\n      // Right-click opens this asset's own actions, or the selection's when it\n      // is part of one. Still marked as \"not the background gesture\" so\n      // MainAreaContextMenu's create menu stays out of it.\n      data-native-context-menu\n      onContextMenu={(e: React.MouseEvent) => {\n        if (isEventFromWithin(e)) {\n          openContextMenu?.(e, key, { kind: 'asset', asset, dragData });\n        }\n      }}\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      {/* The column exists whenever selection is on (at every viewport width);\n          a row outside the selection keeps an empty cell so columns line up. */}\n      {isEnabled && (\n        <CheckboxTd {...ASSET_ITEM_CONTROL_PROPS} onClick={stopRowEvent} onKeyDown={stopRowEvent}>\n          {selectability !== 'hidden' && (\n            <Flex>\n              <Checkbox\n                checked={selected}\n                disabled={selectability === 'disabled'}\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          )}\n        </CheckboxTd>\n      )}\n      <NameTd>\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      </NameTd>\n      {isDesktop && (\n        <>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {asset.createdAt ? formatDate(new Date(asset.createdAt), { dateStyle: 'long' }) : '-'}\n            </Typography>\n          </HugTd>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {asset.updatedAt ? formatDate(new Date(asset.updatedAt), { dateStyle: 'long' }) : '-'}\n            </Typography>\n          </HugTd>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {asset.size ? formatBytes(asset.size, 1) : '-'}\n            </Typography>\n          </HugTd>\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      {showItemActions && (\n        <ActionsTd\n          {...ASSET_ITEM_CONTROL_PROPS}\n          onClick={stopRowEvent}\n          onKeyDown={stopRowEvent}\n          onPointerDown={stopRowEvent}\n        >\n          <Flex justifyContent=\"flex-end\">\n            <AssetActionsMenu asset={asset} dragData={dragData} />\n          </Flex>\n        </ActionsTd>\n      )}\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 { isEnabled, isSelected, toggle, selectRange, getSelectability } = useAssetSelection();\n  const { showItemActions } = useListSettings();\n  const openContextMenu = useItemContextMenuTrigger();\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      // Right-click opens this folder's own actions, or the selection's when it\n      // is part of one. Still marked as \"not the background gesture\" so\n      // MainAreaContextMenu's create menu stays out of it.\n      data-native-context-menu\n      onContextMenu={(e: React.MouseEvent) => {\n        if (isEventFromWithin(e)) {\n          openContextMenu?.(e, key, { kind: 'folder', folder, dragData });\n        }\n      }}\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      {isEnabled && (\n        <CheckboxTd onClick={stopRowEvent} onKeyDown={stopRowEvent}>\n          {getSelectability(key) !== 'hidden' && (\n            <Flex>\n              <Checkbox\n                checked={isSelected(key)}\n                disabled={getSelectability(key) === 'disabled'}\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          )}\n        </CheckboxTd>\n      )}\n      <NameTd>\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      </NameTd>\n      {isDesktop && (\n        <>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {folder.createdAt\n                ? formatDate(new Date(folder.createdAt), { dateStyle: 'long' })\n                : '-'}\n            </Typography>\n          </HugTd>\n          <HugTd>\n            <Typography textColor=\"neutral600\">\n              {folder.updatedAt\n                ? formatDate(new Date(folder.updatedAt), { dateStyle: 'long' })\n                : '-'}\n            </Typography>\n          </HugTd>\n          <HugTd>\n            <Typography textColor=\"neutral600\">-</Typography>\n          </HugTd>\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      {showItemActions && (\n        <ActionsTd onClick={stopRowEvent} onKeyDown={stopRowEvent} onPointerDown={stopRowEvent}>\n          <Flex justifyContent=\"flex-end\">\n            <FolderActionsMenu folder={folder} dragData={dragData} />\n          </Flex>\n        </ActionsTd>\n      )}\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  /** Keys of the rendered rows, in render order. Owned by the view. */\n  renderedKeys?: ItemKey[];\n  onAssetItemClick: (assetId: number) => void;\n}\n\nexport const AssetsTable = ({\n  assets,\n  folders = EMPTY_FOLDERS,\n  mixedItems = null,\n  renderedKeys,\n  onAssetItemClick,\n}: AssetsTableProps) => {\n  const isDesktop = useIsDesktop();\n  const { formatMessage } = useIntl();\n  const { isEnabled, canSelectAll, selectedKeys, selectAll, deselectAll, getSelectability } =\n    useAssetSelection();\n  const { showItemActions } = useListSettings();\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 = (\n    isDesktop\n      ? TABLE_HEADERS\n      : TABLE_HEADERS.filter((h) => h.name === 'name' || h.name === 'actions')\n  ).filter((h) => showItemActions || h.name !== 'actions');\n\n  // The checkbox column is a dedicated structural column (not part of\n  // TABLE_HEADERS), shown whenever selection is on.\n  const showCheckboxColumn = isEnabled;\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[] =\n    renderedKeys ?? buildRenderedKeys({ folders, assets, mixedItems });\n  // Select-all only reaches what can be selected: folders in the picker, or\n  // assets outside its `allowedTypes`, are left out.\n  const selectableKeys = orderedItemKeys.filter((key) => getSelectability(key) === 'enabled');\n  const { allSelected, isIndeterminate } = getSelectAllState(selectedKeys, selectableKeys);\n\n  const handleSelectAll = () => {\n    if (allSelected) {\n      deselectAll(selectableKeys);\n    } else {\n      trackUsage('didSelectAllMediaLibraryElements');\n      selectAll(selectableKeys);\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 && canSelectAll && (\n            <CheckboxTh>\n              <Flex>\n                <Checkbox\n                  checked={isIndeterminate ? 'indeterminate' : allSelected}\n                  disabled={selectableKeys.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          {showCheckboxColumn && !canSelectAll && <EmptyCheckboxTh />}\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                <ActionsTh key={header.name}>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: getTranslationKey('table.header.actions'),\n                      defaultMessage: 'actions',\n                    })}\n                  </VisuallyHidden>\n                </ActionsTh>\n              );\n            }\n\n            return (\n              <StyledTh key={header.name} $flex={header.name === '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":["EMPTY_FOLDERS","StyledTable","styled","RawTable","theme","colors","neutral150","StyledThead","RawThead","neutral100","hugColumn","css","flexColumn","headerCellStyles","spaces","StyledTh","RawTh","$flex","StyledTd","RawTd","NameTd","HugTd","StyledTr","tr","$isSelected","primary100","neutral0","$isMovePending","$isBusy","$isInvalidDropTarget","$isUnselectable","$isDragging","$isValidDropTarget","primary600","ActionsTd","ActionsTh","CheckboxTd","CheckboxTh","EmptyCheckboxTh","th","attrs","role","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","isEnabled","isSelected","toggle","selectRange","getSelectability","useAssetSelection","showItemActions","useListSettings","busyMessage","useBusyAssetsOptional","getBusyMessage","id","openContextMenu","useItemContextMenuTrigger","key","assetKey","selected","selectability","isMetadataMissing","caption","alternativeText","metadataMissingLabel","getTranslationKey","defaultMessage","handleRowClick","shiftKey","metaKey","ctrlKey","handleKeyDown","preventDefault","handleNameClick","handleCheckboxClick","_jsxs","ref","ASSET_DETAILS_TRIGGER_PROPS","tabIndex","data-native-context-menu","onContextMenu","kind","onDragStart","onClick","onKeyDown","onPointerDown","ASSET_ITEM_CONTROL_PROPS","Checkbox","checked","disabled","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","renderedKeys","canSelectAll","selectedKeys","selectAll","deselectAll","trackUsage","useTracking","visibleHeaders","TABLE_HEADERS","filter","h","showCheckboxColumn","colCount","length","totalRows","buildRenderedKeys","selectableKeys","allSelected","isIndeterminate","getSelectAllState","handleSelectAll","rowCount","RawTr","onCheckedChange","map","header","tableHeaderLabel","isVisuallyHidden","VisuallyHidden","RawTbody","item"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useMemo } from 'react';
 import { useNotification } from '@strapi/admin/strapi-admin';
-import { Box, Typography, TextButton, Tooltip, Button, IconButton, Flex } from '@strapi/design-system';
+import { Flex, Box, Typography, TextButton, Tooltip, Button, IconButton } from '@strapi/design-system';
 import { Sparkle, ArrowRight, Trash, Cross } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { css, styled } from 'styled-components';

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { Loader, Flex } from '@strapi/design-system';
+import { Flex, Loader } from '@strapi/design-system';
 import { styled } from 'styled-components';
 
 /**

package/dist/admin/pages/Assets/components/Dnd/DragOverlayChip.mjs

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Typography, Flex } from '@strapi/design-system';
+import { Flex, Typography } from '@strapi/design-system';
 import { Folder, File } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';