@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.016994f

package/dist/views/HierarchyList/HierarchyCards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","useCallback","useEffect","useMemo","useRef","useState","useConfig","useRouter","DragPreviewItem","PlaneItem","baseClass","getRowKey","row","_collectionSlug","id","getRowTitle","useAsTitle","rawTitle","String","COLUMN_TIERS","columns","minWidth","getColumnCount","containerWidth","find","tier","useColumnCount","$","ref","setColumns","t0","t1","Symbol","for","node","current","observer","ResizeObserver","t2","entry","contentRect","width","observe","disconnect","DRAG_THRESHOLD","MAX_DRAG_PREVIEW_CARDS","getSelectionIntent","event","shiftKey","metaKey","ctrlKey","HierarchyCardGrid","ancestorIds","ariaLabel","bands","fillHeight","getRowLockedUser","hierarchySlug","isDragDisabled","onMoveSuccess","onSelectionChange","selectedKeys","showCollectionType","config","routes","admin","adminRoute","getEntityConfig","router","planeRef","flatRows","flatMap","band","rows","descriptors","map","collectionConfig","collectionSlug","hierarchyConfig","hierarchy","undefined","parentFieldName","href","isHierarchyGroup","_browseHref","path","key","title","showTypePill","documentSlugs","Set","filter","size","selectionDragData","selected","descriptor","has","type","items","preview","slice","_jsx","marquee","setMarquee","anchorIndexRef","itemRefs","Map","setItemRef","flatIndex","set","delete","latestRef","dragCleanupRef","isRowSelectable","commitSelection","nextSelectedKeys","latestRows","onChange","currentKeys","forEach","applySelectionIntent","index","intent","anchorIndex","start","Math","min","end","max","rangeRow","add","handleCardClickCapture","detail","preventDefault","stopPropagation","handleCardKeyDown","handlePointerDownUnselected","handleCardDoubleClick","push","handlePlaneMouseDown","planeNode","button","target","closest","isAdditive","baseSelectedKeys","startBounds","getBoundingClientRect","startX","clientX","left","startY","clientY","top","hasMoved","handleMouseMove","moveEvent","planeBounds","currentX","currentY","abs","bottom","right","height","itemNode","get","itemBounds","intersects","endDrag","window","removeEventListener","addEventListener","_jsxs","className","Boolean","join","onMouseDown","bandIndex","bandOffset","reduce","total","earlier","length","visibleLabel","label","style","gridTemplateColumns","_row","rowIndex","isSelected","lockedUser","onClickCapture","onDoubleClick","onKeyDown","onPointerDownUnselected","registerNode"],"sources":["../../../../src/views/HierarchyList/HierarchyCards/index.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { HierarchyDragData } from '../../../providers/HierarchyDnd/types.js'\nimport type { TableRow } from '../HierarchyTable/types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { DragPreviewItem } from './DragPreviewItem/index.js'\nimport { PlaneItem } from './PlaneItem/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-card-grid'\n\n/**\n * Rows are drawn from several collections whose ids can collide, so identity is the pair.\n */\nexport const getRowKey = (row: TableRow): string => `${row._collectionSlug}:${row.id}`\n\nconst getRowTitle = ({ row, useAsTitle }: { row: TableRow; useAsTitle: string }): string => {\n  const rawTitle = row[useAsTitle]\n\n  if (typeof rawTitle === 'string' || typeof rawTitle === 'number') {\n    return String(rawTitle)\n  }\n\n  return String(row.id)\n}\n\n/**\n * Discrete column tiers, richest-first. Each `minWidth` is the container width at which that\n * many ~200px cards (plus the grid gap) still fit, so cards never drop meaningfully below the\n * 200px target as the container grows.\n */\nconst COLUMN_TIERS = [\n  { columns: 8, minWidth: 1712 },\n  { columns: 5, minWidth: 1064 },\n  { columns: 4, minWidth: 848 },\n  { columns: 2, minWidth: 0 },\n] as const\n\nconst getColumnCount = (containerWidth: number): number =>\n  COLUMN_TIERS.find((tier) => containerWidth >= tier.minWidth)?.columns ?? 2\n\n/**\n * Measures the plane's own width via `ResizeObserver` rather than CSS container queries, so the\n * column count is driven by explicit, easily-debuggable state instead of container-query support\n * or self-referencing-container edge cases. Every band shares the count, so folder cards and\n * document cards line up in the same columns.\n *\n * Starts `null` - not at a guessed tier - because the width can only be known on the client. Until\n * it is measured the bands leave `grid-template-columns` to CSS, which auto-fills to the same ~200px\n * target; seeding a guess instead would paint that many full-width-share cards on the server and\n * then visibly snap to the measured count on hydration.\n */\nconst useColumnCount = () => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [columns, setColumns] = useState<null | number>(null)\n\n  useEffect(() => {\n    const node = ref.current\n\n    if (!node) {\n      return\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) {\n        setColumns(getColumnCount(entry.contentRect.width))\n      }\n    })\n\n    observer.observe(node)\n\n    return () => observer.disconnect()\n  }, [])\n\n  return [ref, columns] as const\n}\n\n/**\n * `replace` collapses the selection to the clicked card, `toggle` (Cmd/Ctrl) adds or removes it,\n * and `range` (Shift) selects everything between the anchor and the clicked card.\n */\ntype ClickIntent = 'range' | 'replace' | 'toggle'\n\n/**\n * Plane-relative geometry of the drag-selection marquee.\n */\ntype MarqueeRect = {\n  height: number\n  left: number\n  top: number\n  width: number\n}\n\n/**\n * A press only becomes a marquee once the pointer travels this far, so a slightly imprecise click\n * on empty space still reads as a click-away rather than a zero-area drag.\n */\nconst DRAG_THRESHOLD = 4\n\n/** Matches the overlay's own cap, so no preview card is built that the overlay would discard. */\nconst MAX_DRAG_PREVIEW_CARDS = 3\n\nconst getSelectionIntent = (event: {\n  ctrlKey: boolean\n  metaKey: boolean\n  shiftKey: boolean\n}): ClickIntent => {\n  if (event.shiftKey) {\n    return 'range'\n  }\n\n  if (event.metaKey || event.ctrlKey) {\n    return 'toggle'\n  }\n\n  return 'replace'\n}\n\n/**\n * A row plus the presentation values derived from its collection config.\n */\ntype CardDescriptor = {\n  href: string\n  isHierarchyGroup: boolean\n  key: string\n  parentFieldName: string\n  row: TableRow\n  title: string\n}\n\n/**\n * One horizontal group of cards. Bands stack vertically and share a single selection scope, so a\n * range selection or a marquee can run from a folder straight through the documents below it.\n */\nexport type PlaneBand = {\n  /**\n   * Hierarchy rows render as folder cards, related documents render as document cards.\n   */\n  isHierarchyGroup: boolean\n  key: string\n  /**\n   * Accessible name for this band, so each list is distinguishable when several render.\n   */\n  label?: string\n  rows: TableRow[]\n  /**\n   * Heading rendered above the band, e.g. distinguishing documents with no folder from the ones\n   * inside a folder. Separate from `label` because that one is read on every band as an accessible\n   * name, while this is opt-in and only some bands need it.\n   */\n  visibleLabel?: string\n}\n\nexport type HierarchyCardGridProps = {\n  /**\n   * Ids of the folders between the root and the folder currently open, so a folder can't be dropped\n   * into its own subtree.\n   */\n  ancestorIds?: (number | string)[]\n  /**\n   * Fallback accessible name for bands that don't carry their own label.\n   */\n  ariaLabel?: string\n  bands: PlaneBand[]\n  /**\n   * Grows the plane to fill the remaining height of its container, so click-away and drag selection\n   * reach the empty space below the cards rather than only the gaps between them. Requires the\n   * container to be a flex column.\n   */\n  fillHeight?: boolean\n  /**\n   * Returns the user currently editing a row, mirroring the table's lock affordance. Locked rows\n   * cannot be selected, so their cards render a lock indicator.\n   */\n  getRowLockedUser?: (row: TableRow) => undefined | User\n  /**\n   * Slug of the collection that owns the folder tree, used to address drop destinations.\n   */\n  hierarchySlug?: string\n  /**\n   * Renders the cards as plain selectable tiles, with no drag activation and no dragging treatment.\n   * For planes with nowhere to drop, such as the flat collection grid outside the hierarchy view.\n   */\n  isDragDisabled?: boolean\n  /**\n   * Clears the selection once a drop has moved it, since those documents are no longer on this page.\n   */\n  onMoveSuccess?: () => void\n  /**\n   * Toggles a single row's selected state. Multi-card intents (replace, range) are resolved into\n   * the minimum set of per-row toggles by the plane, so consumers only implement one operation.\n   */\n  onSelectionChange: (row: TableRow) => void\n  selectedKeys: Set<string>\n  /**\n   * Renders each document card's collection label as a pill over its thumbnail. Defaults to showing\n   * the pill only when the documents span more than one collection - a grid of a single document\n   * type labels itself, so the pill would repeat the same word on every card.\n   */\n  showCollectionType?: boolean\n}\n\nexport function HierarchyCardGrid({\n  ancestorIds = [],\n  ariaLabel,\n  bands,\n  fillHeight = false,\n  getRowLockedUser,\n  hierarchySlug,\n  isDragDisabled = false,\n  onMoveSuccess,\n  onSelectionChange,\n  selectedKeys,\n  showCollectionType,\n}: HierarchyCardGridProps) {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n  const [planeRef, columns] = useColumnCount()\n\n  /**\n   * Selection, range anchoring, and the marquee all operate over one flat index space, which is\n   * what puts folders and documents on the same plane rather than in sibling scopes.\n   */\n  const flatRows = useMemo(() => bands.flatMap((band) => band.rows), [bands])\n\n  /**\n   * Everything needed to render one card, flattened into the same index space as `flatRows`. Built\n   * once so the render and the drag overlay agree on titles and hrefs without recomputing them.\n   */\n  const descriptors = useMemo<CardDescriptor[]>(\n    () =>\n      bands.flatMap((band) =>\n        band.rows.map((row) => {\n          const collectionConfig = getEntityConfig({ collectionSlug: row._collectionSlug })\n          const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n\n          const hierarchyConfig =\n            collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n              ? collectionConfig.hierarchy\n              : undefined\n          const parentFieldName = hierarchyConfig?.parentFieldName || 'parent'\n\n          // Folders drill in via `_browseHref` so the click stays in the collection being browsed;\n          // the fallback covers rows built outside the hierarchy view.\n          const href = band.isHierarchyGroup\n            ? (row._browseHref ??\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${row._collectionSlug}?${parentFieldName}=${row.id}`,\n              }))\n            : formatAdminURL({\n                adminRoute,\n                path: `/collections/${row._collectionSlug}/${row.id}`,\n              })\n\n          return {\n            href,\n            isHierarchyGroup: band.isHierarchyGroup,\n            key: getRowKey(row),\n            parentFieldName,\n            row,\n            title: getRowTitle({ row, useAsTitle }),\n          }\n        }),\n      ),\n    [adminRoute, bands, getEntityConfig],\n  )\n\n  const showTypePill = useMemo(() => {\n    if (showCollectionType !== undefined) {\n      return showCollectionType\n    }\n\n    const documentSlugs = new Set(\n      bands\n        .filter((band) => !band.isHierarchyGroup)\n        .flatMap((band) => band.rows)\n        .map((row) => row._collectionSlug),\n    )\n\n    return documentSlugs.size > 1\n  }, [bands, showCollectionType])\n\n  /**\n   * Payload for dragging the current selection, shared by every selected card so it is built once\n   * per render rather than once per card. The preview is capped because the overlay only fans a few\n   * cards before collapsing the remainder into a count.\n   */\n  const selectionDragData = useMemo<HierarchyDragData>(() => {\n    const selected = descriptors.filter((descriptor) => selectedKeys.has(descriptor.key))\n\n    return {\n      type: 'hierarchy-items',\n      items: selected.map((descriptor) => ({\n        id: descriptor.row.id,\n        collectionSlug: descriptor.row._collectionSlug,\n        title: descriptor.title,\n      })),\n      onMoveSuccess,\n      preview: selected\n        .slice(0, MAX_DRAG_PREVIEW_CARDS)\n        .map((descriptor) => (\n          <DragPreviewItem\n            isHierarchyGroup={descriptor.isHierarchyGroup}\n            key={descriptor.key}\n            row={descriptor.row}\n          />\n        )),\n    }\n  }, [descriptors, onMoveSuccess, selectedKeys])\n\n  const [marquee, setMarquee] = useState<MarqueeRect | null>(null)\n\n  // Origin of the next Shift+Click range, set by every plain or Cmd/Ctrl click.\n  const anchorIndexRef = useRef<null | number>(null)\n\n  /**\n   * Flat index → card element. The cards live across several lists now, so the marquee can no\n   * longer hit-test by walking one element's children.\n   */\n  const itemRefs = useRef<Map<number, HTMLElement>>(new Map())\n\n  const setItemRef = useCallback((flatIndex: number, node: HTMLElement | null) => {\n    if (node) {\n      itemRefs.current.set(flatIndex, node)\n    } else {\n      itemRefs.current.delete(flatIndex)\n    }\n  }, [])\n\n  /**\n   * A drag binds its handlers to `window` for its whole lifetime, so those handlers have to read\n   * the live rows and selection rather than the values captured when the press began - the\n   * selection changes on every pointer move.\n   */\n  const latestRef = useRef({ flatRows, getRowLockedUser, onSelectionChange, selectedKeys })\n\n  useEffect(() => {\n    latestRef.current = { flatRows, getRowLockedUser, onSelectionChange, selectedKeys }\n  })\n\n  // Unmounting mid-drag would otherwise leave the window listeners bound.\n  const dragCleanupRef = useRef<(() => void) | null>(null)\n\n  useEffect(() => () => dragCleanupRef.current?.(), [])\n\n  const isRowSelectable = (row: TableRow) => !latestRef.current.getRowLockedUser?.(row)\n\n  /**\n   * Reduces a desired selection to the minimum set of per-row toggles the consumer understands.\n   */\n  const commitSelection = (nextSelectedKeys: Set<string>) => {\n    const {\n      flatRows: latestRows,\n      onSelectionChange: onChange,\n      selectedKeys: currentKeys,\n    } = latestRef.current\n\n    latestRows.forEach((row) => {\n      const key = getRowKey(row)\n\n      if (isRowSelectable(row) && currentKeys.has(key) !== nextSelectedKeys.has(key)) {\n        onChange(row)\n      }\n    })\n  }\n\n  const applySelectionIntent = ({ index, intent }: { index: number; intent: ClickIntent }) => {\n    const row = flatRows[index]\n\n    if (!row || !isRowSelectable(row)) {\n      return\n    }\n\n    const nextSelectedKeys = new Set<string>()\n\n    if (intent === 'range') {\n      const anchorIndex = anchorIndexRef.current ?? index\n      const start = Math.min(anchorIndex, index)\n      const end = Math.max(anchorIndex, index)\n\n      flatRows.slice(start, end + 1).forEach((rangeRow) => {\n        if (isRowSelectable(rangeRow)) {\n          nextSelectedKeys.add(getRowKey(rangeRow))\n        }\n      })\n    } else if (intent === 'toggle') {\n      selectedKeys.forEach((key) => nextSelectedKeys.add(key))\n\n      const key = getRowKey(row)\n\n      if (nextSelectedKeys.has(key)) {\n        nextSelectedKeys.delete(key)\n      } else {\n        nextSelectedKeys.add(key)\n      }\n\n      anchorIndexRef.current = index\n    } else {\n      nextSelectedKeys.add(getRowKey(row))\n      anchorIndexRef.current = index\n    }\n\n    commitSelection(nextSelectedKeys)\n  }\n\n  /**\n   * Cards have no checkbox, so the card surface itself drives selection: click selects, Cmd/Ctrl\n   * click toggles, Shift click extends. Navigation moves to double click instead.\n   *\n   * This runs in the capture phase and stops propagation because the card's `Link` navigates from\n   * its own `onClick` - a bubbling handler here would fire after the route change had already\n   * started. Keyboard-triggered clicks (`detail === 0`, i.e. Enter on the focused link) are let\n   * through to the link, since there is no double-press equivalent.\n   */\n  const handleCardClickCapture = (event: React.MouseEvent, index: number) => {\n    if (event.detail === 0) {\n      return\n    }\n\n    event.preventDefault()\n    event.stopPropagation()\n    applySelectionIntent({ index, intent: getSelectionIntent(event) })\n  }\n\n  // Space is the keyboard counterpart of a selecting click, mirroring what the checkbox used to\n  // offer; Enter stays with the focused link so it still opens the document.\n  const handleCardKeyDown = (event: React.KeyboardEvent, index: number) => {\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Space would otherwise scroll the page.\n    event.preventDefault()\n    applySelectionIntent({ index, intent: getSelectionIntent(event) })\n  }\n\n  // Pressing an unselected card collapses the selection onto it, so a drag that starts from it moves\n  // only that card. The pointer sensor's own distance threshold means this lands before any drag.\n  const handlePointerDownUnselected = (index: number) => {\n    applySelectionIntent({ index, intent: 'replace' })\n  }\n\n  const handleCardDoubleClick = (event: React.MouseEvent, href: string) => {\n    event.preventDefault()\n    router.push(href)\n  }\n\n  /**\n   * A press on the plane's empty space either clears the selection (click-away) or draws a marquee\n   * that selects every card it touches, matching a file browser. Holding a modifier keeps the\n   * existing selection and adds to it.\n   *\n   * All coordinates are kept relative to the plane so the marquee stays anchored to the cards if\n   * the page scrolls mid-drag.\n   */\n  const handlePlaneMouseDown = (event: React.MouseEvent) => {\n    const planeNode = planeRef.current\n\n    // Presses that land on a card belong to the click handlers above.\n    if (\n      event.button !== 0 ||\n      !planeNode ||\n      (event.target as HTMLElement).closest(`.${baseClass}__item`)\n    ) {\n      return\n    }\n\n    // Suppresses the native text-selection drag that would otherwise fight the marquee.\n    event.preventDefault()\n\n    const isAdditive = event.shiftKey || event.metaKey || event.ctrlKey\n    const baseSelectedKeys = new Set(selectedKeys)\n    const startBounds = planeNode.getBoundingClientRect()\n    const startX = event.clientX - startBounds.left\n    const startY = event.clientY - startBounds.top\n\n    let hasMoved = false\n\n    const handleMouseMove = (moveEvent: MouseEvent) => {\n      const planeBounds = planeNode.getBoundingClientRect()\n      const currentX = moveEvent.clientX - planeBounds.left\n      const currentY = moveEvent.clientY - planeBounds.top\n\n      if (\n        !hasMoved &&\n        Math.abs(currentX - startX) < DRAG_THRESHOLD &&\n        Math.abs(currentY - startY) < DRAG_THRESHOLD\n      ) {\n        return\n      }\n\n      hasMoved = true\n\n      const bottom = Math.max(startY, currentY)\n      const left = Math.min(startX, currentX)\n      const right = Math.max(startX, currentX)\n      const top = Math.min(startY, currentY)\n\n      setMarquee({ height: bottom - top, left, top, width: right - left })\n\n      const nextSelectedKeys = isAdditive ? new Set(baseSelectedKeys) : new Set<string>()\n\n      latestRef.current.flatRows.forEach((row, index) => {\n        const itemNode = itemRefs.current.get(index)\n\n        if (!itemNode || !isRowSelectable(row)) {\n          return\n        }\n\n        const itemBounds = itemNode.getBoundingClientRect()\n        const intersects =\n          itemBounds.left - planeBounds.left < right &&\n          itemBounds.right - planeBounds.left > left &&\n          itemBounds.top - planeBounds.top < bottom &&\n          itemBounds.bottom - planeBounds.top > top\n\n        if (intersects) {\n          nextSelectedKeys.add(getRowKey(row))\n        }\n      })\n\n      commitSelection(nextSelectedKeys)\n    }\n\n    const endDrag = () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n      window.removeEventListener('mouseup', endDrag)\n      dragCleanupRef.current = null\n      setMarquee(null)\n\n      // A press that never became a drag is a click-away: it clears the selection.\n      if (!hasMoved && !isAdditive) {\n        commitSelection(new Set())\n        anchorIndexRef.current = null\n      }\n    }\n\n    dragCleanupRef.current = endDrag\n    window.addEventListener('mousemove', handleMouseMove)\n    window.addEventListener('mouseup', endDrag)\n  }\n\n  return (\n    <div\n      className={[baseClass, fillHeight && `${baseClass}--fill-height`].filter(Boolean).join(' ')}\n      onMouseDown={handlePlaneMouseDown}\n      ref={planeRef}\n    >\n      {bands.map((band, bandIndex) => {\n        // Bands render in order, so each band's rows start after every earlier band's rows.\n        const bandOffset = bands\n          .slice(0, bandIndex)\n          .reduce((total, earlier) => total + earlier.rows.length, 0)\n\n        return (\n          <div key={band.key}>\n            {band.visibleLabel && (\n              <h2 className={`${baseClass}__band-label`}>{band.visibleLabel}</h2>\n            )}\n            <ul\n              aria-label={band.label ?? ariaLabel}\n              className={[\n                `${baseClass}__band`,\n                band.isHierarchyGroup && `${baseClass}__band--folders`,\n                band.visibleLabel && `${baseClass}__band--labeled`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              style={columns ? { gridTemplateColumns: `repeat(${columns}, 1fr)` } : undefined}\n            >\n              {band.rows.map((_row, rowIndex) => {\n                const flatIndex = bandOffset + rowIndex\n                const descriptor = descriptors[flatIndex]\n\n                return (\n                  <PlaneItem\n                    ancestorIds={ancestorIds}\n                    baseClass={baseClass}\n                    flatIndex={flatIndex}\n                    hierarchySlug={hierarchySlug ?? descriptor.row._collectionSlug}\n                    href={descriptor.href}\n                    isDragDisabled={isDragDisabled}\n                    isHierarchyGroup={descriptor.isHierarchyGroup}\n                    isSelected={selectedKeys.has(descriptor.key)}\n                    key={descriptor.key}\n                    lockedUser={getRowLockedUser?.(descriptor.row)}\n                    onClickCapture={handleCardClickCapture}\n                    onDoubleClick={handleCardDoubleClick}\n                    onKeyDown={handleCardKeyDown}\n                    onPointerDownUnselected={handlePointerDownUnselected}\n                    parentFieldName={descriptor.parentFieldName}\n                    registerNode={setItemRef}\n                    row={descriptor.row}\n                    selectionDragData={selectionDragData}\n                    showTypePill={showTypePill}\n                    title={descriptor.title}\n                  />\n                )\n              })}\n            </ul>\n          </div>\n        )\n      })}\n\n      {/*\n        Inert overlay, positioned against the plane rather than any one band so it can span them.\n        Physical `left`/`top` are deliberate - the geometry comes from measured rects, which are\n        already physical.\n      */}\n      {marquee && (\n        <div\n          aria-hidden=\"true\"\n          className={`${baseClass}__marquee`}\n          style={{\n            height: marquee.height,\n            left: marquee.left,\n            top: marquee.top,\n            width: marquee.width,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyListHeader/index.d.ts

@@ -11,8 +11,13 @@ export type HierarchyListHeaderProps = {
     disableBulkEdit?: boolean;
     /** Icon to display in the move drawer */
     HierarchyIcon?: React.ReactNode;
+    /**
+     * Slug of the collection that owns the folder tree. Differs from `collectionConfig.slug` when the
+     * view browses one related collection by folder.
+     */
+    hierarchySlug: string;
     i18n: I18nClient;
     viewType?: ViewTypes;
 };
-export declare function HierarchyListHeader({ collectionConfig, currentItemTitle, Description, disableBulkDelete, disableBulkEdit, HierarchyIcon, i18n, viewType, }: HierarchyListHeaderProps): React.JSX.Element;
+export declare function HierarchyListHeader({ collectionConfig, currentItemTitle, Description, disableBulkDelete, disableBulkEdit, HierarchyIcon, hierarchySlug, i18n, viewType, }: HierarchyListHeaderProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/HierarchyList/HierarchyListHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyListHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,wBAAwB,GAAG;IACrC,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yCAAyC;IACzC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,qBA2B1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyListHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,wBAAwB,GAAG;IACrC,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yCAAyC;IACzC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,aAAa,EACb,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,qBA2B1B"}

package/dist/views/HierarchyList/HierarchyListHeader/index.js

@@ -11,7 +11,7 @@ import { DocumentListSelection } from '../DocumentListSelection/index.js';
 import './index.css';
 const baseClass = 'hierarchy-list-header';
 export function HierarchyListHeader(t0) {
-  const $ = _c(11);
+  const $ = _c(12);
   const {
     collectionConfig,
     currentItemTitle,
@@ -19,6 +19,7 @@ export function HierarchyListHeader(t0) {
     disableBulkDelete,
     disableBulkEdit,
     HierarchyIcon,
+    hierarchySlug,
     i18n,
     viewType
   } = t0;
@@ -29,14 +30,14 @@ export function HierarchyListHeader(t0) {
     labels
   } = collectionConfig;
   let t1;
-  if ($[0] !== Description || $[1] !== HierarchyIcon || $[2] !== collectionConfig || $[3] !== config || $[4] !== currentItemTitle || $[5] !== disableBulkDelete || $[6] !== disableBulkEdit || $[7] !== i18n || $[8] !== labels?.plural || $[9] !== viewType) {
+  if ($[0] !== Description || $[1] !== HierarchyIcon || $[2] !== collectionConfig || $[3] !== config || $[4] !== currentItemTitle || $[5] !== disableBulkDelete || $[6] !== disableBulkEdit || $[7] !== hierarchySlug || $[8] !== i18n || $[9] !== labels?.plural || $[10] !== viewType) {
     const title = currentItemTitle || getTranslation(labels?.plural, i18n);
     t1 = _jsx(ListHeader, {
       Actions: [_jsx(DocumentListSelection, {
         disableBulkDelete,
         disableBulkEdit,
         hierarchyIcon: HierarchyIcon,
-        hierarchySlug: collectionConfig.slug
+        hierarchySlug
       }, "document-list-selection"), _jsx(DefaultListViewTabs, {
         collectionConfig,
         config,
@@ -53,12 +54,13 @@ export function HierarchyListHeader(t0) {
     $[4] = currentItemTitle;
     $[5] = disableBulkDelete;
     $[6] = disableBulkEdit;
-    $[7] = i18n;
-    $[8] = labels?.plural;
-    $[9] = viewType;
-    $[10] = t1;
+    $[7] = hierarchySlug;
+    $[8] = i18n;
+    $[9] = labels?.plural;
+    $[10] = viewType;
+    $[11] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[11];
   }
   return t1;
 }

package/dist/views/HierarchyList/HierarchyListHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","DefaultListViewTabs","ListHeader","useConfig","DocumentListSelection","baseClass","HierarchyListHeader","t0","$","collectionConfig","currentItemTitle","Description","disableBulkDelete","disableBulkEdit","HierarchyIcon","i18n","viewType","config","labels","t1","plural","title","_jsx","Actions","hierarchyIcon","hierarchySlug","slug","AfterListHeaderContent","className"],"sources":["../../../../src/views/HierarchyList/HierarchyListHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentListSelection } from '../DocumentListSelection/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-list-header'\n\nexport type HierarchyListHeaderProps = {\n  collectionConfig: ClientCollectionConfig\n  /** Title to display - defaults to collection label if not provided */\n  currentItemTitle?: string\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  /** Icon to display in the move drawer */\n  HierarchyIcon?: React.ReactNode\n  i18n: I18nClient\n  viewType?: ViewTypes\n}\n\nexport function HierarchyListHeader({\n  collectionConfig,\n  currentItemTitle,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  HierarchyIcon,\n  i18n,\n  viewType,\n}: HierarchyListHeaderProps) {\n  const { config } = useConfig()\n  const { labels } = collectionConfig\n  const title = currentItemTitle || getTranslation(labels?.plural, i18n)\n\n  return (\n    <ListHeader\n      Actions={[\n        <DocumentListSelection\n          disableBulkDelete={disableBulkDelete}\n          disableBulkEdit={disableBulkEdit}\n          hierarchyIcon={HierarchyIcon}\n          hierarchySlug={collectionConfig.slug}\n          key=\"document-list-selection\"\n        />,\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ]}\n      AfterListHeaderContent={Description}\n      className={baseClass}\n      title={title}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAelB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAA6B;IAAAW,gBAAA;IAAAC,gBAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,aAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAT,EAST;EACzB;IAAAU;EAAA,IAAmBd,SAAA;EACnB;IAAAe;EAAA,IAAmBT,gBAAA;EAAA,IAAAU,EAAA;EAAA,IAAAX,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAM,aAAA,IAAAN,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAS,MAAA,IAAAT,CAAA,QAAAE,gBAAA,IAAAF,CAAA,QAAAI,iBAAA,IAAAJ,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAU,MAAA,EAAAE,MAAA,IAAAZ,CAAA,QAAAQ,QAAA;IACnB,MAAAK,KAAA,GAAcX,gBAAA,IAAoBX,cAAA,CAAemB,MAAA,EAAAE,MAAA,EAAgBL,IAAA;IAG/DI,EAAA,GAAAG,IAAA,CAAApB,UAAA;MAAAqB,OAAA,GAEID,IAAA,CAAAlB,qBAAA;QAAAQ,iBAAA;QAAAC,eAAA;QAAAW,aAAA,EAGiBV,aAAA;QAAAW,aAAA,EACAhB,gBAAA,CAAAiB;MAAA,GACX,4BAENJ,IAAA,CAAArB,mBAAA;QAAAQ,gBAAA;QAAAQ,MAAA;QAAAD;MAAA,GAGM;MAAAW,sBAAA,EAIgBhB,WAAA;MAAAiB,SAAA,EAAAvB,SAAA;MAAAgB;IAAA,C;;;;;;;;;;;;;;;SAhB1BF,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","DefaultListViewTabs","ListHeader","useConfig","DocumentListSelection","baseClass","HierarchyListHeader","t0","$","collectionConfig","currentItemTitle","Description","disableBulkDelete","disableBulkEdit","HierarchyIcon","hierarchySlug","i18n","viewType","config","labels","t1","plural","title","_jsx","Actions","hierarchyIcon","AfterListHeaderContent","className"],"sources":["../../../../src/views/HierarchyList/HierarchyListHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentListSelection } from '../DocumentListSelection/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-list-header'\n\nexport type HierarchyListHeaderProps = {\n  collectionConfig: ClientCollectionConfig\n  /** Title to display - defaults to collection label if not provided */\n  currentItemTitle?: string\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  /** Icon to display in the move drawer */\n  HierarchyIcon?: React.ReactNode\n  /**\n   * Slug of the collection that owns the folder tree. Differs from `collectionConfig.slug` when the\n   * view browses one related collection by folder.\n   */\n  hierarchySlug: string\n  i18n: I18nClient\n  viewType?: ViewTypes\n}\n\nexport function HierarchyListHeader({\n  collectionConfig,\n  currentItemTitle,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  HierarchyIcon,\n  hierarchySlug,\n  i18n,\n  viewType,\n}: HierarchyListHeaderProps) {\n  const { config } = useConfig()\n  const { labels } = collectionConfig\n  const title = currentItemTitle || getTranslation(labels?.plural, i18n)\n\n  return (\n    <ListHeader\n      Actions={[\n        <DocumentListSelection\n          disableBulkDelete={disableBulkDelete}\n          disableBulkEdit={disableBulkEdit}\n          hierarchyIcon={HierarchyIcon}\n          hierarchySlug={hierarchySlug}\n          key=\"document-list-selection\"\n        />,\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ]}\n      AfterListHeaderContent={Description}\n      className={baseClass}\n      title={title}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAoBlB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAA6B;IAAAW,gBAAA;IAAAC,gBAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,aAAA;IAAAC,aAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAV,EAUT;EACzB;IAAAW;EAAA,IAAmBf,SAAA;EACnB;IAAAgB;EAAA,IAAmBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAZ,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAM,aAAA,IAAAN,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAU,MAAA,IAAAV,CAAA,QAAAE,gBAAA,IAAAF,CAAA,QAAAI,iBAAA,IAAAJ,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAO,aAAA,IAAAP,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAW,MAAA,EAAAE,MAAA,IAAAb,CAAA,SAAAS,QAAA;IACnB,MAAAK,KAAA,GAAcZ,gBAAA,IAAoBX,cAAA,CAAeoB,MAAA,EAAAE,MAAA,EAAgBL,IAAA;IAG/DI,EAAA,GAAAG,IAAA,CAAArB,UAAA;MAAAsB,OAAA,GAEID,IAAA,CAAAnB,qBAAA;QAAAQ,iBAAA;QAAAC,eAAA;QAAAY,aAAA,EAGiBX,aAAA;QAAAC;MAAA,GAEX,4BAENQ,IAAA,CAAAtB,mBAAA;QAAAQ,gBAAA;QAAAS,MAAA;QAAAD;MAAA,GAGM;MAAAS,sBAAA,EAIgBf,WAAA;MAAAgB,SAAA,EAAAtB,SAAA;MAAAiB;IAAA,C;;;;;;;;;;;;;;;;SAhB1BF,E","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyTable/ChildNameCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChildNameCell.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/ChildNameCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAW1C,eAAO,MAAM,aAAa,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CAuDtD,CAAA"}
+{"version":3,"file":"ChildNameCell.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/ChildNameCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAc1C,eAAO,MAAM,aAAa,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CAqEtD,CAAA"}

package/dist/views/HierarchyList/HierarchyTable/ChildNameCell.js

@@ -3,17 +3,20 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatAdminURL } from 'payload/shared';
-import React from 'react';
+import React, { useCallback } from 'react';
+import { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js';
 import { Link } from '../../../elements/Link/index.js';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { EditIcon } from '../../../icons/Edit/index.js';
 import { FolderIcon } from '../../../icons/Folder/index.js';
 import { TagIcon } from '../../../icons/Tag/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
+import { useHierarchy } from '../../../providers/Hierarchy/index.js';
+import { useRouteCache } from '../../../providers/RouteCache/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { baseClass } from './types.js';
 export const ChildNameCell = t0 => {
-  const $ = _c(12);
+  const $ = _c(7);
   const {
     row
   } = t0;
@@ -30,73 +33,84 @@ export const ChildNameCell = t0 => {
   const {
     t
   } = useTranslation();
+  const {
+    refreshTree
+  } = useHierarchy();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const collectionConfig = getEntityConfig({
+    collectionSlug: row._collectionSlug
+  });
+  const titleField = collectionConfig?.admin?.useAsTitle || "id";
+  const rawTitle = typeof row[titleField] === "string" || typeof row[titleField] === "number" ? row[titleField] : row.id;
+  const title = typeof rawTitle === "object" ? JSON.stringify(rawTitle) : String(rawTitle);
+  const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === "object" ? collectionConfig.hierarchy : undefined;
+  const isFolder = Boolean(hierarchyConfig && hierarchyConfig.allowHasMany === false);
+  const parentFieldName = hierarchyConfig?.parentFieldName || "parent";
+  const hierarchyURL = row._browseHref ?? formatAdminURL({
+    adminRoute,
+    path: `/collections/${row._collectionSlug}?${parentFieldName}=${row.id}`
+  });
+  const DefaultIcon = isFolder ? _jsx(FolderIcon, {}) : _jsx(TagIcon, {});
   let t3;
-  if ($[0] !== getEntityConfig || $[1] !== row._collectionSlug) {
-    t3 = getEntityConfig({
+  if ($[0] !== row._collectionSlug || $[1] !== row.id) {
+    t3 = {
+      id: row.id,
       collectionSlug: row._collectionSlug
-    });
-    $[0] = getEntityConfig;
-    $[1] = row._collectionSlug;
+    };
+    $[0] = row._collectionSlug;
+    $[1] = row.id;
     $[2] = t3;
   } else {
     t3 = $[2];
   }
-  const collectionConfig = t3;
-  const titleField = collectionConfig?.admin?.useAsTitle || "id";
-  const rawTitle = typeof row[titleField] === "string" || typeof row[titleField] === "number" ? row[titleField] : row.id;
-  let t4;
-  if ($[3] !== adminRoute || $[4] !== collectionConfig || $[5] !== rawTitle || $[6] !== row._collectionSlug || $[7] !== row._hasChildren || $[8] !== row._hierarchyIcon || $[9] !== row.id || $[10] !== t) {
-    const title = typeof rawTitle === "object" ? JSON.stringify(rawTitle) : String(rawTitle);
-    const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === "object" ? collectionConfig.hierarchy : undefined;
-    const isFolder = Boolean(hierarchyConfig && hierarchyConfig.allowHasMany === false);
-    const parentFieldName = hierarchyConfig?.parentFieldName || "parent";
-    const documentURL = formatAdminURL({
-      adminRoute,
-      path: `/collections/${row._collectionSlug}/${row.id}`
-    });
-    const hierarchyURL = formatAdminURL({
-      adminRoute,
-      path: `/collections/${row._collectionSlug}?${parentFieldName}=${row.id}`
-    });
-    const DefaultIcon = isFolder ? _jsx(FolderIcon, {}) : _jsx(TagIcon, {});
-    t4 = _jsxs("div", {
-      className: `${baseClass}__name-cell`,
-      children: [_jsxs(Link, {
-        className: `${baseClass}__name-link`,
-        href: hierarchyURL,
-        children: [_jsx("span", {
-          className: `${baseClass}__name-icon`,
-          children: row._hierarchyIcon || DefaultIcon
-        }), _jsx("span", {
-          className: `${baseClass}__name-text`,
-          children: title
-        }), row._hasChildren && _jsx("span", {
-          className: `${baseClass}__chevron`,
-          children: _jsx(ChevronIcon, {
-            direction: "right"
-          })
-        })]
-      }), _jsx(Link, {
-        "aria-label": t("general:editLabel", {
-          label: title
-        }),
-        className: `${baseClass}__edit-button`,
-        href: documentURL,
-        children: _jsx(EditIcon, {})
-      })]
-    });
-    $[3] = adminRoute;
-    $[4] = collectionConfig;
-    $[5] = rawTitle;
-    $[6] = row._collectionSlug;
-    $[7] = row._hasChildren;
-    $[8] = row._hierarchyIcon;
-    $[9] = row.id;
-    $[10] = t;
-    $[11] = t4;
+  const [DocumentDrawer,, t4] = useDocumentDrawer(t3);
+  const {
+    openDrawer
+  } = t4;
+  let t5;
+  if ($[3] !== clearRouteCache || $[4] !== refreshTree || $[5] !== row._collectionSlug) {
+    t5 = () => {
+      clearRouteCache();
+      refreshTree(row._collectionSlug);
+    };
+    $[3] = clearRouteCache;
+    $[4] = refreshTree;
+    $[5] = row._collectionSlug;
+    $[6] = t5;
   } else {
-    t4 = $[11];
+    t5 = $[6];
   }
-  return t4;
+  const handleSave = t5;
+  return _jsxs("div", {
+    className: `${baseClass}__name-cell`,
+    children: [_jsxs(Link, {
+      className: `${baseClass}__name-link cell-link`,
+      href: hierarchyURL,
+      children: [_jsx("span", {
+        className: `${baseClass}__name-icon`,
+        children: row._hierarchyIcon || DefaultIcon
+      }), _jsx("span", {
+        className: `${baseClass}__name-text`,
+        children: title
+      }), row._hasChildren && _jsx("span", {
+        className: `${baseClass}__chevron`,
+        children: _jsx(ChevronIcon, {
+          direction: "right"
+        })
+      })]
+    }), _jsx("button", {
+      "aria-label": t("general:editLabel", {
+        label: title
+      }),
+      className: `${baseClass}__edit-button`,
+      onClick: openDrawer,
+      type: "button",
+      children: _jsx(EditIcon, {})
+    }), _jsx(DocumentDrawer, {
+      onSave: handleSave
+    })]
+  });
 };
 //# sourceMappingURL=ChildNameCell.js.map

package/dist/views/HierarchyList/HierarchyTable/ChildNameCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildNameCell.js","names":["c","_c","formatAdminURL","React","Link","ChevronIcon","EditIcon","FolderIcon","TagIcon","useConfig","useTranslation","baseClass","ChildNameCell","t0","$","row","config","t1","getEntityConfig","routes","t2","admin","adminRoute","t","t3","_collectionSlug","collectionSlug","collectionConfig","titleField","useAsTitle","rawTitle","id","t4","_hasChildren","_hierarchyIcon","title","JSON","stringify","String","hierarchyConfig","hierarchy","undefined","isFolder","Boolean","allowHasMany","parentFieldName","documentURL","path","hierarchyURL","DefaultIcon","_jsx","_jsxs","className","children","href","direction","label"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/ChildNameCell.tsx"],"sourcesContent":["'use client'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { SlotColumn } from './SlotTable.js'\nimport type { TableRow } from './types.js'\n\nimport { Link } from '../../../elements/Link/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { FolderIcon } from '../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../icons/Tag/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { baseClass } from './types.js'\n\nexport const ChildNameCell: SlotColumn<TableRow>['Cell'] = ({ row }) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const { t } = useTranslation()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: row._collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const rawTitle =\n    typeof row[titleField] === 'string' || typeof row[titleField] === 'number'\n      ? row[titleField]\n      : row.id\n  const title = typeof rawTitle === 'object' ? JSON.stringify(rawTitle) : String(rawTitle)\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const isFolder = Boolean(hierarchyConfig && hierarchyConfig.allowHasMany === false)\n  const parentFieldName = hierarchyConfig?.parentFieldName || 'parent'\n\n  const documentURL = formatAdminURL({\n    adminRoute,\n    path: `/collections/${row._collectionSlug}/${row.id}`,\n  })\n\n  const hierarchyURL = formatAdminURL({\n    adminRoute,\n    path: `/collections/${row._collectionSlug}?${parentFieldName}=${row.id}`,\n  })\n\n  const DefaultIcon = isFolder ? <FolderIcon /> : <TagIcon />\n\n  return (\n    <div className={`${baseClass}__name-cell`}>\n      <Link className={`${baseClass}__name-link`} href={hierarchyURL}>\n        <span className={`${baseClass}__name-icon`}>{row._hierarchyIcon || DefaultIcon}</span>\n        <span className={`${baseClass}__name-text`}>{title}</span>\n        {row._hasChildren && (\n          <span className={`${baseClass}__chevron`}>\n            <ChevronIcon direction=\"right\" />\n          </span>\n        )}\n      </Link>\n      <Link\n        aria-label={t('general:editLabel', { label: title })}\n        className={`${baseClass}__edit-button`}\n        href={documentURL}\n      >\n        <EditIcon />\n      </Link>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAKlB,SAASC,IAAI,QAAQ;AACrB,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAE1B,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAAC;IAAAc;EAAA,IAAAF,EAAO;EACjE;IAAAG,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAKIT,SAAA;EAJM;IAAAU,MAAA,EAAAC;EAAA,IAAAH,EAEP;EADS;IAAAI,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAIjC;IAAAG;EAAA,IAAcb,cAAA;EAAA,IAAAc,EAAA;EAAA,IAAAV,CAAA,QAAAI,eAAA,IAAAJ,CAAA,QAAAC,GAAA,CAAAU,eAAA;IAEWD,EAAA,GAAAN,eAAA;MAAAQ,cAAA,EAAkCX,GAAA,CAAAU;IAAA,CAAoB;IAAAX,CAAA,MAAAI,eAAA;IAAAJ,CAAA,MAAAC,GAAA,CAAAU,eAAA;IAAAX,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA/E,MAAAa,gBAAA,GAAyBH,EAAsD;EAC/E,MAAAI,UAAA,GAAmBD,gBAAA,EAAAN,KAAA,EAAAQ,UAAA,IAAuC;EAC1D,MAAAC,QAAA,GACE,OAAOf,GAAG,CAACa,UAAA,MAAgB,YAAY,OAAOb,GAAG,CAACa,UAAA,MAAgB,WAC9Db,GAAG,CAACa,UAAA,IACJb,GAAA,CAAAgB,EAAM;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAa,gBAAA,IAAAb,CAAA,QAAAgB,QAAA,IAAAhB,CAAA,QAAAC,GAAA,CAAAU,eAAA,IAAAX,CAAA,QAAAC,GAAA,CAAAkB,YAAA,IAAAnB,CAAA,QAAAC,GAAA,CAAAmB,cAAA,IAAApB,CAAA,QAAAC,GAAA,CAAAgB,EAAA,IAAAjB,CAAA,SAAAS,CAAA;IACZ,MAAAY,KAAA,GAAc,OAAOL,QAAA,KAAa,WAAWM,IAAA,CAAAC,SAAA,CAAeP,QAAA,IAAYQ,MAAA,CAAOR,QAAA;IAC/E,MAAAS,eAAA,GACEZ,gBAAA,EAAAa,SAAA,IAA+B,OAAOb,gBAAA,CAAAa,SAAA,KAA+B,WACjEb,gBAAA,CAAAa,SAAA,GAAAC,SACA;IACN,MAAAC,QAAA,GAAiBC,OAAA,CAAQJ,eAAA,IAAmBA,eAAA,CAAAK,YAAA,UAAiC;IAC7E,MAAAC,eAAA,GAAwBN,eAAA,EAAAM,eAAA,IAAoC;IAE5D,MAAAC,WAAA,GAAoB5C,cAAA;MAAAoB,UAAA;MAAAyB,IAAA,EAEZ,gBAAgBhC,GAAA,CAAAU,eAAA,IAAuBV,GAAA,CAAAgB,EAAA;IAAQ,CACvD;IAEA,MAAAiB,YAAA,GAAqB9C,cAAA;MAAAoB,UAAA;MAAAyB,IAAA,EAEb,gBAAgBhC,GAAA,CAAAU,eAAA,IAAuBoB,eAAA,IAAmB9B,GAAA,CAAAgB,EAAA;IAAQ,CAC1E;IAEA,MAAAkB,WAAA,GAAoBP,QAAA,GAAWQ,IAAA,CAAA3C,UAAA,IAAC,IAAgB2C,IAAA,CAAA1C,OAAA,IAAC;IAG/CwB,EAAA,GAAAmB,KAAA,CAAC;MAAAC,SAAA,EAAe,GAAAzC,SAAA,aAAyB;MAAA0C,QAAA,GACvCF,KAAA,CAAA/C,IAAA;QAAAgD,SAAA,EAAiB,GAAAzC,SAAA,aAAyB;QAAA2C,IAAA,EAAQN,YAAA;QAAAK,QAAA,GAChDH,IAAA,CAAC;UAAAE,SAAA,EAAgB,GAAAzC,SAAA,aAAyB;UAAA0C,QAAA,EAAGtC,GAAA,CAAAmB,cAAA,IAAsBe;QAAA,C,GACnEC,IAAA,CAAC;UAAAE,SAAA,EAAgB,GAAAzC,SAAA,aAAyB;UAAA0C,QAAA,EAAGlB;QAAA,C,GAC5CpB,GAAA,CAAAkB,YAAA,IACCiB,IAAA,CAAC;UAAAE,SAAA,EAAgB,GAAAzC,SAAA,WAAuB;UAAA0C,QAAA,EACtCH,IAAA,CAAA7C,WAAA;YAAAkD,SAAA,EAAuB;UAAA,C;;UAI7BL,IAAA,CAAA9C,IAAA;QAAA,cACcmB,CAAA,CAAE;UAAAiC,KAAA,EAA8BrB;QAAA,CAAM;QAAAiB,SAAA,EACvC,GAAAzC,SAAA,eAA2B;QAAA2C,IAAA,EAChCR,WAAA;QAAAO,QAAA,EAENH,IAAA,CAAA5C,QAAA,IAAC;MAAA,C;;;;;;;;;;;;;;SAfL0B,E;CAmBJ","ignoreList":[]}
+{"version":3,"file":"ChildNameCell.js","names":["c","_c","formatAdminURL","React","useCallback","useDocumentDrawer","Link","ChevronIcon","EditIcon","FolderIcon","TagIcon","useConfig","useHierarchy","useRouteCache","useTranslation","baseClass","ChildNameCell","t0","$","row","config","t1","getEntityConfig","routes","t2","admin","adminRoute","t","refreshTree","clearRouteCache","collectionConfig","collectionSlug","_collectionSlug","titleField","useAsTitle","rawTitle","id","title","JSON","stringify","String","hierarchyConfig","hierarchy","undefined","isFolder","Boolean","allowHasMany","parentFieldName","hierarchyURL","_browseHref","path","DefaultIcon","_jsx","t3","DocumentDrawer","t4","openDrawer","t5","handleSave","_jsxs","className","children","href","_hierarchyIcon","_hasChildren","direction","label","onClick","type","onSave"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/ChildNameCell.tsx"],"sourcesContent":["'use client'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback } from 'react'\n\nimport type { SlotColumn } from './SlotTable.js'\nimport type { TableRow } from './types.js'\n\nimport { useDocumentDrawer } from '../../../elements/DocumentDrawer/index.js'\nimport { Link } from '../../../elements/Link/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.js'\nimport { FolderIcon } from '../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../icons/Tag/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { baseClass } from './types.js'\n\nexport const ChildNameCell: SlotColumn<TableRow>['Cell'] = ({ row }) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const { t } = useTranslation()\n  const { refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: row._collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const rawTitle =\n    typeof row[titleField] === 'string' || typeof row[titleField] === 'number'\n      ? row[titleField]\n      : row.id\n  const title = typeof rawTitle === 'object' ? JSON.stringify(rawTitle) : String(rawTitle)\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const isFolder = Boolean(hierarchyConfig && hierarchyConfig.allowHasMany === false)\n  const parentFieldName = hierarchyConfig?.parentFieldName || 'parent'\n\n  // `_browseHref` keeps the click inside the collection being browsed; the fallback covers rows\n  // built outside the hierarchy view.\n  const hierarchyURL =\n    row._browseHref ??\n    formatAdminURL({\n      adminRoute,\n      path: `/collections/${row._collectionSlug}?${parentFieldName}=${row.id}`,\n    })\n\n  const DefaultIcon = isFolder ? <FolderIcon /> : <TagIcon />\n\n  const [DocumentDrawer, , { openDrawer }] = useDocumentDrawer({\n    id: row.id,\n    collectionSlug: row._collectionSlug,\n  })\n\n  // Editing happens in place, so the table and tree are refreshed rather than navigated away from.\n  const handleSave = useCallback(() => {\n    clearRouteCache()\n    refreshTree(row._collectionSlug)\n  }, [clearRouteCache, refreshTree, row._collectionSlug])\n\n  return (\n    <div className={`${baseClass}__name-cell`}>\n      <Link className={`${baseClass}__name-link cell-link`} href={hierarchyURL}>\n        <span className={`${baseClass}__name-icon`}>{row._hierarchyIcon || DefaultIcon}</span>\n        <span className={`${baseClass}__name-text`}>{title}</span>\n        {row._hasChildren && (\n          <span className={`${baseClass}__chevron`}>\n            <ChevronIcon direction=\"right\" />\n          </span>\n        )}\n      </Link>\n      <button\n        aria-label={t('general:editLabel', { label: title })}\n        className={`${baseClass}__edit-button`}\n        onClick={openDrawer}\n        type=\"button\"\n      >\n        <EditIcon />\n      </button>\n      <DocumentDrawer onSave={handleSave} />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyTable/RelatedNameCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RelatedNameCell.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/RelatedNameCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAqD1C,eAAO,MAAM,eAAe,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CA2BxD,CAAA"}
+{"version":3,"file":"RelatedNameCell.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/RelatedNameCell.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAQ1C,eAAO,MAAM,eAAe,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CA4GxD,CAAA"}

package/dist/views/HierarchyList/HierarchyTable/RelatedNameCell.js

@@ -1,126 +1,100 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatAdminURL, getBestFitFromSizes, isImage } from 'payload/shared';
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatAdminURL } from 'payload/shared';
+import React, { useMemo } from 'react';
 import { Link } from '../../../elements/Link/index.js';
-import { Thumbnail } from '../../../elements/Thumbnail/index.js';
+import { FileCell } from '../../../elements/Table/DefaultCell/fields/File/index.js';
 import { DocumentIcon } from '../../../icons/Document/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { baseClass } from './types.js';
-const RelatedDocIcon = t0 => {
-  const $ = _c(6);
+export const RelatedNameCell = ({
+  row
+}) => {
   const {
-    collectionSlug,
-    row
-  } = t0;
-  const {
-    getEntityConfig
-  } = useConfig();
-  let t1;
-  let t2;
-  if ($[0] !== collectionSlug || $[1] !== getEntityConfig || $[2] !== row) {
-    t2 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const config = getEntityConfig({
-        collectionSlug
-      });
-      const isUploadCollection = Boolean(config?.upload);
-      const previewAllowed = config?.upload?.displayPreview ?? true;
-      if (!isUploadCollection || !previewAllowed) {
-        let t3;
-        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-          t3 = _jsx(DocumentIcon, {});
-          $[5] = t3;
-        } else {
-          t3 = $[5];
-        }
-        t2 = t3;
-        break bb0;
+    config: {
+      routes: {
+        admin: adminRoute
       }
-      const mimeType = row.mimeType;
-      const isFileImage = mimeType ? isImage(mimeType) : false;
-      let thumbnailSrc = isFileImage ? row.thumbnailURL || row.url : row.thumbnailURL;
-      if (isFileImage) {
-        thumbnailSrc = getBestFitFromSizes({
-          sizes: row.sizes,
-          thumbnailURL: row.thumbnailURL,
-          url: row.url,
-          width: row.width
-        });
-      }
-      t1 = _jsx(Thumbnail, {
-        className: `${baseClass}__thumbnail`,
-        collectionSlug: config?.slug,
-        doc: row,
-        fileSrc: thumbnailSrc,
-        imageCacheTag: config?.upload?.cacheTags ? row.updatedAt : undefined,
-        size: "small",
-        uploadConfig: config?.upload
-      });
-    }
-    $[0] = collectionSlug;
-    $[1] = getEntityConfig;
-    $[2] = row;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  if (t2 !== Symbol.for("react.early_return_sentinel")) {
-    return t2;
-  }
-  return t1;
-};
-export const RelatedNameCell = t0 => {
-  const $ = _c(4);
-  const {
-    row
-  } = t0;
-  const {
+    },
     getEntityConfig
   } = useConfig();
-  const {
-    config: t1
-  } = useConfig();
-  const {
-    routes: t2
-  } = t1;
-  const {
-    admin: adminRoute
-  } = t2;
-  const config = getEntityConfig({
+  const collectionConfig = getEntityConfig({
     collectionSlug: row._collectionSlug
   });
-  const titleField = config?.admin?.useAsTitle || "id";
-  const rawTitle = typeof row[titleField] === "string" || typeof row[titleField] === "number" ? row[titleField] : row.id;
-  let t3;
-  if ($[0] !== adminRoute || $[1] !== rawTitle || $[2] !== row) {
-    const title = typeof rawTitle === "object" ? JSON.stringify(rawTitle) : String(rawTitle);
-    const editUrl = formatAdminURL({
-      adminRoute,
-      path: `/collections/${row._collectionSlug}/${row.id}`
+  const titleField = collectionConfig?.admin?.useAsTitle || 'id';
+  const rawTitle = typeof row[titleField] === 'string' || typeof row[titleField] === 'number' ? row[titleField] : row.id;
+  const title = typeof rawTitle === 'object' ? JSON.stringify(rawTitle) : String(rawTitle);
+  const editUrl = formatAdminURL({
+    adminRoute,
+    path: `/collections/${row._collectionSlug}/${row.id}`
+  });
+  // Upload collections delegate to the list view's file cell, so thumbnail resolution and styling
+  // stay in one place. Everything else gets a generic document icon.
+  const filenameField = collectionConfig?.upload ? collectionConfig.fields.find(field => 'name' in field && field.name === 'filename') : undefined;
+  // Collections that aren't upload-enabled can still point at an upload field via
+  // `admin.useAsThumbnail`. The list query populates it to a depth of 1, so the related upload doc
+  // arrives on the row and can drive the same file cell.
+  const relatedUpload = useMemo(() => {
+    const fieldName = collectionConfig?.admin?.useAsThumbnail;
+    if (!fieldName || collectionConfig?.upload) {
+      return undefined;
+    }
+    const uploadField = collectionConfig.fields.find(field_0 => 'name' in field_0 && field_0.name === fieldName && field_0.type === 'upload');
+    if (!uploadField) {
+      return undefined;
+    }
+    // `useAsThumbnail` can point at a `hasMany` upload field, in which case the populated value is
+    // an array of docs rather than a single one - use the first.
+    const rawValue = row[fieldName];
+    const value = Array.isArray(rawValue) ? rawValue[0] : rawValue;
+    if (!value || typeof value !== 'object') {
+      return undefined;
+    }
+    // Polymorphic upload fields populate as `{ relationTo, value }` rather than the doc itself.
+    const isPolymorphic = 'relationTo' in value && 'value' in value;
+    const doc = isPolymorphic ? value.value : value;
+    const uploadSlug = isPolymorphic ? String(value.relationTo) : Array.isArray(uploadField.relationTo) ? undefined : uploadField.relationTo;
+    if (!doc || typeof doc !== 'object' || !uploadSlug) {
+      return undefined;
+    }
+    const uploadCollectionConfig = getEntityConfig({
+      collectionSlug: uploadSlug
     });
-    t3 = _jsxs(Link, {
-      className: `${baseClass}__name-link`,
-      href: editUrl,
-      children: [_jsx(RelatedDocIcon, {
-        collectionSlug: row._collectionSlug,
-        row
-      }), _jsx("span", {
+    if (!uploadCollectionConfig) {
+      return undefined;
+    }
+    return {
+      collectionConfig: uploadCollectionConfig,
+      doc,
+      field: uploadField
+    };
+  }, [collectionConfig, getEntityConfig, row]);
+  const fileCellProps = filenameField ? {
+    collectionConfig,
+    field: filenameField,
+    rowData: row
+  } : relatedUpload ? {
+    collectionConfig: relatedUpload.collectionConfig,
+    field: relatedUpload.field,
+    rowData: relatedUpload.doc
+  } : undefined;
+  return /*#__PURE__*/_jsx(Link, {
+    className: `${baseClass}__name-link cell-link`,
+    href: editUrl,
+    children: fileCellProps ? /*#__PURE__*/_jsx(FileCell, {
+      cellData: title,
+      collectionSlug: fileCellProps.collectionConfig.slug,
+      ...fileCellProps
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
+        className: `${baseClass}__name-icon`,
+        children: /*#__PURE__*/_jsx(DocumentIcon, {})
+      }), /*#__PURE__*/_jsx("span", {
         className: `${baseClass}__name-text`,
         children: title
       })]
-    });
-    $[0] = adminRoute;
-    $[1] = rawTitle;
-    $[2] = row;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  return t3;
+    })
+  });
 };
 //# sourceMappingURL=RelatedNameCell.js.map