@payloadcms/ui 4.0.0-canary.9 → 4.0.0-internal.016994f

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":"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","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

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

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