@payloadcms/ui 4.0.0-internal.cd47d20 → 4.0.0-internal.ce66a41

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":";AAYA,SAASA,iBAAiB,QAAQ;AAClC,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,qBAAqB,QAAQ;AACtC,SACEC,WAAW,EACXC,UAAU,EACVC,iBAAiB,EACjBC,OAAO,QAEF;AACP,SAASC,wBAAwB,QAAQ;AACzC,SAASC,iBAAiB,QAAQ;AAiBlC,OAAO,SAASC,WAAW;EACzBC,WAAW;EACXC,cAAc;EACdC,WAAW;EACXC,eAAe;EACfC,GAAG;EACHC,mBAAmB;EACnBC,IAAI;EACJC,cAAc;EACdC,OAAO;EACPC,GAAG;EACHC,QAAQ;EACRC,WAAW;EACXC;AAAQ,CACO;EACf,MAAMC,mBAAA,GAAiD;IACrDC,QAAA,EAAUC,SAAA;IACVd,cAAA;IACAE,eAAA;IACAa,KAAA,EAAOhB,WAAA;IACPiB,OAAA,EAASF,SAAA;IACTH;EACF;EAEA,MAAMM,QAAA,GACJ,CAAC,cAAclB,WAAA,GAAeA,WAAA,CAAYkB,QAAQ,GAAcH,SAAQ,MACvE,UAAUf,WAAA,GAAcA,WAAA,CAAYmB,IAAI,GAAGJ,SAAQ;EAEtD;EACA,IAAIK,UAAA,GAAab,cAAA;EACjB,IAAIc,aAAA;EAEJ,IAAId,cAAA,IAAkBE,GAAA,EAAK;IACzB,MAAMa,gBAAA,GAAmBd,OAAA,CAAQe,WAAW,CAACtB,cAAA,CAAe,EAAEuB,MAAA;IAC9D,MAAMC,YAAA,GAAeH,gBAAA,EAAkBI,KAAA,EAAOD,YAAA;IAE9C,IAAI,OAAOA,YAAA,KAAiB,YAAY;MACtC;MACA,MAAME,UAAA,GAAalB,GAAA,CAAID,OAAO,CAACgB,MAAM,CAACI,MAAM,EAAEF,KAAA,IAAS;MACvD,MAAMG,UAAA,GAAaxC,cAAA,CAAe;QAChCsC,UAAA;QACAG,IAAA,EAAM,gBAAgB7B,cAAA,GAAiBW,QAAA,KAAa,UAAU,WAAW,MAAMmB,kBAAA,CAAmBC,MAAA,CAAO5B,GAAA,CAAI6B,EAAE;MACjH;MAEA,MAAMC,SAAA,GAAYT,YAAA,CAAa;QAC7BxB,cAAA;QACA4B,UAAA;QACAzB,GAAA;QACAK,GAAA;QACAG;MACF;MAEA,IAAIsB,SAAA,KAAc,MAAM;QACtB;QACAd,UAAA,GAAa;MACf,OAAO,IAAI,OAAOc,SAAA,KAAc,UAAU;QACxC;QACAd,UAAA,GAAa;QACbC,aAAA,GAAgBa,SAAA;MAClB,OAAO;QACL;QACAd,UAAA,GAAa;MACf;IACF;EACF;EAEA;EACA,MAAMN,QAAA,GACJ,UAAUd,WAAA,IAAekB,QAAA,KAAa,aAAa,oBAAoBd,GAAA,GACnEA,GAAA,CAAI+B,cAAc,GAClB,UAAUnC,WAAA,GACRF,iBAAA,CAAkBM,GAAA,EAAKc,QAAA,IACvBH,SAAA;EAER;EACA;EACA,IAAIqB,mBAAA,GAAsBpC,WAAA;EAC1B,IAAI,UAAUA,WAAA,IAAekB,QAAA,KAAa,aAAalB,WAAA,CAAYqC,IAAI,KAAK,UAAU;IACpF,MAAMC,gBAAA,GAAmBtC,WAAA,CAAYuC,OAAO,EAAEC,IAAA,CAC3CC,GAAA,IAAQ,CAAC,OAAOA,GAAA,KAAQ,WAAWA,GAAA,CAAIC,KAAK,GAAGD,GAAE,MAAO;IAE3D,IAAI,CAACH,gBAAA,EAAkB;MACrBF,mBAAA,GAAsB;QACpB,GAAGpC,WAAW;QACduC,OAAA,EAAS,C,IACHvC,WAAA,CAAYuC,OAAO,IAAI,EAAE,GAC7B;UACEI,KAAA,EAAOrC,IAAA,CAAKsC,CAAC,CAAC;UACdF,KAAA,EAAO;QACT;MAEJ;IACF;EACF;EAEA;EACA,IAAIG,aAAA,GAAiC9B,SAAA;EACrC,IAAI+B,kBAAA,GAAsC/B,SAAA;EAC1C,IAAIf,WAAA,CAAYqC,IAAI,KAAK,kBAAkB,gBAAgBrC,WAAA,EAAa;IACtE,MAAM+C,UAAA,GAAa/C,WAAA,CAAY+C,UAAU;IACzC,IAAI,OAAOA,UAAA,KAAe,UAAU;MAClC,MAAMC,uBAAA,GAA0BxC,OAAA,CAAQe,WAAW,CAACwB,UAAA,CAAW,EAAEvB,MAAA;MACjE,MAAMyB,eAAA,GAAkBD,uBAAA,EAAyBE,SAAA;MACjD,IAAID,eAAA,IAAmB,OAAOA,eAAA,KAAoB,UAAU;QAC1D,MAAME,aAAA,GAAgBF,eAAA,CAAgBvB,KAAK,EAAE0B,UAAA,EAAYC,IAAA;QACzD,MAAMC,kBAAA,GAAqBL,eAAA,CAAgBvB,KAAK,EAAE0B,UAAA,EAAYG,SAAA;QAC9D,IAAIJ,aAAA,EAAe;UACjB;UACAN,aAAA,GAAgBrD,qBAAA,CAAsB;YACpCgE,SAAA,EAAWL,aAAA;YACXM,SAAA,EAAWjD,OAAA,CAAQiD,SAAS;YAC5BC,GAAA,EAAK,kBAAkBX,UAAA;UACzB;QACF,OAAO;UACL;UACAF,aAAA,GACEI,eAAA,CAAgBU,YAAY,KAAK,qBAC/BC,IAAA,CAAClE,UAAA,MAAgB,kBAAkBqD,UAAA,EAAY,iBAE/Ca,IAAA,CAAChE,OAAA,MAAa,kBAAkBmD,UAAA,EAAY;QAElD;QACA;QACA,IAAIO,kBAAA,IAAsBA,kBAAA,KAAuBH,aAAA,EAAe;UAC9DL,kBAAA,GAAqBtD,qBAAA,CAAsB;YACzCgE,SAAA,EAAWF,kBAAA;YACXG,SAAA,EAAWjD,OAAA,CAAQiD,SAAS;YAC5BC,GAAA,EAAK,wBAAwBX,UAAA;UAC/B;QACF,OAAO;UACLD,kBAAA,GAAqBD,aAAA;QACvB;MACF;IACF;EACF;EAEA,MAAMgB,eAAA,GAA6C;IACjD,GAAGhD,mBAAmB;IACtBC,QAAA;IACAX,eAAA,EAAiB;MACf,GAAGU,mBAAA,CAAoBV,eAAe;MACtC,IAAI0C,aAAA,GAAgB;QAAEA;MAAc,IAAI,CAAC,CAAC;MAC1C,IAAIC,kBAAA,GAAqB;QAAEA;MAAmB,IAAI,CAAC,CAAC;IACtD;IACA9B,KAAA,EAAOoB,mBAAA;IACP0B,IAAA,EAAM1C,UAAA;IACN2C,OAAA,EAAS1C,aAAA;IACTJ,OAAA,EAASb;EACX;EAEA,MAAM4D,eAAA,GAAmD;IACvDlD,QAAA,EAAU+C,eAAA,CAAgB/C,QAAQ;IAClCmD,SAAA,EAAWpD,mBAAA,CAAoBoD,SAAS;IACxC3C,gBAAA,EAAkBd,OAAA,CAAQe,WAAW,CAACtB,cAAA,CAAe,CAACuB,MAAM;IAC5DvB,cAAA;IACAC,WAAA;IACAC,eAAA,EAAiBU,mBAAA,CAAoBV,eAAe;IACpDa,KAAA,EAAOL,WAAA;IACPL,IAAA;IACAwD,IAAA,EAAM1C,UAAA;IACN2C,OAAA,EAAS1C,aAAA;IACT6C,OAAA,EAASrD,mBAAA,CAAoBqD,OAAO;IACpC1D,OAAA;IACAS,OAAA,EAASb;EACX;EAEA,IAAI+D,UAAA,GAAa;EAEjB,IAAIxD,WAAA,EAAa0B,IAAA,KAAS,YAAY;IACpC,IAAI,CAAC1B,WAAA,EAAayD,MAAA,EAAQ;MACxB,MAAM,IAAIhF,iBAAA,CAAkBuB,WAAA,EAAa;AAAA;IAC3C;IAEA,IAAI,OAAOA,WAAA,EAAayD,MAAA,KAAW,YAAY;MAC7C,MAAM,IAAIC,KAAA,CAAM;IAClB;IAEA,IAAI,CAAC1D,WAAA,CAAYe,KAAK,EAAE;MACtBf,WAAA,CAAYe,KAAK,GAAG,CAAC;IACvB;IAEA,IAAI,CAACf,WAAA,CAAYe,KAAK,CAAC0B,UAAU,EAAE;MACjCzC,WAAA,CAAYe,KAAK,CAAC0B,UAAU,GAAG,CAAC;IAClC;IAEA,MAAMkB,mBAAA,GAAsB3D,WAAA,CAAYe,KAAK,CAAC0B,UAAU,CAACmB,IAAI;IAE7DJ,UAAA,GAAa3E,qBAAA,CAAsB;MACjCgF,WAAA,EAAaX,eAAA;MACbL,SAAA,EAAWc,mBAAA,IAAuB3D,WAAA,CAAYyD,MAAM,CAACK,aAAa;MAClEhB,SAAA,EAAWjD,OAAA,CAAQiD,SAAS;MAC5BiB,WAAA,EAAaV;IACf;EACF,OAAO;IACL,MAAMM,mBAAA,GAAsB3D,WAAA,EAAae,KAAA,EAAO0B,UAAA,EAAYmB,IAAA;IAE5D,IAAID,mBAAA,EAAqB;MACvBH,UAAA,GAAa3E,qBAAA,CAAsB;QACjCgF,WAAA,EAAaX,eAAA;QACbL,SAAA,EAAWc,mBAAA;QACXb,SAAA,EAAWjD,OAAA,CAAQiD,SAAS;QAC5BiB,WAAA,EAAaV;MACf;IACF,OAAO,IACLH,eAAA,CAAgB/C,QAAQ,IACxB+C,eAAA,CAAgB7C,KAAK,IACrBnB,wBAAA,CAAyBgE,eAAA,GACzB;MACAM,UAAA,GAAa3E,qBAAA,CAAsB;QACjCgF,WAAA,EAAaX,eAAA;QACbL,SAAA,EAAW/D,WAAA;QACXgE,SAAA,EAAWjD,OAAA,CAAQiD;MACrB;IACF,OAAO;MACL,MAAMa,mBAAA,GAAsB3D,WAAA,EAAae,KAAA,EAAO0B,UAAA,EAAYmB,IAAA;MAE5D,IAAID,mBAAA,EAAqB;QACvBH,UAAA,GAAa3E,qBAAA,CAAsB;UACjCgF,WAAA,EAAaX,eAAA;UACbL,SAAA,EAAWc,mBAAA;UACXb,SAAA,EAAWjD,OAAA,CAAQiD,SAAS;UAC5BiB,WAAA,EAAaV;QACf;MACF,OAAO;QACLG,UAAA,GAAapD,SAAA;MACf;IACF;EACF;EAEA,oBACE6C,IAAA,CAACrE,qBAAA;IACCoF,eAAA,EAAiBR,UAAA;IACjBS,QAAA,eACEhB,IAAA,CAACjE,iBAAA;MACC6E,WAAA,EAAaX,eAAA;MACb3D,WAAA,EAAaA,WAAA;MACbG,mBAAA,EAAqBA,mBAAA;MACrBE,cAAA,EAAgBA;;KAGf,GAAGG,QAAA,IAAYR,WAAA,EAAa;AAGvC","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":";AAYA,SAASA,iBAAiB,QAAQ;AAClC,OAAOC,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,qBAAqB,QAAQ;AACtC,SACEC,WAAW,EACXC,UAAU,EACVC,iBAAiB,EACjBC,OAAO,QAEF;AACP,SAASC,wBAAwB,QAAQ;AACzC,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,iBAAiB,QAAQ;AAkBlC,OAAO,SAASC,WAAW;EACzBC,WAAW;EACXC,cAAc;EACdC,WAAW;EACXC,eAAe;EACfC,GAAG;EACHC,mBAAmB;EACnBC,wBAAwB;EACxBC,IAAI;EACJC,cAAc;EACdC,OAAO;EACPC,GAAG;EACHC,QAAQ;EACRC,WAAW;EACXC;AAAQ,CACO;EACf,MAAMC,mBAAA,GAAiD;IACrDC,QAAA,EAAUC,SAAA;IACVf,cAAA;IACAE,eAAA;IACAc,KAAA,EAAOjB,WAAA;IACPkB,OAAA,EAASF,SAAA;IACTH;EACF;EAEA,MAAMM,QAAA,GACJ,CAAC,cAAcnB,WAAA,GAAeA,WAAA,CAAYmB,QAAQ,GAAcH,SAAQ,MACvE,UAAUhB,WAAA,GAAcA,WAAA,CAAYoB,IAAI,GAAGJ,SAAQ;EAEtD;EACA,IAAIK,UAAA,GAAab,cAAA;EACjB,IAAIc,aAAA;EAEJ,IAAId,cAAA,IAAkBE,GAAA,EAAK;IACzB,MAAMa,gBAAA,GAAmBd,OAAA,CAAQe,WAAW,CAACvB,cAAA,CAAe,EAAEwB,MAAA;IAC9D,MAAMC,WAAA,GAAc7B,0BAAA,CAA2B;MAC7CI,cAAA;MACAG,GAAA;MACAuB,YAAA,EAAcJ,gBAAA,EAAkBK,KAAA,EAAOD,YAAA;MACvCrB,wBAAA;MACAI,GAAA;MACAG;IACF;IAEAQ,UAAA,GAAaK,WAAA,KAAgB;IAC7BJ,aAAA,GAAgBI,WAAA,IAAeV,SAAA;EACjC;EAEA;EACA,MAAMD,QAAA,GACJ,UAAUf,WAAA,IAAemB,QAAA,KAAa,aAAa,oBAAoBf,GAAA,GACnEA,GAAA,CAAIyB,cAAc,GAClB,UAAU7B,WAAA,GACRF,iBAAA,CAAkBM,GAAA,EAAKe,QAAA,IACvBH,SAAA;EAER;EACA;EACA,IAAIc,mBAAA,GAAsB9B,WAAA;EAC1B,IAAI,UAAUA,WAAA,IAAemB,QAAA,KAAa,aAAanB,WAAA,CAAY+B,IAAI,KAAK,UAAU;IACpF,MAAMC,gBAAA,GAAmBhC,WAAA,CAAYiC,OAAO,EAAEC,IAAA,CAC3CC,GAAA,IAAQ,CAAC,OAAOA,GAAA,KAAQ,WAAWA,GAAA,CAAIC,KAAK,GAAGD,GAAE,MAAO;IAE3D,IAAI,CAACH,gBAAA,EAAkB;MACrBF,mBAAA,GAAsB;QACpB,GAAG9B,WAAW;QACdiC,OAAA,EAAS,C,IACHjC,WAAA,CAAYiC,OAAO,IAAI,EAAE,GAC7B;UACEI,KAAA,EAAO9B,IAAA,CAAK+B,CAAC,CAAC;UACdF,KAAA,EAAO;QACT;MAEJ;IACF;EACF;EAEA;EACA,IAAIG,aAAA,GAAiCvB,SAAA;EACrC,IAAIwB,kBAAA,GAAsCxB,SAAA;EAC1C,IAAIhB,WAAA,CAAY+B,IAAI,KAAK,kBAAkB,gBAAgB/B,WAAA,EAAa;IACtE,MAAMyC,UAAA,GAAazC,WAAA,CAAYyC,UAAU;IACzC,IAAI,OAAOA,UAAA,KAAe,UAAU;MAClC,MAAMC,uBAAA,GAA0BjC,OAAA,CAAQe,WAAW,CAACiB,UAAA,CAAW,EAAEhB,MAAA;MACjE,MAAMkB,eAAA,GAAkBD,uBAAA,EAAyBE,SAAA;MACjD,IAAID,eAAA,IAAmB,OAAOA,eAAA,KAAoB,UAAU;QAC1D,MAAME,aAAA,GAAgBF,eAAA,CAAgBf,KAAK,EAAEkB,UAAA,EAAYC,IAAA;QACzD,MAAMC,kBAAA,GAAqBL,eAAA,CAAgBf,KAAK,EAAEkB,UAAA,EAAYG,SAAA;QAC9D,IAAIJ,aAAA,EAAe;UACjB;UACAN,aAAA,GAAgBhD,qBAAA,CAAsB;YACpC2D,SAAA,EAAWL,aAAA;YACXM,SAAA,EAAW1C,OAAA,CAAQ0C,SAAS;YAC5BC,GAAA,EAAK,kBAAkBX,UAAA;UACzB;QACF,OAAO;UACL;UACAF,aAAA,GACEI,eAAA,CAAgBU,YAAY,KAAK,qBAC/BC,IAAA,CAAC7D,UAAA,MAAgB,kBAAkBgD,UAAA,EAAY,iBAE/Ca,IAAA,CAAC3D,OAAA,MAAa,kBAAkB8C,UAAA,EAAY;QAElD;QACA;QACA,IAAIO,kBAAA,IAAsBA,kBAAA,KAAuBH,aAAA,EAAe;UAC9DL,kBAAA,GAAqBjD,qBAAA,CAAsB;YACzC2D,SAAA,EAAWF,kBAAA;YACXG,SAAA,EAAW1C,OAAA,CAAQ0C,SAAS;YAC5BC,GAAA,EAAK,wBAAwBX,UAAA;UAC/B;QACF,OAAO;UACLD,kBAAA,GAAqBD,aAAA;QACvB;MACF;IACF;EACF;EAEA,MAAMgB,eAAA,GAA6C;IACjD,GAAGzC,mBAAmB;IACtBC,QAAA;IACAZ,eAAA,EAAiB;MACf,GAAGW,mBAAA,CAAoBX,eAAe;MACtC,IAAIoC,aAAA,GAAgB;QAAEA;MAAc,IAAI,CAAC,CAAC;MAC1C,IAAIC,kBAAA,GAAqB;QAAEA;MAAmB,IAAI,CAAC,CAAC;IACtD;IACAvB,KAAA,EAAOa,mBAAA;IACP0B,IAAA,EAAMnC,UAAA;IACNoC,OAAA,EAASnC,aAAA;IACTJ,OAAA,EAASd;EACX;EAEA,MAAMsD,eAAA,GAAmD;IACvD3C,QAAA,EAAUwC,eAAA,CAAgBxC,QAAQ;IAClC4C,SAAA,EAAW7C,mBAAA,CAAoB6C,SAAS;IACxCpC,gBAAA,EAAkBd,OAAA,CAAQe,WAAW,CAACvB,cAAA,CAAe,CAACwB,MAAM;IAC5DxB,cAAA;IACAC,WAAA;IACAC,eAAA,EAAiBW,mBAAA,CAAoBX,eAAe;IACpDc,KAAA,EAAOL,WAAA;IACPL,IAAA;IACAiD,IAAA,EAAMnC,UAAA;IACNoC,OAAA,EAASnC,aAAA;IACTsC,OAAA,EAAS9C,mBAAA,CAAoB8C,OAAO;IACpCnD,OAAA;IACAS,OAAA,EAASd;EACX;EAEA,IAAIyD,UAAA,GAAa;EAEjB,IAAIjD,WAAA,EAAamB,IAAA,KAAS,YAAY;IACpC,IAAI,CAACnB,WAAA,EAAakD,MAAA,EAAQ;MACxB,MAAM,IAAI1E,iBAAA,CAAkBwB,WAAA,EAAa;AAAA;IAC3C;IAEA,IAAI,OAAOA,WAAA,EAAakD,MAAA,KAAW,YAAY;MAC7C,MAAM,IAAIC,KAAA,CAAM;IAClB;IAEA,IAAI,CAACnD,WAAA,CAAYgB,KAAK,EAAE;MACtBhB,WAAA,CAAYgB,KAAK,GAAG,CAAC;IACvB;IAEA,IAAI,CAAChB,WAAA,CAAYgB,KAAK,CAACkB,UAAU,EAAE;MACjClC,WAAA,CAAYgB,KAAK,CAACkB,UAAU,GAAG,CAAC;IAClC;IAEA,MAAMkB,mBAAA,GAAsBpD,WAAA,CAAYgB,KAAK,CAACkB,UAAU,CAACmB,IAAI;IAE7DJ,UAAA,GAAatE,qBAAA,CAAsB;MACjC2E,WAAA,EAAaX,eAAA;MACbL,SAAA,EAAWc,mBAAA,IAAuBpD,WAAA,CAAYkD,MAAM,CAACK,aAAa;MAClEhB,SAAA,EAAW1C,OAAA,CAAQ0C,SAAS;MAC5BiB,WAAA,EAAaV;IACf;EACF,OAAO;IACL,MAAMM,mBAAA,GAAsBpD,WAAA,EAAagB,KAAA,EAAOkB,UAAA,EAAYmB,IAAA;IAE5D,IAAID,mBAAA,EAAqB;MACvBH,UAAA,GAAatE,qBAAA,CAAsB;QACjC2E,WAAA,EAAaX,eAAA;QACbL,SAAA,EAAWc,mBAAA;QACXb,SAAA,EAAW1C,OAAA,CAAQ0C,SAAS;QAC5BiB,WAAA,EAAaV;MACf;IACF,OAAO,IACLH,eAAA,CAAgBxC,QAAQ,IACxBwC,eAAA,CAAgBtC,KAAK,IACrBrB,wBAAA,CAAyB2D,eAAA,GACzB;MACAM,UAAA,GAAatE,qBAAA,CAAsB;QACjC2E,WAAA,EAAaX,eAAA;QACbL,SAAA,EAAW1D,WAAA;QACX2D,SAAA,EAAW1C,OAAA,CAAQ0C;MACrB;IACF,OAAO;MACL,MAAMa,mBAAA,GAAsBpD,WAAA,EAAagB,KAAA,EAAOkB,UAAA,EAAYmB,IAAA;MAE5D,IAAID,mBAAA,EAAqB;QACvBH,UAAA,GAAatE,qBAAA,CAAsB;UACjC2E,WAAA,EAAaX,eAAA;UACbL,SAAA,EAAWc,mBAAA;UACXb,SAAA,EAAW1C,OAAA,CAAQ0C,SAAS;UAC5BiB,WAAA,EAAaV;QACf;MACF,OAAO;QACLG,UAAA,GAAa7C,SAAA;MACf;IACF;EACF;EAEA,oBACEsC,IAAA,CAAChE,qBAAA;IACC+E,eAAA,EAAiBR,UAAA;IACjBS,QAAA,eACEhB,IAAA,CAAC5D,iBAAA;MACCwE,WAAA,EAAaX,eAAA;MACbrD,WAAA,EAAaA,WAAA;MACbG,mBAAA,EAAqBA,mBAAA;MACrBG,cAAA,EAAgBA;;KAGf,GAAGG,QAAA,IAAYT,WAAA,EAAa;AAGvC","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;AAG3C,OAAO,KAAoC,MAAM,OAAO,CAAA;AASxD,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,MAAM,EAAE,YAAY,CAAA;CACrB,CAuFA,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

