@payloadcms/ui 4.0.0-internal.f11981a → 4.0.0-internal.f15737c

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

@@ -19,6 +19,7 @@ export const buildColumnState = args => {
     enableLinkedCell = true,
     enableRowSelections,
     fieldPermissions,
+    hierarchyParentFieldName,
     i18n,
     payload,
     req,
@@ -93,7 +94,6 @@ export const buildColumnState = args => {
     if (dataType === 'monomorphic') {
       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        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      // 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":";AAoBA,SACEA,uBAAuB,EACvBC,SAAS,EACTC,yBAAyB,EACzBC,qBAAqB,QAChB;AACP,OAAOC,KAAA,MAAW;AAIlB,SAASC,qBAAqB,QAAQ;AACtC,SACEC,UAAU,QAEL;AACP,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAmC7B,OAAO,MAAMC,gBAAA,GAAoBC,IAAA;EAC/B,MAAM;IACJC,UAAU;IACVC,YAAY;IACZC,cAAc;IACdC,OAAO;IACPC,eAAe;IACfC,QAAQ;IACRC,IAAI;IACJC,gBAAA,GAAmB,IAAI;IACvBC,mBAAmB;IACnBC,gBAAgB;IAChBC,wBAAwB;IACxBC,IAAI;IACJC,OAAO;IACPC,GAAG;IACHC,YAAY;IACZC,eAAe;IACfC,UAAU;IACVC;EAAQ,CACT,GAAGlB,IAAA;EAEJ;EACA,IAAImB,cAAA,GAAiB5B,qBAAA,CACnBI,2BAAA,CAA4B;IAAEe,gBAAA;IAAkBU,MAAA,EAAQlB;EAAa,IACrE;IACEU,IAAA;IACAS,wBAAA,EAA0B;IAC1BC,kBAAA,EAAoB;EACtB;EAGF,IAAIC,eAAA,GAAkBhC,qBAAA,CACpBI,2BAAA,CAA4B;IAC1Be,gBAAA;IACAU,MAAA,EAAQL;EACV,IACA;IACEH,IAAA;IACAS,wBAAA,EAA0B;IAC1BC,kBAAA,EAAoB;EACtB,EACW;AAAA;EAEb;EACA;EACA;EACA,MAAME,YAAA,GAAeL,cAAA,EAAgBM,SAAA,CAAWC,KAAA,IAAUrC,SAAA,CAAUqC,KAAA;EAEpE,IAAIF,YAAA,GAAe,CAAC,GAAG;IACrB,MAAMG,OAAA,GAAUR,cAAA,CAAeS,MAAM,CAACJ,YAAA,EAAc,EAAE,CAAC,EAAE;IACzDL,cAAA,CAAeU,OAAO,CAACF,OAAA;EACzB;EAEA,MAAMG,oBAAA,GAAuBb,UAAA,GACzBE,cAAA,CAAeM,SAAS,CAAEC,KAAA,IAAU,UAAUA,KAAA,IAASA,KAAA,CAAMK,IAAI,KAAKd,UAAA,IACtE,CAAC;EAEL,IAAIa,oBAAA,GAAuB,CAAC,GAAG;IAC7B,MAAME,eAAA,GAAkBb,cAAA,CAAeS,MAAM,CAACE,oBAAA,EAAsB,EAAE,CAAC,EAAE;IACzEX,cAAA,CAAeU,OAAO,CAACG,eAAA;EACzB;EAEA,MAAMC,MAAA,GAAS7B,OAAA;EAEf,IAAI6B,MAAA,EAAQ;IACV;IACAd,cAAA,GAAiBrB,YAAA,CAA0BqB,cAAA,EAAgBc,MAAA;IAC3DV,eAAA,GAAkBzB,YAAA,CAAoByB,eAAA,EAAiBU,MAAA,GAAQ;EACjE;EAEA,MAAMC,oBAAA,GAAuB,EAAE;EAE/B,MAAMC,MAAA,GAAmBhB,cAAA,EAAgBiB,MAAA,CAAO,CAACC,GAAA,EAAKC,WAAA,EAAaC,QAAA;IACjE,IAAInD,uBAAA,CAAwBkD,WAAA,KAAgB,CAACjD,SAAA,CAAUiD,WAAA,GAAc;MACnE,OAAOD,GAAA;IACT;IAEA,MAAMG,QAAA,GACJF,WAAC,CAAoBE,QAAQ,KAAK,UAAUF,WAAA,GAAcA,WAAA,CAAYP,IAAI,GAAGU,SAAQ;IAEvF,MAAMC,WAAA,GAAcnB,eAAA,CAAgBoB,IAAI,CAAEC,CAAA;MACxC,MAAMC,SAAA,GAAYD,CAAC,CAAUJ,QAAQ,KAAK,UAAUI,CAAA,GAAIA,CAAA,CAAEb,IAAI,GAAGU,SAAQ;MACzE,OAAOI,SAAA,KAAcL,QAAA;IACvB;IAEA,MAAMM,aAAA,GACJJ,WAAA,EAAaK,KAAA,IACb,gBAAgBL,WAAA,CAAYK,KAAK,IACjCL,WAAA,CAAYK,KAAK,CAACC,UAAU,IAC5B,UAAUN,WAAA,CAAYK,KAAK,CAACC,UAAU,IACtCN,WAAA,CAAYK,KAAK,CAACC,UAAU,CAACC,IAAI;IAEnC,IAAIP,WAAA,IAAeA,WAAA,CAAYQ,IAAI,KAAK,WAAW,CAACJ,aAAA,EAAe;MACjE,OAAOT,GAAA,CAAI;AAAA;IACb;IAEA,MAAMc,UAAA,GAAa/C,OAAA,EAASuC,IAAA,CACzBS,UAAA,IAAed,WAAA,IAAe,UAAUA,WAAA,IAAec,UAAA,CAAWZ,QAAQ,KAAKA,QAAA;IAGlF,MAAMa,QAAA,GAAWzD,cAAA,CAAe;MAC9B4C,QAAA;MACAN,oBAAA;MACAoB,MAAA,EAAQH,UAAA;MACR/C;IACF;IAEA,IAAIiD,QAAA,IAAY,CAACnB,oBAAA,CAAqBqB,QAAQ,CAAChB,QAAA,GAAW;MACxDL,oBAAA,CAAqBsB,IAAI,CAACjB,QAAA;IAC5B;IAEA,IAAIkB,WAAA,GAAchB,SAAA;IAElB,IAAInC,QAAA,KAAa,eAAe;MAC9B,MAAMoD,mBAAA,GACJhB,WAAA,IACA,WAAWA,WAAA,IACX,gBAAgBA,WAAA,CAAYK,KAAK,IACjCL,WAAA,CAAYK,KAAK,CAACC,UAAU,IAC5B,WAAWN,WAAA,CAAYK,KAAK,CAACC,UAAU,IACvCN,WAAA,CAAYK,KAAK,CAACC,UAAU,CAACW,KAAK,KAAKlB,SAAA,CAAU;MAAA,EAC7CC,WAAA,CAAYK,KAAK,CAACC,UAAU,CAACW,KAAK,GAClClB,SAAA;MAEN,MAAMmB,WAAA,GAAoC;QACxClC,KAAA,EAAOY;MACT;MAEA,MAAMuB,sBAAA,GAGF;QACFvB,WAAA;QACAnC,cAAA;QACAuB,KAAA,EAAOgB,WAAA;QACP9B,IAAA;QACAC;MACF;MAEA4C,WAAA,GAAcC,mBAAA,GACVjE,qBAAA,CAAsB;QACpBmE,WAAA;QACAE,SAAA,EAAWJ,mBAAA;QACXK,SAAA,EAAWlD,OAAA,CAAQkD,SAAS;QAC5BC,WAAA,EAAaH;MACf,KACApB,SAAA;IACN;IAEA,MAAMwB,yBAAA,GACJ3B,WAAA,IACAA,WAAA,CAAYY,IAAI,KACfZ,WAAA,CAAYY,IAAI,KAAK,WACpBZ,WAAA,CAAYY,IAAI,KAAK,WACrBZ,WAAA,CAAYY,IAAI,KAAK,QAAO;IAEhC,MAAMgB,KAAA,GACJ5B,WAAA,IAAe,qBAAqBA,WAAA,IAAeA,WAAA,CAAY6B,eAAe,KAAK1B,SAAA,GAC/EH,WAAA,CAAY6B,eAAe,GAC3B,WAAW7B,WAAA,GACTA,WAAA,CAAY4B,KAAK,GACjBzB,SAAA;IAER;IACA,MAAM2B,WAAA,GAAc5B,QAAA,EAAU6B,OAAA,CAAQ,MAAM;IAE5C,MAAMC,cAAA,GAAiB5B,WAAA,IAAe,aAAaA,WAAA,IAAeA,WAAA,CAAY6B,OAAO,KAAK;IAE1F,MAAMC,OAAA,gBACJC,IAAA,CAAC/E,UAAA;MACCgF,OAAA,EACET,yBAAA,IACA3E,yBAAA,CAA0BgD,WAAA,KAC1BgC,cAAA,IACA7B,SAAA;MAEFkB,KAAA,EAAOF,WAAA;MACPS,KAAA,EAAOA,KAAA;MACPnC,IAAA,EAAMqC,WAAA;MACL,IAAIpD,eAAA,IAAmB,CAAC,CAAC;;IAI9B,MAAM2D,cAAA,GAAiBnE,gBAAA,IAAoB+B,QAAA,KAAaL,oBAAoB,CAAC,EAAE;IAE/E,MAAMoB,MAAA,GAAiB;MACrBd,QAAA;MACAoC,MAAA,EAAQvB,QAAA;MACRI,WAAA;MACA/B,KAAA,EAAOY,WAAA;MACPkC,OAAA;MACAG,cAAA;MACAE,aAAA,EAAexB,QAAA,GACX9C,IAAA,CAAKuE,GAAG,CAAC,CAACC,GAAA,EAAKC,QAAA;QACb,OAAOnF,UAAA,CAAW;UAChByC,WAAA;UACAnC,cAAA,EAAgBG,QAAA,KAAa,gBAAgBH,cAAA,GAAiB4E,GAAA,CAAIE,UAAU;UAC5EC,WAAA,EAAa3C,QAAA;UACblC,eAAA;UACA0E,GAAA,EAAKzE,QAAA,KAAa,gBAAgByE,GAAA,GAAMA,GAAA,CAAII,KAAK;UACjD1E,mBAAA;UACAE,wBAAA;UACAC,IAAA;UACA+D,cAAA;UACA9D,OAAA;UACAC,GAAA;UACAkE,QAAA;UACAtC,WAAA;UACAxB;QACF;MACF,KACA;IACN;IAEAmB,GAAA,CAAImB,IAAI,CAACF,MAAA;IAET,OAAOjB,GAAA;EACT,GAAG,EAAE;EAEL,IAAIpC,UAAA,EAAY;IACdkC,MAAA,CAAON,OAAO,IAAI5B,UAAA;EACpB;EAEA,OAAOkC,MAAA;AACT","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/ToastContainer/index.css

@@ -6,11 +6,10 @@
     .toast-title {
       padding-inline: var(--spacer-1);
       color: var(--color-text);
-      font-family: var(--text-body-medium-strong-font-family);
-      font-size: var(--text-body-medium-strong-font-size);
-      font-weight: var(--text-body-medium-strong-font-weight);
-      letter-spacing: var(--text-body-medium-strong-letter-spacing);
-      line-height: var(--text-body-medium-strong-line-height);
+      font-size: var(--text-body-medium-bold-font-size);
+      font-weight: var(--text-body-medium-bold-font-weight);
+      letter-spacing: var(--text-body-medium-bold-letter-spacing);
+      line-height: var(--text-body-medium-bold-line-height);
     }
 
     .payload-toast-item {
@@ -89,8 +88,8 @@
    are unlayered too, winning on class specificity. */
 
 .payload-toast-container .toast-title {
-  font-weight: var(--text-body-medium-strong-font-weight);
-  line-height: var(--text-body-medium-strong-line-height);
+  font-weight: var(--text-body-medium-bold-font-weight);
+  line-height: var(--text-body-medium-bold-line-height);
 }
 
 /* Sonner forces [data-icon] to 16px; use a --spacer-4 (24px) box so our icons fit. */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,CAAA;CACrB,CA6CA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,KAAiD,MAAM,OAAO,CAAA;AASrE,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,CAAA;CACrB,CA8FA,CAAA"}

package/dist/providers/ToastContainer/index.js

@@ -1,69 +1,147 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import { useModal } from '@faceless-ui/modal';
+import React, { useCallback, useLayoutEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
 import { Toaster } from 'sonner';
 import { CheckIcon } from '../../icons/Check/index.js';
 import { InfoIcon } from '../../icons/Info/index.js';
 import { WarningIcon } from '../../icons/Warning/index.js';
 import { XIcon } from '../../icons/X/index.js';
+import { getActiveModal } from '../../utilities/getActiveModal.js';
 import './index.css';
-export const ToastContainer = ({
-  config
-}) => {
+export const ToastContainer = t0 => {
+  const $ = _c(6);
   const {
-    admin: {
-      toast: {
-        duration,
-        expand,
-        limit,
-        position
-      } = {}
-    } = {}
+    config
+  } = t0;
+  const {
+    admin: t1
   } = config;
-  return /*#__PURE__*/_jsx(Toaster, {
+  const {
+    toast: t2
+  } = t1 === undefined ? {} : t1;
+  const {
+    duration,
+    expand,
+    limit,
+    position
+  } = t2 === undefined ? {} : t2;
+  const {
+    modalState
+  } = useModal();
+  const [portalContainer, setPortalContainer] = useState(null);
+  const setCloseIconRef = _temp;
+  let t3;
+  let t4;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      const container = document.createElement("div");
+      document.body.appendChild(container);
+      setPortalContainer(container);
+      return () => container.remove();
+    };
+    t4 = [];
+    $[0] = t3;
+    $[1] = t4;
+  } else {
+    t3 = $[0];
+    t4 = $[1];
+  }
+  useLayoutEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[2] !== modalState || $[3] !== portalContainer) {
+    t5 = () => {
+      if (!portalContainer) {
+        return;
+      }
+      const updateContainer = () => {
+        const activeModal = getActiveModal({
+          modalState
+        });
+        const destination = activeModal ?? document.body;
+        if (portalContainer.parentElement !== destination) {
+          destination.appendChild(portalContainer);
+        }
+      };
+      updateContainer();
+      const observer = new MutationObserver(updateContainer);
+      observer.observe(document.body, {
+        attributeFilter: ["open"],
+        attributes: true,
+        childList: true,
+        subtree: true
+      });
+      return () => observer.disconnect();
+    };
+    t6 = [modalState, portalContainer];
+    $[2] = modalState;
+    $[3] = portalContainer;
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t5 = $[4];
+    t6 = $[5];
+  }
+  useLayoutEffect(t5, t6);
+  if (!portalContainer) {
+    return null;
+  }
+  return createPortal(_jsx(Toaster, {
     className: "payload-toast-container",
     closeButton: true,
-    // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing "undefined" opts out of RTL/LTR handling
     dir: "undefined",
-    duration: duration ?? 4000,
+    duration: duration ?? 6000,
     expand: expand ?? false,
     gap: 8,
     icons: {
-      close: /*#__PURE__*/_jsx(XIcon, {
-        size: 24
+      close: _jsx("span", {
+        "aria-hidden": "true",
+        ref: setCloseIconRef,
+        style: {
+          display: "contents"
+        },
+        children: _jsx(XIcon, {
+          size: 24
+        })
       }),
-      error: /*#__PURE__*/_jsx(WarningIcon, {}),
-      info: /*#__PURE__*/_jsx(InfoIcon, {}),
-      success: /*#__PURE__*/_jsx(CheckIcon, {
+      error: _jsx(WarningIcon, {}),
+      info: _jsx(InfoIcon, {}),
+      success: _jsx(CheckIcon, {
         size: 24
       }),
-      warning: /*#__PURE__*/_jsx(WarningIcon, {})
+      warning: _jsx(WarningIcon, {})
     },
     offset: {
-      bottom: 'var(--spacer-6)',
-      right: 'var(--spacer-6)'
+      bottom: "var(--spacer-6)",
+      right: "var(--spacer-6)"
     },
-    position: position ?? 'bottom-right',
+    position: position ?? "bottom-right",
     style: {
-      width: '280px'
+      width: "280px"
     },
     theme: "dark",
     toastOptions: {
       classNames: {
-        closeButton: 'payload-toast-close-button',
-        content: 'toast-content',
-        error: 'toast-error',
-        icon: 'toast-icon',
-        info: 'toast-info',
-        success: 'toast-success',
-        title: 'toast-title',
-        toast: 'payload-toast-item',
-        warning: 'toast-warning'
+        closeButton: "payload-toast-close-button",
+        content: "toast-content",
+        error: "toast-error",
+        icon: "toast-icon",
+        info: "toast-info",
+        success: "toast-success",
+        title: "toast-title",
+        toast: "payload-toast-item",
+        warning: "toast-warning"
       },
       unstyled: true
     },
     visibleToasts: limit ?? 5
-  });
+  }), portalContainer);
 };
+function _temp(element) {
+  element?.closest("[data-close-button]")?.setAttribute("aria-live", "off");
+}
 //# sourceMappingURL=index.js.map

package/dist/providers/ToastContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","close","size","error","info","success","warning","offset","bottom","right","style","width","theme","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  return (\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 4000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: <XIcon size={24} />,\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACT,KAAA;QAAMgB,IAAA,EAAM;;MACpBC,KAAA,eAAOR,IAAA,CAACV,WAAA;MACRmB,IAAA,eAAMT,IAAA,CAACX,QAAA;MACPqB,OAAA,eAASV,IAAA,CAACZ,SAAA;QAAUmB,IAAA,EAAM;;MAC1BI,OAAA,eAASX,IAAA,CAACV,WAAA;IACZ;IACAsB,MAAA,EAAQ;MACNC,MAAA,EAAQ;MACRC,KAAA,EAAO;IACT;IACAf,QAAA,EAAUA,QAAA,IAAY;IACtBgB,KAAA,EAAO;MACLC,KAAA,EAAO;IACT;IACAC,KAAA,EAAM;IACNC,YAAA,EAAc;MACZC,UAAA,EAAY;QACVjB,WAAA,EAAa;QACbkB,OAAA,EAAS;QACTZ,KAAA,EAAO;QACPa,IAAA,EAAM;QACNZ,IAAA,EAAM;QACNC,OAAA,EAAS;QACTY,KAAA,EAAO;QACP3B,KAAA,EAAO;QACPgB,OAAA,EAAS;MACX;MACAY,QAAA,EAAU;IACZ;IACAC,aAAA,EAAe1B,KAAA,IAAS;;AAG9B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useLayoutEffect","useState","createPortal","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","getActiveModal","ToastContainer","t0","$","config","admin","t1","toast","t2","undefined","duration","expand","limit","position","modalState","portalContainer","setPortalContainer","setCloseIconRef","_temp","t3","t4","Symbol","for","container","document","createElement","body","appendChild","remove","t5","t6","updateContainer","activeModal","destination","parentElement","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","disconnect","_jsx","className","closeButton","dir","gap","icons","close","ref","style","display","children","size","info","success","offset","bottom","right","width","theme","toastOptions","classNames","content","error","icon","title","warning","unstyled","visibleToasts","element","closest","setAttribute"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useLayoutEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { getActiveModal } from '../../utilities/getActiveModal.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  const { modalState } = useModal()\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null)\n  const setCloseIconRef = useCallback((element: HTMLSpanElement | null) => {\n    element?.closest('[data-close-button]')?.setAttribute('aria-live', 'off')\n  }, [])\n\n  useLayoutEffect(() => {\n    const container = document.createElement('div')\n\n    document.body.appendChild(container)\n    setPortalContainer(container)\n    return () => container.remove()\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!portalContainer) {\n      return\n    }\n    const updateContainer = () => {\n      const activeModal = getActiveModal({ modalState })\n      const destination = activeModal ?? document.body\n\n      // Move the portal host, preserving Sonner's mounted state and pending notifications.\n      if (portalContainer.parentElement !== destination) {\n        destination.appendChild(portalContainer)\n      }\n    }\n\n    updateContainer()\n    const observer = new MutationObserver(updateContainer)\n\n    observer.observe(document.body, {\n      attributeFilter: ['open'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n    return () => observer.disconnect()\n  }, [modalState, portalContainer])\n\n  if (!portalContainer) {\n    return null\n  }\n\n  return createPortal(\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 6000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: (\n          <span aria-hidden=\"true\" ref={setCloseIconRef} style={{ display: 'contents' }}>\n            <XIcon size={24} />\n          </span>\n        ),\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />,\n    portalContainer,\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,WAAW,EAAEC,eAAe,EAAEC,QAAQ,QAAQ;AAC9D,SAASC,YAAY,QAAQ;AAC7B,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,cAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB;EAAA,IAAAF,EAAU;EACd;IAAAG,KAAA,EAAAC;EAAA,IAA8EF,MAAA;EAA/D;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAA0D,KAAAG,SAAA,QAA1DH,EAA0D;EAAjD;IAAAI,QAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAA0C,KAAAC,SAAA,QAA1CD,EAA0C;EAElE;IAAAM;EAAA,IAAuBzB,QAAA;EACvB,OAAA0B,eAAA,EAAAC,kBAAA,IAA8CvB,QAAA,KAAgC;EAC9E,MAAAwB,eAAA,GAAAC,KAAA;EAEK,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAjB,CAAA,QAAAkB,MAAA,CAAAC,GAAA;IAEWH,EAAA,GAAAA,CAAA;MACd,MAAAI,SAAA,GAAkBC,QAAA,CAAAC,aAAA,CAAuB;MAEzCD,QAAA,CAAAE,IAAA,CAAAC,WAAA,CAA0BJ,SAAA;MAC1BP,kBAAA,CAAmBO,SAAA;MAAA,aACNA,SAAA,CAAAK,MAAA,CAAgB;IAAA;IAC5BR,EAAA;IAAEjB,CAAA,MAAAgB,EAAA;IAAAhB,CAAA,MAAAiB,EAAA;EAAA;IAAAD,EAAA,GAAAhB,CAAA;IAAAiB,EAAA,GAAAjB,CAAA;EAAA;EANLX,eAAA,CAAgB2B,EAMhB,EAAGC,EAAE;EAAA,IAAAS,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA3B,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAY,eAAA;IAEWc,EAAA,GAAAA,CAAA;MAAA,KACTd,eAAA;QAAA;MAAA;MAGL,MAAAgB,eAAA,GAAAA,CAAA;QACE,MAAAC,WAAA,GAAoBhC,cAAA;UAAAc;QAAA,CAA4B;QAChD,MAAAmB,WAAA,GAAoBD,WAAA,IAAAR,QAAA,CAAAE,IAA4B;QAAA,IAG5CX,eAAA,CAAAmB,aAAA,KAAkCD,WAAA;UACpCA,WAAA,CAAAN,WAAA,CAAwBZ,eAAA;QAAA;MAAA;MAI5BgB,eAAA;MACA,MAAAI,QAAA,OAAAC,gBAAA,CAAsCL,eAAA;MAEtCI,QAAA,CAAAE,OAAA,CAAAb,QAAA,CAAAE,IAAA;QAAAY,eAAA,GACoB;QAAAC,UAAA;QAAAC,SAAA;QAAAC,OAAA;MAAA,CAIpB;MAAA,aACaN,QAAA,CAAAO,UAAA,CAAmB;IAAA;IAC/BZ,EAAA,IAAChB,UAAA,EAAYC,eAAA;IAAgBZ,CAAA,MAAAW,UAAA;IAAAX,CAAA,MAAAY,eAAA;IAAAZ,CAAA,MAAA0B,EAAA;IAAA1B,CAAA,MAAA2B,EAAA;EAAA;IAAAD,EAAA,GAAA1B,CAAA;IAAA2B,EAAA,GAAA3B,CAAA;EAAA;EAxBhCX,eAAA,CAAgBqC,EAwBhB,EAAGC,EAA6B;EAAA,KAE3Bf,eAAA;IAAA;EAAA;EAAA,OAIErB,YAAA,CACLiD,IAAA,CAAAhD,OAAA;IAAAiD,SAAA,EACY;IAAAC,WAAA;IAAAC,GAAA,EAGN;IAAApC,QAAA,EACMA,QAAA,QAAY;IAAAC,MAAA,EACdA,MAAA,SAAU;IAAAoC,GAAA;IAAAC,KAAA;MAAAC,KAAA,EAIdN,IAAA,CAAC;QAAA,eAAiB;QAAAO,GAAA,EAAYjC,eAAA;QAAAkC,KAAA;UAAAC,OAAA,EAAmC;QAAA;QAAAC,QAAA,EAC/DV,IAAA,CAAA5C,KAAA;UAAAuD,IAAA;QAAA,C;;aAGGX,IAAA,CAAA7C,WAAA,IAAC;MAAAyD,IAAA,EACFZ,IAAA,CAAA9C,QAAA,IAAC;MAAA2D,OAAA,EACEb,IAAA,CAAA/C,SAAA;QAAA0D,IAAA;MAAA,C;eACAX,IAAA,CAAA7C,WAAA,IAAC;IAAA;IAAA2D,MAAA;MAAAC,MAAA,EAGF;MAAAC,KAAA,EACD;IAAA;IAAA9C,QAAA,EAECA,QAAA,IAAY;IAAAsC,KAAA;MAAAS,KAAA,EAEb;IAAA;IAAAC,KAAA,EAEH;IAAAC,YAAA;MAAAC,UAAA;QAAAlB,WAAA,EAGW;QAAAmB,OAAA,EACJ;QAAAC,KAAA,EACF;QAAAC,IAAA,EACD;QAAAX,IAAA,EACA;QAAAC,OAAA,EACG;QAAAW,KAAA,EACF;QAAA5D,KAAA,EACA;QAAA6D,OAAA,EACE;MAAA;MAAAC,QAAA;IAAA;IAAAC,aAAA,EAIE1D,KAAA;EAAS,C,GAE1BG,eAAA;AAAA,CAEJ;AA9FK,SAAAG,MAAAqD,OAAA;EAMDA,OAAA,EAAAC,OAAA,CAAiB,wBAAAC,YAAA,CAAqC,aAAa;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IAC7C,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgE/C,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,6EACkC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/Translation/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,EACV,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,KAAK,WAAW,CACd,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,IACrD;IACF,IAAI,EAAE,CAAC,gCAAgC,CAAC,SAAS,CAAC,KAAK,CAAC,GACpD,UAAU,GACV,uBAAuB,SAAS,MAAM,GACpC,UAAU,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GACrE,UAAU,CAAC,wBAAwB,EAAE,gCAAgC,CAAC,CAAA;IAC5E,eAAe,EAAE,eAAe,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,CAAC,EAAE,SAAS,CAAC,qBAAqB,GAAG,OAAO,CAAC,gCAAgC,EAAE,MAAM,CAAC,CAAC,CAAA;CACxF,CAAA;AAiBD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAClC,YAAY,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAA;IAC7C,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6E/C,CAAA;AAED,eAAO,MAAM,cAAc,GACzB,uBAAuB,GAAG,EAAE,EAC5B,gCAAgC,SAAS,MAAM,GAAG,KAAK,6EACkC,CAAA"}

package/dist/providers/Translation/index.js

@@ -72,11 +72,21 @@ export const TranslationProvider = t0 => {
   let t4;
   if ($[5] !== dateFNSKey) {
     t3 = () => {
+      if (dateFNSKey === "en-US") {
+        setDateFNS(enUS);
+        return;
+      }
+      let isCancelled = false;
       const loadDateFNS = async () => {
         const imported = await importDateFNSLocale(dateFNSKey);
-        setDateFNS(imported);
+        if (!isCancelled) {
+          setDateFNS(imported);
+        }
       };
       loadDateFNS();
+      return () => {
+        isCancelled = true;
+      };
     };
     t4 = [dateFNSKey];
     $[5] = dateFNSKey;

package/dist/providers/Translation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","importDateFNSLocale","t","enUS","React","createContext","use","useEffect","useState","useRouter","useServerFunctions","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","t0","$","children","fallbackLang","router","switchLanguageServerFn","setDateFNS","t1","vars","nextT","t2","lang","refresh","t3","error","console","t4","loadDateFNS","imported","t5","_jsx","value","useTranslation"],"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  I18nOptions,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { useRouter } from '../RouterAdapter/index.js'\nimport { useServerFunctions } from '../ServerFunctions/index.js'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: I18nOptions['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  translations,\n}) => {\n  const router = useRouter()\n  const { switchLanguage: switchLanguageServerFn } = useServerFunctions()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = React.useCallback(\n    (key, vars): string =>\n      t({\n        key,\n        translations,\n        vars,\n      }),\n    [translations],\n  )\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerFn(lang)\n        router.refresh()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerFn, router],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => use<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAaA,SAASC,mBAAmB,EAAEC,CAAC,QAAQ;AACvC,SAASC,IAAI,QAAQ;AACrB,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAE/D,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AAgBnC,MAAMC,OAAA,gBAAUN,aAAA,CAAqC;EACnD;EACAO,IAAA,EAAM;IACJC,OAAA,EAASV,IAAA;IACTW,UAAA,EAAY;IACZC,gBAAA,EAAkB;IAClBC,QAAA,EAAU;IACVd,CAAA,EAAIe,GAAA,IAAQA,GAAA;IACZC,YAAA,EAAc,CAAC;EACjB;EACAC,eAAA,EAAiBC,SAAA;EACjBC,cAAA,EAAgBD,SAAA;EAChBlB,CAAA,EAAIe,GAAA,IAAQG;AACd;AAWA,OAAO,MAAME,mBAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAxB,EAAA;EAAC;IAAAyB,QAAA;IAAAX,UAAA;IAAAY,YAAA;IAAAV,QAAA;IAAAG,eAAA;IAAAD;EAAA,IAAAK,EAOpD;EACC,MAAAI,MAAA,GAAelB,SAAA;EACf;IAAAY,cAAA,EAAAO;EAAA,IAAmDlB,kBAAA;EACnD,OAAAG,OAAA,EAAAgB,UAAA,IAA8BrB,QAAA;EAAA,IAAAsB,EAAA;EAAA,IAAAN,CAAA,QAAAN,YAAA;IAG5BY,EAAA,GAAAA,CAAAb,GAAA,EAAAc,IAAA,KACE7B,CAAA;MAAAe,GAAA;MAAAC,YAAA;MAAAa;IAAA,CAIA;IAAAP,CAAA,MAAAN,YAAA;IAAAM,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EANJ,MAAAQ,KAAA,GAAgCF,EAOhB;EAAA,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,sBAAA;IAIdK,EAAA,SAAAC,IAAA;MAAA;MAAA;QAAA,MAEUN,sBAAA,CAAuBM,IAAA;QAC7BP,MAAA,CAAAQ,OAAA,CAAc;MAAA,SAAAC,EAAA;QACPC,KAAA,CAAAA,KAAA,CAAAA,CAAA,CAAAA,EAAA;QAEPC,OAAA,CAAAD,KAAA,CAAc,4BAA4BH,IAAA,GAAO,EAAEG,KAAA;MAAA;IAAA;IAEvDb,CAAA,MAAAG,MAAA;IAAAH,CAAA,MAAAI,sBAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EATF,MAAAH,cAAA,GAAuBY,EAUW;EAAA,IAAAG,EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAf,CAAA,QAAAV,UAAA;IAGxBsB,EAAA,GAAAA,CAAA;MACR,MAAAI,WAAA,SAAAA,CAAA;QACE,MAAAC,QAAA,SAAuBxC,mBAAA,CAAoBa,UAAA;QAE3Ce,UAAA,CAAWY,QAAA;MAAA;MAGRD,WAAA;IAAA;IACJD,EAAA,IAACzB,UAAA;IAAWU,CAAA,MAAAV,UAAA;IAAAU,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAe,EAAA;EAAA;IAAAH,EAAA,GAAAZ,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EARfjB,SAAA,CAAU6B,EAQV,EAAGG,EAAY;EAAA,IAAAG,EAAA;EAAA,IAAAlB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAX,OAAA,IAAAW,CAAA,SAAAV,UAAA,IAAAU,CAAA,SAAAE,YAAA,IAAAF,CAAA,SAAAR,QAAA,IAAAQ,CAAA,SAAAL,eAAA,IAAAK,CAAA,SAAAQ,KAAA,IAAAR,CAAA,SAAAH,cAAA,IAAAG,CAAA,SAAAN,YAAA;IAGbwB,EAAA,GAAAC,IAAA,CAAAhC,OAAA;MAAAiC,KAAA;QAAAhC,IAAA;UAAAC,OAAA;UAAAC,UAAA;UAAAC,gBAAA,EAKwBW,YAAA;UAAAV,QAAA;UAAAd,CAAA,EAEf8B,KAAA;UAAAd;QAAA;QAAAC,eAAA;QAAAE,cAAA;QAAAnB,CAAA,EAKF8B;MAAA;MAAAP;IAAA,C;;;;;;;;;;;;;;SAZPiB,E;CAkBJ;AAEA,OAAO,MAAMG,cAAA,GAAiBA,CAAA,KAGvBvC,GAAA,CAA4EK,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","importDateFNSLocale","t","enUS","React","createContext","use","useEffect","useState","useRouter","useServerFunctions","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","t0","$","children","fallbackLang","router","switchLanguageServerFn","setDateFNS","t1","vars","nextT","t2","lang","refresh","t3","error","console","t4","isCancelled","loadDateFNS","imported","t5","_jsx","value","useTranslation"],"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationKeys,\n  ClientTranslationsObject,\n  I18nClient,\n  I18nOptions,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { LanguageOptions } from 'payload'\n\nimport { importDateFNSLocale, t } from '@payloadcms/translations'\nimport { enUS } from 'date-fns/locale/en-US'\nimport React, { createContext, use, useEffect, useState } from 'react'\n\nimport { useRouter } from '../RouterAdapter/index.js'\nimport { useServerFunctions } from '../ServerFunctions/index.js'\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: I18nOptions['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  translations,\n}) => {\n  const router = useRouter()\n  const { switchLanguage: switchLanguageServerFn } = useServerFunctions()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = React.useCallback(\n    (key, vars): string =>\n      t({\n        key,\n        translations,\n        vars,\n      }),\n    [translations],\n  )\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerFn(lang)\n        router.refresh()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerFn, router],\n  )\n\n  useEffect(() => {\n    // en-US is date-fns' default locale, so it's already part of the bundle\n    if (dateFNSKey === 'en-US') {\n      setDateFNS(enUS)\n      return\n    }\n\n    let isCancelled = false\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      if (!isCancelled) {\n        setDateFNS(imported)\n      }\n    }\n\n    void loadDateFNS()\n\n    return () => {\n      isCancelled = true\n    }\n  }, [dateFNSKey])\n\n  return (\n    <Context\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => use<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"mappings":"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","ignoreList":[]}