@payloadcms/ui 4.0.0-internal.5d5a2b2 → 4.0.0-internal.5e065b3

package/dist/providers/TableColumns/buildColumnState/index.js

@@ -19,6 +19,7 @@ export const buildColumnState = args => {
     enableLinkedCell = true,
     enableRowSelections,
     fieldPermissions,
+    hierarchyParentFieldName,
     i18n,
     payload,
     req,
@@ -91,9 +92,8 @@ export const buildColumnState = args => {
     }
     let CustomLabel = undefined;
     if (dataType === 'monomorphic') {
-      const CustomLabelToRender = serverField && 'admin' in serverField && 'components' in serverField.admin && 'Label' in serverField.admin.components && serverField.admin.components.Label !== undefined // let it return `null`
+      const CustomLabelToRender = serverField && 'admin' in serverField && 'components' in serverField.admin && serverField.admin.components && 'Label' in serverField.admin.components && serverField.admin.components.Label !== undefined // let it return `null`
       ? serverField.admin.components.Label : undefined;
-      // TODO: customComponent will be optional in v4
       const clientProps = {
         field: clientField
       };
@@ -139,6 +139,7 @@ export const buildColumnState = args => {
           customCellProps,
           doc: dataType === 'monomorphic' ? doc : doc.value,
           enableRowSelections,
+          hierarchyParentFieldName,
           i18n,
           isLinkedColumn,
           payload,

package/dist/providers/TableColumns/buildColumnState/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldIsHiddenOrDisabled","fieldIsID","fieldIsPresentationalOnly","flattenTopLevelFields","React","RenderServerComponent","SortColumn","filterFieldsWithPermissions","isColumnActive","renderCell","sortFieldMap","buildColumnState","args","beforeRows","clientFields","collectionSlug","columns","customCellProps","dataType","docs","enableLinkedCell","enableRowSelections","fieldPermissions","i18n","payload","req","serverFields","sortColumnProps","useAsTitle","viewType","sortedFieldMap","fields","keepPresentationalFields","moveSubFieldsToTop","_sortedFieldMap","idFieldIndex","findIndex","field","idField","splice","unshift","useAsTitleFieldIndex","name","useAsTitleField","sortTo","activeColumnsIndices","sorted","reduce","acc","clientField","colIndex","accessor","undefined","serverField","find","f","fAccessor","hasCustomCell","admin","components","Cell","type","columnPref","preference","isActive","column","includes","push","CustomLabel","CustomLabelToRender","Label","clientProps","customLabelServerProps","Component","importMap","serverProps","fieldAffectsDataSubFields","label","labelWithPrefix","dotAccessor","replace","isVirtualField","virtual","Heading","_jsx","disable","isLinkedColumn","active","renderedCells","map","doc","rowIndex","relationTo","columnIndex","value"],"sources":["../../../../src/providers/TableColumns/buildColumnState/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientComponentProps,\n  ClientField,\n  CollectionPreferences,\n  CollectionSlug,\n  Column,\n  DefaultCellComponentProps,\n  Document,\n  Field,\n  PaginatedDocs,\n  Payload,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedFieldsPermissions,\n  ServerComponentProps,\n  StaticLabel,\n  ViewTypes,\n} from 'payload'\n\nimport {\n  fieldIsHiddenOrDisabled,\n  fieldIsID,\n  fieldIsPresentationalOnly,\n  flattenTopLevelFields,\n} from 'payload/shared'\nimport React from 'react'\n\nimport type { SortColumnProps } from '../../../elements/SortColumn/index.js'\n\nimport { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js'\nimport {\n  SortColumn,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../../../exports/client/index.js'\nimport { filterFieldsWithPermissions } from './filterFieldsWithPermissions.js'\nimport { isColumnActive } from './isColumnActive.js'\nimport { renderCell } from './renderCell.js'\nimport { sortFieldMap } from './sortFieldMap.js'\n\nexport type BuildColumnStateArgs = {\n  beforeRows?: Column[]\n  clientFields: ClientField[]\n  columns?: CollectionPreferences['columns']\n  customCellProps: DefaultCellComponentProps['customCellProps']\n  enableLinkedCell?: boolean\n  enableRowSelections: boolean\n  enableRowTypes?: boolean\n  fieldPermissions?: SanitizedFieldsPermissions\n  i18n: I18nClient\n  payload: Payload\n  req?: PayloadRequest\n  serverFields: Field[]\n  sortColumnProps?: Partial<SortColumnProps>\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n  viewType?: ViewTypes\n} & (\n  | {\n      collectionSlug: CollectionSlug\n      dataType: 'monomorphic'\n      docs: PaginatedDocs['docs']\n    }\n  | {\n      collectionSlug?: undefined\n      dataType: 'polymorphic'\n      docs: {\n        relationTo: CollectionSlug\n        value: Document\n      }[]\n    }\n)\n\nexport const buildColumnState = (args: BuildColumnStateArgs): Column[] => {\n  const {\n    beforeRows,\n    clientFields,\n    collectionSlug,\n    columns,\n    customCellProps,\n    dataType,\n    docs,\n    enableLinkedCell = true,\n    enableRowSelections,\n    fieldPermissions,\n    i18n,\n    payload,\n    req,\n    serverFields,\n    sortColumnProps,\n    useAsTitle,\n    viewType,\n  } = args\n\n  // clientFields contains the fake `id` column\n  let sortedFieldMap = flattenTopLevelFields(\n    filterFieldsWithPermissions({ fieldPermissions, fields: clientFields }),\n    {\n      i18n,\n      keepPresentationalFields: true,\n      moveSubFieldsToTop: true,\n    },\n  ) as ClientField[]\n\n  let _sortedFieldMap = flattenTopLevelFields(\n    filterFieldsWithPermissions({\n      fieldPermissions,\n      fields: serverFields,\n    }),\n    {\n      i18n,\n      keepPresentationalFields: true,\n      moveSubFieldsToTop: true,\n    },\n  ) as Field[] // TODO: think of a way to avoid this additional flatten\n\n  // place the `ID` field first, if it exists\n  // do the same for the `useAsTitle` field with precedence over the `ID` field\n  // then sort the rest of the fields based on the `defaultColumns` or `columns`\n  const idFieldIndex = sortedFieldMap?.findIndex((field) => fieldIsID(field))\n\n  if (idFieldIndex > -1) {\n    const idField = sortedFieldMap.splice(idFieldIndex, 1)[0]\n    sortedFieldMap.unshift(idField)\n  }\n\n  const useAsTitleFieldIndex = useAsTitle\n    ? sortedFieldMap.findIndex((field) => 'name' in field && field.name === useAsTitle)\n    : -1\n\n  if (useAsTitleFieldIndex > -1) {\n    const useAsTitleField = sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0]\n    sortedFieldMap.unshift(useAsTitleField)\n  }\n\n  const sortTo = columns\n\n  if (sortTo) {\n    // sort the fields to the order of `defaultColumns` or `columns`\n    sortedFieldMap = sortFieldMap<ClientField>(sortedFieldMap, sortTo)\n    _sortedFieldMap = sortFieldMap<Field>(_sortedFieldMap, sortTo) // TODO: think of a way to avoid this additional sort\n  }\n\n  const activeColumnsIndices = []\n\n  const sorted: Column[] = sortedFieldMap?.reduce((acc, clientField, colIndex) => {\n    if (fieldIsHiddenOrDisabled(clientField) && !fieldIsID(clientField)) {\n      return acc\n    }\n\n    const accessor =\n      (clientField as any).accessor ?? ('name' in clientField ? clientField.name : undefined)\n\n    const serverField = _sortedFieldMap.find((f) => {\n      const fAccessor = (f as any).accessor ?? ('name' in f ? f.name : undefined)\n      return fAccessor === accessor\n    })\n\n    const hasCustomCell =\n      serverField?.admin &&\n      'components' in serverField.admin &&\n      serverField.admin.components &&\n      'Cell' in serverField.admin.components &&\n      serverField.admin.components.Cell\n\n    if (serverField && serverField.type === 'group' && !hasCustomCell) {\n      return acc // skip any group without a custom cell\n    }\n\n    const columnPref = columns?.find(\n      (preference) => clientField && 'name' in clientField && preference.accessor === accessor,\n    )\n\n    const isActive = isColumnActive({\n      accessor,\n      activeColumnsIndices,\n      column: columnPref,\n      columns,\n    })\n\n    if (isActive && !activeColumnsIndices.includes(colIndex)) {\n      activeColumnsIndices.push(colIndex)\n    }\n\n    let CustomLabel = undefined\n\n    if (dataType === 'monomorphic') {\n      const CustomLabelToRender =\n        serverField &&\n        'admin' in serverField &&\n        'components' in serverField.admin &&\n        'Label' in serverField.admin.components &&\n        serverField.admin.components.Label !== undefined // let it return `null`\n          ? serverField.admin.components.Label\n          : undefined\n\n      // TODO: customComponent will be optional in v4\n      const clientProps: Omit<ClientComponentProps, 'customComponents'> = {\n        field: clientField,\n      }\n\n      const customLabelServerProps: Pick<\n        ServerComponentProps,\n        'clientField' | 'collectionSlug' | 'field' | 'i18n' | 'payload'\n      > = {\n        clientField,\n        collectionSlug,\n        field: serverField,\n        i18n,\n        payload,\n      }\n\n      CustomLabel = CustomLabelToRender\n        ? RenderServerComponent({\n            clientProps,\n            Component: CustomLabelToRender,\n            importMap: payload.importMap,\n            serverProps: customLabelServerProps,\n          })\n        : undefined\n    }\n\n    const fieldAffectsDataSubFields =\n      clientField &&\n      clientField.type &&\n      (clientField.type === 'array' ||\n        clientField.type === 'group' ||\n        clientField.type === 'blocks')\n\n    const label =\n      clientField && 'labelWithPrefix' in clientField && clientField.labelWithPrefix !== undefined\n        ? clientField.labelWithPrefix\n        : 'label' in clientField\n          ? clientField.label\n          : undefined\n\n    // Convert accessor to dot notation specifically for SortColumn sorting behavior\n    const dotAccessor = accessor?.replace(/-/g, '.')\n\n    const isVirtualField = serverField && 'virtual' in serverField && serverField.virtual === true\n\n    const Heading = (\n      <SortColumn\n        disable={\n          fieldAffectsDataSubFields ||\n          fieldIsPresentationalOnly(clientField) ||\n          isVirtualField ||\n          undefined\n        }\n        Label={CustomLabel}\n        label={label as StaticLabel}\n        name={dotAccessor}\n        {...(sortColumnProps || {})}\n      />\n    )\n\n    const isLinkedColumn = enableLinkedCell && colIndex === activeColumnsIndices[0]\n\n    const column: Column = {\n      accessor,\n      active: isActive,\n      CustomLabel,\n      field: clientField,\n      Heading,\n      isLinkedColumn,\n      renderedCells: isActive\n        ? docs.map((doc, rowIndex) => {\n            return renderCell({\n              clientField,\n              collectionSlug: dataType === 'monomorphic' ? collectionSlug : doc.relationTo,\n              columnIndex: colIndex,\n              customCellProps,\n              doc: dataType === 'monomorphic' ? doc : doc.value,\n              enableRowSelections,\n              i18n,\n              isLinkedColumn,\n              payload,\n              req,\n              rowIndex,\n              serverField,\n              viewType,\n            })\n          })\n        : [],\n    }\n\n    acc.push(column)\n\n    return acc\n  }, [])\n\n  if (beforeRows) {\n    sorted.unshift(...beforeRows)\n  }\n\n  return sorted\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["fieldIsHiddenOrDisabled","fieldIsID","fieldIsPresentationalOnly","flattenTopLevelFields","React","RenderServerComponent","SortColumn","filterFieldsWithPermissions","isColumnActive","renderCell","sortFieldMap","buildColumnState","args","beforeRows","clientFields","collectionSlug","columns","customCellProps","dataType","docs","enableLinkedCell","enableRowSelections","fieldPermissions","hierarchyParentFieldName","i18n","payload","req","serverFields","sortColumnProps","useAsTitle","viewType","sortedFieldMap","fields","keepPresentationalFields","moveSubFieldsToTop","_sortedFieldMap","idFieldIndex","findIndex","field","idField","splice","unshift","useAsTitleFieldIndex","name","useAsTitleField","sortTo","activeColumnsIndices","sorted","reduce","acc","clientField","colIndex","accessor","undefined","serverField","find","f","fAccessor","hasCustomCell","admin","components","Cell","type","columnPref","preference","isActive","column","includes","push","CustomLabel","CustomLabelToRender","Label","clientProps","customLabelServerProps","Component","importMap","serverProps","fieldAffectsDataSubFields","label","labelWithPrefix","dotAccessor","replace","isVirtualField","virtual","Heading","_jsx","disable","isLinkedColumn","active","renderedCells","map","doc","rowIndex","relationTo","columnIndex","value"],"sources":["../../../../src/providers/TableColumns/buildColumnState/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientComponentProps,\n  ClientField,\n  CollectionPreferences,\n  CollectionSlug,\n  Column,\n  DefaultCellComponentProps,\n  Document,\n  Field,\n  PaginatedDocs,\n  Payload,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedFieldsPermissions,\n  ServerComponentProps,\n  StaticLabel,\n  ViewTypes,\n} from 'payload'\n\nimport {\n  fieldIsHiddenOrDisabled,\n  fieldIsID,\n  fieldIsPresentationalOnly,\n  flattenTopLevelFields,\n} from 'payload/shared'\nimport React from 'react'\n\nimport type { SortColumnProps } from '../../../elements/SortColumn/index.js'\n\nimport { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js'\nimport {\n  SortColumn,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../../../exports/client/index.js'\nimport { filterFieldsWithPermissions } from './filterFieldsWithPermissions.js'\nimport { isColumnActive } from './isColumnActive.js'\nimport { renderCell } from './renderCell.js'\nimport { sortFieldMap } from './sortFieldMap.js'\n\nexport type BuildColumnStateArgs = {\n  beforeRows?: Column[]\n  clientFields: ClientField[]\n  columns?: CollectionPreferences['columns']\n  customCellProps: DefaultCellComponentProps['customCellProps']\n  enableLinkedCell?: boolean\n  enableRowSelections: boolean\n  enableRowTypes?: boolean\n  fieldPermissions?: SanitizedFieldsPermissions\n  hierarchyParentFieldName?: string\n  i18n: I18nClient\n  payload: Payload\n  req?: PayloadRequest\n  serverFields: Field[]\n  sortColumnProps?: Partial<SortColumnProps>\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n  viewType?: ViewTypes\n} & (\n  | {\n      collectionSlug: CollectionSlug\n      dataType: 'monomorphic'\n      docs: PaginatedDocs['docs']\n    }\n  | {\n      collectionSlug?: undefined\n      dataType: 'polymorphic'\n      docs: {\n        relationTo: CollectionSlug\n        value: Document\n      }[]\n    }\n)\n\nexport const buildColumnState = (args: BuildColumnStateArgs): Column[] => {\n  const {\n    beforeRows,\n    clientFields,\n    collectionSlug,\n    columns,\n    customCellProps,\n    dataType,\n    docs,\n    enableLinkedCell = true,\n    enableRowSelections,\n    fieldPermissions,\n    hierarchyParentFieldName,\n    i18n,\n    payload,\n    req,\n    serverFields,\n    sortColumnProps,\n    useAsTitle,\n    viewType,\n  } = args\n\n  // clientFields contains the fake `id` column\n  let sortedFieldMap = flattenTopLevelFields(\n    filterFieldsWithPermissions({ fieldPermissions, fields: clientFields }),\n    {\n      i18n,\n      keepPresentationalFields: true,\n      moveSubFieldsToTop: true,\n    },\n  ) as ClientField[]\n\n  let _sortedFieldMap = flattenTopLevelFields(\n    filterFieldsWithPermissions({\n      fieldPermissions,\n      fields: serverFields,\n    }),\n    {\n      i18n,\n      keepPresentationalFields: true,\n      moveSubFieldsToTop: true,\n    },\n  ) as Field[] // TODO: think of a way to avoid this additional flatten\n\n  // place the `ID` field first, if it exists\n  // do the same for the `useAsTitle` field with precedence over the `ID` field\n  // then sort the rest of the fields based on the `defaultColumns` or `columns`\n  const idFieldIndex = sortedFieldMap?.findIndex((field) => fieldIsID(field))\n\n  if (idFieldIndex > -1) {\n    const idField = sortedFieldMap.splice(idFieldIndex, 1)[0]\n    sortedFieldMap.unshift(idField)\n  }\n\n  const useAsTitleFieldIndex = useAsTitle\n    ? sortedFieldMap.findIndex((field) => 'name' in field && field.name === useAsTitle)\n    : -1\n\n  if (useAsTitleFieldIndex > -1) {\n    const useAsTitleField = sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0]\n    sortedFieldMap.unshift(useAsTitleField)\n  }\n\n  const sortTo = columns\n\n  if (sortTo) {\n    // sort the fields to the order of `defaultColumns` or `columns`\n    sortedFieldMap = sortFieldMap<ClientField>(sortedFieldMap, sortTo)\n    _sortedFieldMap = sortFieldMap<Field>(_sortedFieldMap, sortTo) // TODO: think of a way to avoid this additional sort\n  }\n\n  const activeColumnsIndices = []\n\n  const sorted: Column[] = sortedFieldMap?.reduce((acc, clientField, colIndex) => {\n    if (fieldIsHiddenOrDisabled(clientField) && !fieldIsID(clientField)) {\n      return acc\n    }\n\n    const accessor =\n      (clientField as any).accessor ?? ('name' in clientField ? clientField.name : undefined)\n\n    const serverField = _sortedFieldMap.find((f) => {\n      const fAccessor = (f as any).accessor ?? ('name' in f ? f.name : undefined)\n      return fAccessor === accessor\n    })\n\n    const hasCustomCell =\n      serverField?.admin &&\n      'components' in serverField.admin &&\n      serverField.admin.components &&\n      'Cell' in serverField.admin.components &&\n      serverField.admin.components.Cell\n\n    if (serverField && serverField.type === 'group' && !hasCustomCell) {\n      return acc // skip any group without a custom cell\n    }\n\n    const columnPref = columns?.find(\n      (preference) => clientField && 'name' in clientField && preference.accessor === accessor,\n    )\n\n    const isActive = isColumnActive({\n      accessor,\n      activeColumnsIndices,\n      column: columnPref,\n      columns,\n    })\n\n    if (isActive && !activeColumnsIndices.includes(colIndex)) {\n      activeColumnsIndices.push(colIndex)\n    }\n\n    let CustomLabel = undefined\n\n    if (dataType === 'monomorphic') {\n      const CustomLabelToRender =\n        serverField &&\n        'admin' in serverField &&\n        'components' in serverField.admin &&\n        serverField.admin.components &&\n        'Label' in serverField.admin.components &&\n        serverField.admin.components.Label !== undefined // let it return `null`\n          ? serverField.admin.components.Label\n          : undefined\n\n      const clientProps: ClientComponentProps = {\n        field: clientField,\n      }\n\n      const customLabelServerProps: Pick<\n        ServerComponentProps,\n        'clientField' | 'collectionSlug' | 'field' | 'i18n' | 'payload'\n      > = {\n        clientField,\n        collectionSlug,\n        field: serverField,\n        i18n,\n        payload,\n      }\n\n      CustomLabel = CustomLabelToRender\n        ? RenderServerComponent({\n            clientProps,\n            Component: CustomLabelToRender,\n            importMap: payload.importMap,\n            serverProps: customLabelServerProps,\n          })\n        : undefined\n    }\n\n    const fieldAffectsDataSubFields =\n      clientField &&\n      clientField.type &&\n      (clientField.type === 'array' ||\n        clientField.type === 'group' ||\n        clientField.type === 'blocks')\n\n    const label =\n      clientField && 'labelWithPrefix' in clientField && clientField.labelWithPrefix !== undefined\n        ? clientField.labelWithPrefix\n        : 'label' in clientField\n          ? clientField.label\n          : undefined\n\n    // Convert accessor to dot notation specifically for SortColumn sorting behavior\n    const dotAccessor = accessor?.replace(/-/g, '.')\n\n    const isVirtualField = serverField && 'virtual' in serverField && serverField.virtual === true\n\n    const Heading = (\n      <SortColumn\n        disable={\n          fieldAffectsDataSubFields ||\n          fieldIsPresentationalOnly(clientField) ||\n          isVirtualField ||\n          undefined\n        }\n        Label={CustomLabel}\n        label={label as StaticLabel}\n        name={dotAccessor}\n        {...(sortColumnProps || {})}\n      />\n    )\n\n    const isLinkedColumn = enableLinkedCell && colIndex === activeColumnsIndices[0]\n\n    const column: Column = {\n      accessor,\n      active: isActive,\n      CustomLabel,\n      field: clientField,\n      Heading,\n      isLinkedColumn,\n      renderedCells: isActive\n        ? docs.map((doc, rowIndex) => {\n            return renderCell({\n              clientField,\n              collectionSlug: dataType === 'monomorphic' ? collectionSlug : doc.relationTo,\n              columnIndex: colIndex,\n              customCellProps,\n              doc: dataType === 'monomorphic' ? doc : doc.value,\n              enableRowSelections,\n              hierarchyParentFieldName,\n              i18n,\n              isLinkedColumn,\n              payload,\n              req,\n              rowIndex,\n              serverField,\n              viewType,\n            })\n          })\n        : [],\n    }\n\n    acc.push(column)\n\n    return acc\n  }, [])\n\n  if (beforeRows) {\n    sorted.unshift(...beforeRows)\n  }\n\n  return sorted\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/TableColumns/buildColumnState/renderCell.d.ts

@@ -8,6 +8,7 @@ type RenderCellArgs = {
     readonly customCellProps: DefaultCellComponentProps['customCellProps'];
     readonly doc: Document;
     readonly enableRowSelections: boolean;
+    readonly hierarchyParentFieldName?: string;
     readonly i18n: I18nClient;
     readonly isLinkedColumn: boolean;
     readonly payload: Payload;
@@ -16,6 +17,6 @@ type RenderCellArgs = {
     readonly serverField: Field;
     readonly viewType?: ViewTypes;
 };
-export declare function renderCell({ clientField, collectionSlug, columnIndex, customCellProps, doc, enableRowSelections, i18n, isLinkedColumn, payload, req, rowIndex, serverField, viewType, }: RenderCellArgs): React.JSX.Element;
+export declare function renderCell({ clientField, collectionSlug, columnIndex, customCellProps, doc, enableRowSelections, hierarchyParentFieldName, i18n, isLinkedColumn, payload, req, rowIndex, serverField, viewType, }: RenderCellArgs): React.JSX.Element;
 export {};
 //# sourceMappingURL=renderCell.d.ts.map

package/dist/providers/TableColumns/buildColumnState/renderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderCell.d.ts","sourceRoot":"","sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,WAAW,EACX,yBAAyB,EAEzB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,cAAc,EACd,SAAS,EACV,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAA;IACtE,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA;AACD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,cAAc,EACd,WAAW,EACX,eAAe,EACf,GAAG,EACH,mBAAmB,EACnB,IAAI,EACJ,cAAc,EACd,OAAO,EACP,GAAG,EACH,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,cAAc,qBAqOhB"}
+{"version":3,"file":"renderCell.d.ts","sourceRoot":"","sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,WAAW,EACX,yBAAyB,EAEzB,QAAQ,EACR,KAAK,EACL,OAAO,EACP,cAAc,EACd,SAAS,EACV,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,KAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAA;IACtE,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,mBAAmB,EAAE,OAAO,CAAA;IACrC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,MAAM,CAAA;IAC1C,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;IACzB,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B,CAAA;AACD,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,cAAc,EACd,WAAW,EACX,eAAe,EACf,GAAG,EACH,mBAAmB,EACnB,wBAAwB,EACxB,IAAI,EACJ,cAAc,EACd,OAAO,EACP,GAAG,EACH,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,EAAE,cAAc,qBAkNhB"}

package/dist/providers/TableColumns/buildColumnState/renderCell.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MissingEditorProp } from 'payload';
-import { formatAdminURL } from 'payload/shared';
 import React from 'react';
 import { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js';
 import { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js';
 import { DefaultCell, FolderIcon, RenderDefaultCell, TagIcon } from '../../../exports/client/index.js';
 import { hasOptionLabelJSXElement } from '../../../utilities/hasOptionLabelJSXElement.js';
+import { resolveDocumentListItemURL } from '../../../views/List/resolveDocumentListItemURL.js';
 import { findValueFromPath } from './findValueFromPath.js';
 export function renderCell({
   clientField,
@@ -14,6 +14,7 @@ export function renderCell({
   customCellProps,
   doc,
   enableRowSelections,
+  hierarchyParentFieldName,
   i18n,
   isLinkedColumn,
   payload,
@@ -36,33 +37,16 @@ export function renderCell({
   let customLinkURL;
   if (isLinkedColumn && req) {
     const collectionConfig = payload.collections[collectionSlug]?.config;
-    const formatDocURL = collectionConfig?.admin?.formatDocURL;
-    if (typeof formatDocURL === 'function') {
-      // Generate the default URL that would normally be used
-      const adminRoute = req.payload.config.routes?.admin || '/admin';
-      const defaultURL = formatAdminURL({
-        adminRoute,
-        path: `/collections/${collectionSlug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(String(doc.id))}`
-      });
-      const customURL = formatDocURL({
-        collectionSlug,
-        defaultURL,
-        doc,
-        req,
-        viewType
-      });
-      if (customURL === null) {
-        // formatDocURL returned null = disable linking entirely
-        shouldLink = false;
-      } else if (typeof customURL === 'string') {
-        // formatDocURL returned a string = use custom URL
-        shouldLink = true;
-        customLinkURL = customURL;
-      } else {
-        // formatDocURL returned unexpected type = disable linking for safety
-        shouldLink = false;
-      }
-    }
+    const resolvedURL = resolveDocumentListItemURL({
+      collectionSlug,
+      doc,
+      formatDocURL: collectionConfig?.admin?.formatDocURL,
+      hierarchyParentFieldName,
+      req,
+      viewType
+    });
+    shouldLink = resolvedURL !== null;
+    customLinkURL = resolvedURL ?? undefined;
   }
   // For _status field, use _displayStatus if available (for showing "changed" status in list view)
   const cellData = 'name' in clientField && accessor === '_status' && '_displayStatus' in doc ? doc._displayStatus : 'name' in clientField ? findValueFromPath(doc, accessor) : undefined;

package/dist/providers/TableColumns/buildColumnState/renderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderCell.js","names":["MissingEditorProp","formatAdminURL","React","RenderCustomComponent","RenderServerComponent","DefaultCell","FolderIcon","RenderDefaultCell","TagIcon","hasOptionLabelJSXElement","findValueFromPath","renderCell","clientField","collectionSlug","columnIndex","customCellProps","doc","enableRowSelections","i18n","isLinkedColumn","payload","req","rowIndex","serverField","viewType","baseCellClientProps","cellData","undefined","field","rowData","accessor","name","shouldLink","customLinkURL","collectionConfig","collections","config","formatDocURL","admin","adminRoute","routes","defaultURL","path","encodeURIComponent","String","id","customURL","_displayStatus","enrichedClientField","type","hasChangedOption","options","some","opt","value","label","t","hierarchyIcon","hierarchySmallIcon","relationTo","relatedCollectionConfig","hierarchyConfig","hierarchy","iconComponent","components","Icon","smallIconComponent","SmallIcon","Component","importMap","key","allowHasMany","_jsx","cellClientProps","link","linkURL","cellServerProps","className","onClick","CustomCell","editor","Error","CustomCellComponent","Cell","clientProps","CellComponent","serverProps","CustomComponent","Fallback"],"sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientField,\n  DefaultCellComponentProps,\n  DefaultServerCellComponentProps,\n  Document,\n  Field,\n  Payload,\n  PayloadRequest,\n  ViewTypes,\n} from 'payload'\n\nimport { MissingEditorProp } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js'\nimport {\n  DefaultCell,\n  FolderIcon,\n  RenderDefaultCell,\n  TagIcon,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../../../exports/client/index.js'\nimport { hasOptionLabelJSXElement } from '../../../utilities/hasOptionLabelJSXElement.js'\nimport { findValueFromPath } from './findValueFromPath.js'\n\ntype RenderCellArgs = {\n  readonly clientField: ClientField\n  readonly collectionSlug: string\n  readonly columnIndex: number\n  readonly customCellProps: DefaultCellComponentProps['customCellProps']\n  readonly doc: Document\n  readonly enableRowSelections: boolean\n  readonly i18n: I18nClient\n  readonly isLinkedColumn: boolean\n  readonly payload: Payload\n  readonly req?: PayloadRequest\n  readonly rowIndex: number\n  readonly serverField: Field\n  readonly viewType?: ViewTypes\n}\nexport function renderCell({\n  clientField,\n  collectionSlug,\n  columnIndex,\n  customCellProps,\n  doc,\n  enableRowSelections,\n  i18n,\n  isLinkedColumn,\n  payload,\n  req,\n  rowIndex,\n  serverField,\n  viewType,\n}: RenderCellArgs) {\n  const baseCellClientProps: DefaultCellComponentProps = {\n    cellData: undefined,\n    collectionSlug,\n    customCellProps,\n    field: clientField,\n    rowData: undefined,\n    viewType,\n  }\n\n  const accessor: string | undefined =\n    ('accessor' in clientField ? (clientField.accessor as string) : undefined) ??\n    ('name' in clientField ? clientField.name : undefined)\n\n  // Check if there's a custom formatDocURL function for this linked column\n  let shouldLink = isLinkedColumn\n  let customLinkURL: string | undefined\n\n  if (isLinkedColumn && req) {\n    const collectionConfig = payload.collections[collectionSlug]?.config\n    const formatDocURL = collectionConfig?.admin?.formatDocURL\n\n    if (typeof formatDocURL === 'function') {\n      // Generate the default URL that would normally be used\n      const adminRoute = req.payload.config.routes?.admin || '/admin'\n      const defaultURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(String(doc.id))}`,\n      })\n\n      const customURL = formatDocURL({\n        collectionSlug,\n        defaultURL,\n        doc,\n        req,\n        viewType,\n      })\n\n      if (customURL === null) {\n        // formatDocURL returned null = disable linking entirely\n        shouldLink = false\n      } else if (typeof customURL === 'string') {\n        // formatDocURL returned a string = use custom URL\n        shouldLink = true\n        customLinkURL = customURL\n      } else {\n        // formatDocURL returned unexpected type = disable linking for safety\n        shouldLink = false\n      }\n    }\n  }\n\n  // For _status field, use _displayStatus if available (for showing \"changed\" status in list view)\n  const cellData =\n    'name' in clientField && accessor === '_status' && '_displayStatus' in doc\n      ? doc._displayStatus\n      : 'name' in clientField\n        ? findValueFromPath(doc, accessor)\n        : undefined\n\n  // For _status field, add 'changed' option for display purposes\n  // The 'changed' status is computed at runtime\n  let enrichedClientField = clientField\n  if ('name' in clientField && accessor === '_status' && clientField.type === 'select') {\n    const hasChangedOption = clientField.options?.some(\n      (opt) => (typeof opt === 'object' ? opt.value : opt) === 'changed',\n    )\n    if (!hasChangedOption) {\n      enrichedClientField = {\n        ...clientField,\n        options: [\n          ...(clientField.options || []),\n          {\n            label: i18n.t('version:draftHasPublishedVersion'),\n            value: 'changed',\n          },\n        ],\n      }\n    }\n  }\n\n  // Check if this is a hierarchy relationship field and pre-render the icon\n  let hierarchyIcon: React.ReactNode = undefined\n  let hierarchySmallIcon: React.ReactNode = undefined\n  if (clientField.type === 'relationship' && 'relationTo' in clientField) {\n    const relationTo = clientField.relationTo\n    if (typeof relationTo === 'string') {\n      const relatedCollectionConfig = payload.collections[relationTo]?.config\n      const hierarchyConfig = relatedCollectionConfig?.hierarchy\n      if (hierarchyConfig && typeof hierarchyConfig === 'object') {\n        const iconComponent = hierarchyConfig.admin?.components?.Icon\n        const smallIconComponent = hierarchyConfig.admin?.components?.SmallIcon\n        if (iconComponent) {\n          // Pre-render the custom icon\n          hierarchyIcon = RenderServerComponent({\n            Component: iconComponent,\n            importMap: payload.importMap,\n            key: `hierarchy-icon-${relationTo}`,\n          })\n        } else {\n          // Use default icon based on allowHasMany\n          hierarchyIcon =\n            hierarchyConfig.allowHasMany === false ? (\n              <FolderIcon key={`hierarchy-icon-${relationTo}`} />\n            ) : (\n              <TagIcon key={`hierarchy-icon-${relationTo}`} />\n            )\n        }\n        // Pre-render the small icon (used in compact display contexts)\n        if (smallIconComponent && smallIconComponent !== iconComponent) {\n          hierarchySmallIcon = RenderServerComponent({\n            Component: smallIconComponent,\n            importMap: payload.importMap,\n            key: `hierarchy-small-icon-${relationTo}`,\n          })\n        } else {\n          hierarchySmallIcon = hierarchyIcon\n        }\n      }\n    }\n  }\n\n  const cellClientProps: DefaultCellComponentProps = {\n    ...baseCellClientProps,\n    cellData,\n    customCellProps: {\n      ...baseCellClientProps.customCellProps,\n      ...(hierarchyIcon ? { hierarchyIcon } : {}),\n      ...(hierarchySmallIcon ? { hierarchySmallIcon } : {}),\n    },\n    field: enrichedClientField,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    rowData: doc,\n  }\n\n  const cellServerProps: DefaultServerCellComponentProps = {\n    cellData: cellClientProps.cellData,\n    className: baseCellClientProps.className,\n    collectionConfig: payload.collections[collectionSlug].config,\n    collectionSlug,\n    columnIndex,\n    customCellProps: baseCellClientProps.customCellProps,\n    field: serverField,\n    i18n,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    onClick: baseCellClientProps.onClick,\n    payload,\n    rowData: doc,\n  }\n\n  let CustomCell = null\n\n  if (serverField?.type === 'richText') {\n    if (!serverField?.editor) {\n      throw new MissingEditorProp(serverField) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n    }\n\n    if (typeof serverField?.editor === 'function') {\n      throw new Error('Attempted to access unsanitized rich text editor.')\n    }\n\n    if (!serverField.admin) {\n      serverField.admin = {}\n    }\n\n    if (!serverField.admin.components) {\n      serverField.admin.components = {}\n    }\n\n    const CustomCellComponent = serverField.admin.components.Cell\n\n    CustomCell = RenderServerComponent({\n      clientProps: cellClientProps,\n      Component: CustomCellComponent ?? serverField.editor.CellComponent,\n      importMap: payload.importMap,\n      serverProps: cellServerProps,\n    })\n  } else {\n    const CustomCellComponent = serverField?.admin?.components?.Cell\n\n    if (CustomCellComponent) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: CustomCellComponent,\n        importMap: payload.importMap,\n        serverProps: cellServerProps,\n      })\n    } else if (\n      cellClientProps.cellData &&\n      cellClientProps.field &&\n      hasOptionLabelJSXElement(cellClientProps)\n    ) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: DefaultCell,\n        importMap: payload.importMap,\n      })\n    } else {\n      const CustomCellComponent = serverField?.admin?.components?.Cell\n\n      if (CustomCellComponent) {\n        CustomCell = RenderServerComponent({\n          clientProps: cellClientProps,\n          Component: CustomCellComponent,\n          importMap: payload.importMap,\n          serverProps: cellServerProps,\n        })\n      } else {\n        CustomCell = undefined\n      }\n    }\n  }\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomCell}\n      Fallback={\n        <RenderDefaultCell\n          clientProps={cellClientProps}\n          columnIndex={columnIndex}\n          enableRowSelections={enableRowSelections}\n          isLinkedColumn={isLinkedColumn}\n        />\n      }\n      key={`${rowIndex}-${columnIndex}`}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderCell.js","names":["MissingEditorProp","React","RenderCustomComponent","RenderServerComponent","DefaultCell","FolderIcon","RenderDefaultCell","TagIcon","hasOptionLabelJSXElement","resolveDocumentListItemURL","findValueFromPath","renderCell","clientField","collectionSlug","columnIndex","customCellProps","doc","enableRowSelections","hierarchyParentFieldName","i18n","isLinkedColumn","payload","req","rowIndex","serverField","viewType","baseCellClientProps","cellData","undefined","field","rowData","accessor","name","shouldLink","customLinkURL","collectionConfig","collections","config","resolvedURL","formatDocURL","admin","_displayStatus","enrichedClientField","type","hasChangedOption","options","some","opt","value","label","t","hierarchyIcon","hierarchySmallIcon","relationTo","relatedCollectionConfig","hierarchyConfig","hierarchy","iconComponent","components","Icon","smallIconComponent","SmallIcon","Component","importMap","key","allowHasMany","_jsx","cellClientProps","link","linkURL","cellServerProps","className","onClick","CustomCell","editor","Error","CustomCellComponent","Cell","clientProps","CellComponent","serverProps","CustomComponent","Fallback"],"sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientField,\n  DefaultCellComponentProps,\n  DefaultServerCellComponentProps,\n  Document,\n  Field,\n  Payload,\n  PayloadRequest,\n  ViewTypes,\n} from 'payload'\n\nimport { MissingEditorProp } from 'payload'\nimport React from 'react'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js'\nimport {\n  DefaultCell,\n  FolderIcon,\n  RenderDefaultCell,\n  TagIcon,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../../../exports/client/index.js'\nimport { hasOptionLabelJSXElement } from '../../../utilities/hasOptionLabelJSXElement.js'\nimport { resolveDocumentListItemURL } from '../../../views/List/resolveDocumentListItemURL.js'\nimport { findValueFromPath } from './findValueFromPath.js'\n\ntype RenderCellArgs = {\n  readonly clientField: ClientField\n  readonly collectionSlug: string\n  readonly columnIndex: number\n  readonly customCellProps: DefaultCellComponentProps['customCellProps']\n  readonly doc: Document\n  readonly enableRowSelections: boolean\n  readonly hierarchyParentFieldName?: string\n  readonly i18n: I18nClient\n  readonly isLinkedColumn: boolean\n  readonly payload: Payload\n  readonly req?: PayloadRequest\n  readonly rowIndex: number\n  readonly serverField: Field\n  readonly viewType?: ViewTypes\n}\nexport function renderCell({\n  clientField,\n  collectionSlug,\n  columnIndex,\n  customCellProps,\n  doc,\n  enableRowSelections,\n  hierarchyParentFieldName,\n  i18n,\n  isLinkedColumn,\n  payload,\n  req,\n  rowIndex,\n  serverField,\n  viewType,\n}: RenderCellArgs) {\n  const baseCellClientProps: DefaultCellComponentProps = {\n    cellData: undefined,\n    collectionSlug,\n    customCellProps,\n    field: clientField,\n    rowData: undefined,\n    viewType,\n  }\n\n  const accessor: string | undefined =\n    ('accessor' in clientField ? (clientField.accessor as string) : undefined) ??\n    ('name' in clientField ? clientField.name : undefined)\n\n  // Check if there's a custom formatDocURL function for this linked column\n  let shouldLink = isLinkedColumn\n  let customLinkURL: string | undefined\n\n  if (isLinkedColumn && req) {\n    const collectionConfig = payload.collections[collectionSlug]?.config\n    const resolvedURL = resolveDocumentListItemURL({\n      collectionSlug,\n      doc,\n      formatDocURL: collectionConfig?.admin?.formatDocURL,\n      hierarchyParentFieldName,\n      req,\n      viewType,\n    })\n\n    shouldLink = resolvedURL !== null\n    customLinkURL = resolvedURL ?? undefined\n  }\n\n  // For _status field, use _displayStatus if available (for showing \"changed\" status in list view)\n  const cellData =\n    'name' in clientField && accessor === '_status' && '_displayStatus' in doc\n      ? doc._displayStatus\n      : 'name' in clientField\n        ? findValueFromPath(doc, accessor)\n        : undefined\n\n  // For _status field, add 'changed' option for display purposes\n  // The 'changed' status is computed at runtime\n  let enrichedClientField = clientField\n  if ('name' in clientField && accessor === '_status' && clientField.type === 'select') {\n    const hasChangedOption = clientField.options?.some(\n      (opt) => (typeof opt === 'object' ? opt.value : opt) === 'changed',\n    )\n    if (!hasChangedOption) {\n      enrichedClientField = {\n        ...clientField,\n        options: [\n          ...(clientField.options || []),\n          {\n            label: i18n.t('version:draftHasPublishedVersion'),\n            value: 'changed',\n          },\n        ],\n      }\n    }\n  }\n\n  // Check if this is a hierarchy relationship field and pre-render the icon\n  let hierarchyIcon: React.ReactNode = undefined\n  let hierarchySmallIcon: React.ReactNode = undefined\n  if (clientField.type === 'relationship' && 'relationTo' in clientField) {\n    const relationTo = clientField.relationTo\n    if (typeof relationTo === 'string') {\n      const relatedCollectionConfig = payload.collections[relationTo]?.config\n      const hierarchyConfig = relatedCollectionConfig?.hierarchy\n      if (hierarchyConfig && typeof hierarchyConfig === 'object') {\n        const iconComponent = hierarchyConfig.admin?.components?.Icon\n        const smallIconComponent = hierarchyConfig.admin?.components?.SmallIcon\n        if (iconComponent) {\n          // Pre-render the custom icon\n          hierarchyIcon = RenderServerComponent({\n            Component: iconComponent,\n            importMap: payload.importMap,\n            key: `hierarchy-icon-${relationTo}`,\n          })\n        } else {\n          // Use default icon based on allowHasMany\n          hierarchyIcon =\n            hierarchyConfig.allowHasMany === false ? (\n              <FolderIcon key={`hierarchy-icon-${relationTo}`} />\n            ) : (\n              <TagIcon key={`hierarchy-icon-${relationTo}`} />\n            )\n        }\n        // Pre-render the small icon (used in compact display contexts)\n        if (smallIconComponent && smallIconComponent !== iconComponent) {\n          hierarchySmallIcon = RenderServerComponent({\n            Component: smallIconComponent,\n            importMap: payload.importMap,\n            key: `hierarchy-small-icon-${relationTo}`,\n          })\n        } else {\n          hierarchySmallIcon = hierarchyIcon\n        }\n      }\n    }\n  }\n\n  const cellClientProps: DefaultCellComponentProps = {\n    ...baseCellClientProps,\n    cellData,\n    customCellProps: {\n      ...baseCellClientProps.customCellProps,\n      ...(hierarchyIcon ? { hierarchyIcon } : {}),\n      ...(hierarchySmallIcon ? { hierarchySmallIcon } : {}),\n    },\n    field: enrichedClientField,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    rowData: doc,\n  }\n\n  const cellServerProps: DefaultServerCellComponentProps = {\n    cellData: cellClientProps.cellData,\n    className: baseCellClientProps.className,\n    collectionConfig: payload.collections[collectionSlug].config,\n    collectionSlug,\n    columnIndex,\n    customCellProps: baseCellClientProps.customCellProps,\n    field: serverField,\n    i18n,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    onClick: baseCellClientProps.onClick,\n    payload,\n    rowData: doc,\n  }\n\n  let CustomCell = null\n\n  if (serverField?.type === 'richText') {\n    if (!serverField?.editor) {\n      throw new MissingEditorProp(serverField) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n    }\n\n    if (typeof serverField?.editor === 'function') {\n      throw new Error('Attempted to access unsanitized rich text editor.')\n    }\n\n    if (!serverField.admin) {\n      serverField.admin = {}\n    }\n\n    if (!serverField.admin.components) {\n      serverField.admin.components = {}\n    }\n\n    const CustomCellComponent = serverField.admin.components.Cell\n\n    CustomCell = RenderServerComponent({\n      clientProps: cellClientProps,\n      Component: CustomCellComponent ?? serverField.editor.CellComponent,\n      importMap: payload.importMap,\n      serverProps: cellServerProps,\n    })\n  } else {\n    const CustomCellComponent = serverField?.admin?.components?.Cell\n\n    if (CustomCellComponent) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: CustomCellComponent,\n        importMap: payload.importMap,\n        serverProps: cellServerProps,\n      })\n    } else if (\n      cellClientProps.cellData &&\n      cellClientProps.field &&\n      hasOptionLabelJSXElement(cellClientProps)\n    ) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: DefaultCell,\n        importMap: payload.importMap,\n      })\n    } else {\n      const CustomCellComponent = serverField?.admin?.components?.Cell\n\n      if (CustomCellComponent) {\n        CustomCell = RenderServerComponent({\n          clientProps: cellClientProps,\n          Component: CustomCellComponent,\n          importMap: payload.importMap,\n          serverProps: cellServerProps,\n        })\n      } else {\n        CustomCell = undefined\n      }\n    }\n  }\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomCell}\n      Fallback={\n        <RenderDefaultCell\n          clientProps={cellClientProps}\n          columnIndex={columnIndex}\n          enableRowSelections={enableRowSelections}\n          isLinkedColumn={isLinkedColumn}\n        />\n      }\n      key={`${rowIndex}-${columnIndex}`}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/TableColumns/getInitialColumns.d.ts

@@ -4,5 +4,5 @@ import type { ClientField, CollectionConfig, CollectionPreferences, Field } from
  * 1. If `defaultColumns` is set in the collection config, use those columns
  * 2. Otherwise take `useAtTitle, if set, and the next 3 fields that are not hidden or disabled
  */
-export declare const getInitialColumns: <T extends ClientField[] | Field[]>(fields: T, useAsTitle: CollectionConfig["admin"]["useAsTitle"], defaultColumns: CollectionConfig["admin"]["defaultColumns"]) => CollectionPreferences["columns"];
+export declare const getInitialColumns: <T extends ClientField[] | Field[]>(fields: T, useAsTitle: CollectionConfig['admin']['useAsTitle'], defaultColumns: CollectionConfig['admin']['defaultColumns']) => CollectionPreferences['columns'];
 //# sourceMappingURL=getInitialColumns.d.ts.map

package/dist/providers/TableColumns/getInitialColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getInitialColumns.d.ts","sourceRoot":"","sources":["../../../src/providers/TableColumns/getInitialColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAiC1F;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,EAAE,GAAG,KAAK,EAAE,EACjE,QAAQ,CAAC,EACT,YAAY,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,EACnD,gBAAgB,gBAAgB,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAC1D,qBAAqB,CAAC,SAAS,CAoBjC,CAAA"}
+{"version":3,"file":"getInitialColumns.d.ts","sourceRoot":"","sources":["../../../src/providers/TableColumns/getInitialColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAiC1F;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,EAAE,GAAG,KAAK,EAAE,UACzD,CAAC,cACG,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,kBACnC,gBAAgB,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,KAC1D,qBAAqB,CAAC,SAAS,CAoBjC,CAAA"}

package/dist/providers/Theme/index.d.ts

@@ -1,13 +1,31 @@
 import React from 'react';
-export type Theme = 'dark' | 'light';
+import { defaultTheme, type Theme } from './shared.js';
+export { defaultTheme, type Theme };
 export type ThemeContext = {
     autoMode: boolean;
     highContrastMode: boolean;
-    setHighContrastMode: (isHighContrast: boolean) => void;
-    setTheme: (theme: 'auto' | Theme) => void;
+    setHighContrastMode: (isHighContrast: boolean, options?: {
+        scoped?: boolean;
+    }) => void;
+    setTheme: (theme: 'auto' | Theme, options?: {
+        scoped?: boolean;
+    }) => void;
     theme: Theme;
 };
-export declare const defaultTheme: Theme;
+/**
+ * Provides theme context to its children.
+ *
+ * At the root (no parent ThemeProvider): reads/writes cookies, responds to
+ * OS preference, owns setTheme and setHighContrastMode.
+ *
+ * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a
+ * scoped visual  the `theme` prop sets the local theme, but setThemeoverride
+ * and setHighContrastMode bubble up through each level to the root provider so
+ * mutations always affect the global user preference.
+ *
+ * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and
+ * persists it to the theme cookie using the same mechanism as manual theme selection.
+ */
 export declare const ThemeProvider: React.FC<{
     children?: React.ReactNode;
     highContrastMode?: boolean;

package/dist/providers/Theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAInF,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAA;IACtD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,KAAK,IAAI,CAAA;IACzC,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA4DD,eAAO,MAAM,YAAY,EAAE,KAAe,CAAA;AAE1C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAiEA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAA;AAInF,OAAO,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,CAAA;AAEnC,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzE,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA+DD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAyGA,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,YAA8C,CAAA"}

package/dist/providers/Theme/index.js

@@ -4,6 +4,9 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, use, useCallback, useEffect, useState } from 'react';
 import { useConfig } from '../Config/index.js';
+import { useSearchParams } from '../RouterAdapter/index.js';
+import { defaultTheme } from './shared.js';
+export { defaultTheme };
 const initialContext = {
   autoMode: true,
   highContrastMode: false,
@@ -11,7 +14,7 @@ const initialContext = {
   setTheme: () => null,
   theme: 'light'
 };
-const Context = /*#__PURE__*/createContext(initialContext);
+const Context = /*#__PURE__*/createContext(undefined);
 function setCookie(cname, cvalue, exdays) {
   const d = new Date();
   d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
@@ -37,126 +40,187 @@ const detectHighContrastMode = cookieKey => {
   }
   return isHighContrast;
 };
-export const defaultTheme = 'light';
+const isValidThemeParam = value => value === 'auto' || value === 'light' || value === 'dark';
+/**
+ * Provides theme context to its children.
+ *
+ * At the root (no parent ThemeProvider): reads/writes cookies, responds to
+ * OS preference, owns setTheme and setHighContrastMode.
+ *
+ * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a
+ * scoped visual  the `theme` prop sets the local theme, but setThemeoverride
+ * and setHighContrastMode bubble up through each level to the root provider so
+ * mutations always affect the global user preference.
+ *
+ * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and
+ * persists it to the theme cookie using the same mechanism as manual theme selection.
+ */
 export const ThemeProvider = t0 => {
-  const $ = _c(18);
+  const $ = _c(32);
   const {
     children,
     highContrastMode: initialHighContrastMode,
-    theme: initialTheme
+    theme: themeOverride
   } = t0;
+  const outerContext = use(Context);
+  const isScoped = outerContext !== undefined;
   const {
     config
   } = useConfig();
   const preselectedTheme = config.admin.theme;
   const themeCookieKey = `${config.cookiePrefix || "payload"}-theme`;
   const contrastCookieKey = `${config.cookiePrefix || "payload"}-high-contrast-mode`;
-  const [theme, setThemeState] = useState(initialTheme || defaultTheme);
-  const [autoMode, setAutoMode] = useState(true);
-  const [highContrastMode, setHighContrastModeState] = useState(initialHighContrastMode ?? false);
+  const themeParam = useSearchParams().get("theme")?.toLowerCase();
+  const [theme, setThemeState] = useState(themeOverride ?? defaultTheme);
+  const [autoMode, setAutoMode] = useState(!isScoped);
+  const [highContrastMode, setHighContrastModeState] = useState(isScoped ? outerContext.highContrastMode ?? false : initialHighContrastMode ?? false);
   let t1;
+  if ($[0] !== isScoped || $[1] !== outerContext || $[2] !== themeCookieKey) {
+    t1 = (themeToSet, options) => {
+      if (isScoped && !options?.scoped) {
+        outerContext.setTheme(themeToSet, options);
+        return;
+      }
+      const resolvedTheme = themeToSet === "auto" ? window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light" : themeToSet;
+      setThemeState(resolvedTheme);
+      setAutoMode(themeToSet === "auto");
+      if (!isScoped) {
+        setCookie(themeCookieKey, themeToSet, themeToSet === "auto" ? -1 : 365);
+        document.documentElement.setAttribute("data-theme", resolvedTheme);
+      }
+    };
+    $[0] = isScoped;
+    $[1] = outerContext;
+    $[2] = themeCookieKey;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const setTheme = t1;
   let t2;
-  if ($[0] !== preselectedTheme || $[1] !== themeCookieKey) {
-    t1 = () => {
-      if (preselectedTheme !== "all") {
+  if ($[4] !== contrastCookieKey || $[5] !== isScoped || $[6] !== outerContext) {
+    t2 = (isHighContrast, options_0) => {
+      if (isScoped && !options_0?.scoped) {
+        outerContext.setHighContrastMode(isHighContrast, options_0);
         return;
       }
-      const {
-        isAutoMode,
-        theme: detectedTheme
-      } = detectTheme(themeCookieKey);
-      setThemeState(detectedTheme);
-      setAutoMode(isAutoMode);
+      setHighContrastModeState(isHighContrast);
+      if (!isScoped) {
+        setCookie(contrastCookieKey, String(isHighContrast), 365);
+        if (isHighContrast) {
+          document.documentElement.setAttribute("data-enhanced-contrast", "");
+        } else {
+          document.documentElement.removeAttribute("data-enhanced-contrast");
+        }
+      }
     };
-    t2 = [preselectedTheme, themeCookieKey];
-    $[0] = preselectedTheme;
-    $[1] = themeCookieKey;
-    $[2] = t1;
-    $[3] = t2;
+    $[4] = contrastCookieKey;
+    $[5] = isScoped;
+    $[6] = outerContext;
+    $[7] = t2;
   } else {
-    t1 = $[2];
-    t2 = $[3];
+    t2 = $[7];
   }
-  useEffect(t1, t2);
+  const setHighContrastMode = t2;
   let t3;
-  let t4;
-  if ($[4] !== contrastCookieKey) {
+  if ($[8] !== isScoped || $[9] !== outerContext) {
     t3 = () => {
-      setHighContrastModeState(detectHighContrastMode(contrastCookieKey));
+      if (isScoped) {
+        setHighContrastModeState(outerContext.highContrastMode);
+      }
     };
-    t4 = [contrastCookieKey];
-    $[4] = contrastCookieKey;
-    $[5] = t3;
-    $[6] = t4;
+    $[8] = isScoped;
+    $[9] = outerContext;
+    $[10] = t3;
   } else {
-    t3 = $[5];
-    t4 = $[6];
+    t3 = $[10];
   }
-  useEffect(t3, t4);
+  const t4 = outerContext?.highContrastMode;
   let t5;
-  if ($[7] !== themeCookieKey) {
-    t5 = themeToSet => {
-      if (themeToSet === "light" || themeToSet === "dark") {
-        setThemeState(themeToSet);
-        setAutoMode(false);
-        setCookie(themeCookieKey, themeToSet, 365);
-        document.documentElement.setAttribute("data-theme", themeToSet);
-      } else {
-        if (themeToSet === "auto") {
-          setCookie(themeCookieKey, themeToSet, -1);
-          const themeFromOS = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-          document.documentElement.setAttribute("data-theme", themeFromOS);
-          setAutoMode(true);
-          setThemeState(themeFromOS);
-        }
+  if ($[11] !== isScoped || $[12] !== t4) {
+    t5 = [isScoped, t4];
+    $[11] = isScoped;
+    $[12] = t4;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  useEffect(t3, t5);
+  let t6;
+  let t7;
+  if ($[14] !== isScoped || $[15] !== preselectedTheme || $[16] !== setTheme || $[17] !== themeCookieKey || $[18] !== themeParam) {
+    t6 = () => {
+      if (isScoped || preselectedTheme !== "all") {
+        return;
+      }
+      if (isValidThemeParam(themeParam)) {
+        setTheme(themeParam);
+        return;
       }
+      const {
+        isAutoMode,
+        theme: detectedTheme
+      } = detectTheme(themeCookieKey);
+      setThemeState(detectedTheme);
+      setAutoMode(isAutoMode);
     };
-    $[7] = themeCookieKey;
-    $[8] = t5;
+    t7 = [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme];
+    $[14] = isScoped;
+    $[15] = preselectedTheme;
+    $[16] = setTheme;
+    $[17] = themeCookieKey;
+    $[18] = themeParam;
+    $[19] = t6;
+    $[20] = t7;
   } else {
-    t5 = $[8];
+    t6 = $[19];
+    t7 = $[20];
   }
-  const setTheme = t5;
-  let t6;
-  if ($[9] !== contrastCookieKey) {
-    t6 = isHighContrast => {
-      setHighContrastModeState(isHighContrast);
-      setCookie(contrastCookieKey, String(isHighContrast), 365);
-      if (isHighContrast) {
-        document.documentElement.setAttribute("data-enhanced-contrast", "");
-      } else {
-        document.documentElement.removeAttribute("data-enhanced-contrast");
+  useEffect(t6, t7);
+  let t8;
+  let t9;
+  if ($[21] !== contrastCookieKey || $[22] !== isScoped) {
+    t8 = () => {
+      if (isScoped) {
+        return;
       }
+      setHighContrastModeState(detectHighContrastMode(contrastCookieKey));
     };
-    $[9] = contrastCookieKey;
-    $[10] = t6;
+    t9 = [isScoped, contrastCookieKey];
+    $[21] = contrastCookieKey;
+    $[22] = isScoped;
+    $[23] = t8;
+    $[24] = t9;
   } else {
-    t6 = $[10];
+    t8 = $[23];
+    t9 = $[24];
   }
-  const setHighContrastMode = t6;
-  let t7;
-  if ($[11] !== autoMode || $[12] !== children || $[13] !== highContrastMode || $[14] !== setHighContrastMode || $[15] !== setTheme || $[16] !== theme) {
-    t7 = _jsx(Context, {
+  useEffect(t8, t9);
+  const t10 = isScoped ? outerContext.autoMode : autoMode;
+  const t11 = isScoped ? outerContext.theme : theme;
+  let t12;
+  if ($[25] !== children || $[26] !== highContrastMode || $[27] !== setHighContrastMode || $[28] !== setTheme || $[29] !== t10 || $[30] !== t11) {
+    t12 = _jsx(Context, {
       value: {
-        autoMode,
+        autoMode: t10,
         highContrastMode,
         setHighContrastMode,
         setTheme,
-        theme
+        theme: t11
       },
       children
     });
-    $[11] = autoMode;
-    $[12] = children;
-    $[13] = highContrastMode;
-    $[14] = setHighContrastMode;
-    $[15] = setTheme;
-    $[16] = theme;
-    $[17] = t7;
+    $[25] = children;
+    $[26] = highContrastMode;
+    $[27] = setHighContrastMode;
+    $[28] = setTheme;
+    $[29] = t10;
+    $[30] = t11;
+    $[31] = t12;
   } else {
-    t7 = $[17];
+    t12 = $[31];
   }
-  return t7;
+  return t12;
 };
-export const useTheme = () => use(Context);
+export const useTheme = () => use(Context) ?? initialContext;
 //# sourceMappingURL=index.js.map