@@ -3,7 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
-import React, { useLayoutEffect, useState } from 'react';
+import React, { useCallback, useLayoutEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { Toaster } from 'sonner';
 import { CheckIcon } from '../../icons/Check/index.js';
@@ -33,6 +33,7 @@ export const ToastContainer = t0 => {
     modalState
   } = useModal();
   const [portalContainer, setPortalContainer] = useState(null);
+  const setCloseIconRef = _temp;
   let t3;
   let t4;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -93,12 +94,19 @@ export const ToastContainer = t0 => {
     className: "payload-toast-container",
     closeButton: true,
     dir: "undefined",
-    duration: duration ?? 4000,
+    duration: duration ?? 6000,
     expand: expand ?? false,
     gap: 8,
     icons: {
-      close: _jsx(XIcon, {
-        size: 24
+      close: _jsx("span", {
+        "aria-hidden": "true",
+        ref: setCloseIconRef,
+        style: {
+          display: "contents"
+        },
+        children: _jsx(XIcon, {
+          size: 24
+        })
       }),
       error: _jsx(WarningIcon, {}),
       info: _jsx(InfoIcon, {}),
@@ -133,4 +141,7 @@ export const ToastContainer = t0 => {
     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":["c","_c","useModal","React","useLayoutEffect","useState","createPortal","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","getActiveModal","ToastContainer","t0","$","config","admin","t1","toast","t2","undefined","duration","expand","limit","position","modalState","portalContainer","setPortalContainer","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","size","info","success","offset","bottom","right","style","width","theme","toastOptions","classNames","content","error","icon","title","warning","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { 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\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 ?? 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    portalContainer,\n  )\n}\n"],"mappings":"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","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":"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","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":"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","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":[]}