@payloadcms/ui 3.0.0-canary.4704e79 → 3.0.0-canary.483db21

package/dist/elements/StepNav/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction } from 'payload'\n\nexport type StepNavItem = {\n  label: LabelFunction | Record<string, string> | string\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"names":[],"rangeMappings":"","mappings":"AAOA,WAGC"}
+{"version":3,"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, LabelStatic } from 'payload'\n\nexport type StepNavItem = {\n  label: LabelFunction | LabelStatic\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"names":[],"mappings":"AAOA,WAGC"}

package/dist/elements/Table/DefaultCell/fields/Array/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[]> {\n  labels: CellComponentProps['labels']\n}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label = `${arrayFields.length} ${getTranslation(\n    labels?.plural || i18n.t('general:rows'),\n    i18n,\n  )}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useTranslation","ArrayCell","cellData","labels","i18n","arrayFields","label","length","plural","t","span"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAM9E,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,cAAcH,YAAY,EAAE;IAElC,MAAMI,QAAQ,CAAC,EAAED,YAAYE,MAAM,CAAC,CAAC,EAAET,eACrCK,QAAQK,UAAUJ,KAAKK,CAAC,CAAC,iBACzBL,MACA,CAAC;IAEH,qBAAO,KAACM;kBAAMJ;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[]> {\n  labels: CellComponentProps['labels']\n}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label = `${arrayFields.length} ${getTranslation(\n    labels?.plural || i18n.t('general:rows'),\n    i18n,\n  )}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useTranslation","ArrayCell","cellData","labels","i18n","arrayFields","label","length","plural","t","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAM9E,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,cAAcH,YAAY,EAAE;IAElC,MAAMI,QAAQ,CAAC,EAAED,YAAYE,MAAM,CAAC,CAAC,EAAET,eACrCK,QAAQK,UAAUJ,KAAKK,CAAC,CAAC,iBACzBL,MACA,CAAC;IAEH,qBAAO,KAACM;kBAAMJ;;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<any> {\n  blocks: CellComponentProps['blocks']\n  labels: CellComponentProps['labels']\n}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({ blocks, cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = blocks?.map((b) => ({\n    slug: b.slug,\n    label: getTranslation(b.labels.singular, i18n),\n  }))\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useTranslation","BlocksCell","blocks","cellData","labels","i18n","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","slug","label","singular","plural","formatBlockList","filtered","filter","f","join","itemsToShow","length","more","t","count","items","slice","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAO9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAChF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,iBAAiBC,MAAMC,OAAO,CAACL,YAAYA,SAASM,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAwBT,QAAQO,IAAI,CAACG,IAAO,CAAA;YAChDC,MAAMD,EAAEC,IAAI;YACZC,OAAOhB,eAAec,EAAER,MAAM,CAACW,QAAQ,EAAEV;QAC3C,CAAA;IAEA,IAAIS,QAAQ,CAAC,EAAE,EAAEhB,eAAeM,QAAQY,QAAQX,MAAM,CAAC;IAEvD,MAAMY,kBAAkB,CAACf,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMM,WAAWP,sBAAsBQ,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKD,IAAI,CAAC,EAAE;YACvE,OAAOM,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIhB,eAAeiB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOlB,eAAeiB,MAAM,GAAGD;QACrCR,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAAeM,QAAQY,QAAQX,MAAM,GAAG,EAAEA,KAAKoB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBX,eAAesB,KAAK,CAAC,GAAGN;QAAc,GAC5E,CAAC;IACL,OAAO,IAAIhB,eAAeiB,MAAM,GAAG,GAAG;QACpCT,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAClCQ,eAAeiB,MAAM,KAAK,IAAInB,QAAQW,WAAWX,QAAQY,QACzDX,MACA,GAAG,EAAEY,gBAAgBX,gBAAgB,CAAC;IAC1C;IAEA,qBAAO,KAACuB;kBAAMf;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<any> {\n  blocks: CellComponentProps['blocks']\n  labels: CellComponentProps['labels']\n}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({ blocks, cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = blocks?.map((b) => ({\n    slug: b.slug,\n    label: getTranslation(b.labels.singular, i18n),\n  }))\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useTranslation","BlocksCell","blocks","cellData","labels","i18n","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","slug","label","singular","plural","formatBlockList","filtered","filter","f","join","itemsToShow","length","more","t","count","items","slice","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAO9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAChF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,iBAAiBC,MAAMC,OAAO,CAACL,YAAYA,SAASM,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAwBT,QAAQO,IAAI,CAACG,IAAO,CAAA;YAChDC,MAAMD,EAAEC,IAAI;YACZC,OAAOhB,eAAec,EAAER,MAAM,CAACW,QAAQ,EAAEV;QAC3C,CAAA;IAEA,IAAIS,QAAQ,CAAC,EAAE,EAAEhB,eAAeM,QAAQY,QAAQX,MAAM,CAAC;IAEvD,MAAMY,kBAAkB,CAACf,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMM,WAAWP,sBAAsBQ,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKD,IAAI,CAAC,EAAE;YACvE,OAAOM,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIhB,eAAeiB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOlB,eAAeiB,MAAM,GAAGD;QACrCR,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAAeM,QAAQY,QAAQX,MAAM,GAAG,EAAEA,KAAKoB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBX,eAAesB,KAAK,CAAC,GAAGN;QAAc,GAC5E,CAAC;IACL,OAAO,IAAIhB,eAAeiB,MAAM,GAAG,GAAG;QACpCT,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAClCQ,eAAeiB,MAAM,KAAK,IAAInB,QAAQW,WAAWX,QAAQY,QACzDX,MACA,GAAG,EAAEY,gBAAgBX,gBAAgB,CAAC;IAC1C;IAEA,qBAAO,KAACuB;kBAAMf;;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<boolean>> = ({ cellData }) => {\n  const { t } = useTranslation()\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"names":["React","useTranslation","CheckboxCell","cellData","t","code","className","span","toLowerCase"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,OAAO,eAAc;AAErB,OAAO,MAAMC,eAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,MAAM,EAAEC,CAAC,EAAE,GAAGH;IACd,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMH,EAAE,CAAC,QAAQ,EAAED,SAAS,CAAC,EAAEK,WAAW;;;AAGjD,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<boolean>> = ({ cellData }) => {\n  const { t } = useTranslation()\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"names":["React","useTranslation","CheckboxCell","cellData","t","code","className","span","toLowerCase"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,OAAO,eAAc;AAErB,OAAO,MAAMC,eAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,MAAM,EAAEC,CAAC,EAAE,GAAGH;IACd,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMH,EAAE,CAAC,QAAQ,EAAED,SAAS,CAAC,EAAEK,WAAW;;;AAGjD,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Code/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<string> {\n  nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAMrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,SAASG,MAAM,GAAG,MAAM,CAAC,EAAEH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEnF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,KAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,KAACK;sBAAMR;;;AAGb,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<string> {\n  nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAMrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,SAASG,MAAM,GAAG,MAAM,CAAC,EAAEH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEnF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,KAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,KAACK;sBAAMR;;;AAGb,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Code/index.scss

@@ -8,7 +8,7 @@
   vertical-align: middle;
   background: var(--theme-elevation-150);
   color: var(--theme-elevation-800);
-  border-radius: $style-radius-s;
+  border-radius: $style-radius-m;
   padding: 0 base(0.25);
   background: var(--theme-elevation-100);
   color: var(--theme-elevation-800);

package/dist/elements/Table/DefaultCell/fields/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDate.js'\n\nexport const DateCell: React.FC<DefaultCellComponentProps<Date | number | string>> = ({\n  cellData,\n  dateDisplayFormat,\n}) => {\n  const {\n    admin: { dateFormat: dateFormatFromConfig },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const dateFormat = dateDisplayFormat || dateFormatFromConfig\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"names":["React","useConfig","useTranslation","formatDate","DateCell","cellData","dateDisplayFormat","admin","dateFormat","dateFormatFromConfig","i18n","span","date","pattern"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,yCAAwC;AAEnE,OAAO,MAAMC,WAAwE,CAAC,EACpFC,QAAQ,EACRC,iBAAiB,EAClB;IACC,MAAM,EACJC,OAAO,EAAEC,YAAYC,oBAAoB,EAAE,EAC5C,GAAGR;IAEJ,MAAM,EAAES,IAAI,EAAE,GAAGR;IAEjB,MAAMM,aAAaF,qBAAqBG;IAExC,qBAAO,KAACE;kBAAMN,YAAYF,WAAW;YAAES,MAAMP;YAAUK;YAAMG,SAASL;QAAW;;AACnF,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDate.js'\n\nexport const DateCell: React.FC<DefaultCellComponentProps<Date | number | string>> = ({\n  cellData,\n  dateDisplayFormat,\n}) => {\n  const {\n    admin: { dateFormat: dateFormatFromConfig },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const dateFormat = dateDisplayFormat || dateFormatFromConfig\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"names":["React","useConfig","useTranslation","formatDate","DateCell","cellData","dateDisplayFormat","admin","dateFormat","dateFormatFromConfig","i18n","span","date","pattern"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,yCAAwC;AAEnE,OAAO,MAAMC,WAAwE,CAAC,EACpFC,QAAQ,EACRC,iBAAiB,EAClB;IACC,MAAM,EACJC,OAAO,EAAEC,YAAYC,oBAAoB,EAAE,EAC5C,GAAGR;IAEJ,MAAM,EAAES,IAAI,EAAE,GAAGR;IAEjB,MAAMM,aAAaF,qBAAqBG;IAExC,qBAAO,KAACE;kBAAMN,YAAYF,WAAW;YAAES,MAAMP;YAAUK;YAAMG,SAASL;QAAW;;AACnF,EAAC"}

package/dist/elements/Table/DefaultCell/fields/File/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<any> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  customCellContext,\n  rowData,\n}) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename,\n        }}\n        fileSrc={rowData?.thumbnailURL || rowData?.url}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(filename)}</span>\n    </div>\n  )\n}\n"],"names":["React","Thumbnail","baseClass","FileCell","cellData","filename","customCellContext","rowData","collectionSlug","uploadConfig","div","className","doc","fileSrc","thumbnailURL","url","size","span","String"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,iCAAgC;AAC1D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,iBAAiB,EACjBC,OAAO,EACR;IACC,MAAM,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGH;IAEzC,qBACE,MAACI;QAAIC,WAAWT;;0BACd,KAACD;gBACCU,WAAW,CAAC,EAAET,UAAU,WAAW,CAAC;gBACpCM,gBAAgBA;gBAChBI,KAAK;oBACH,GAAGL,OAAO;oBACVF;gBACF;gBACAQ,SAASN,SAASO,gBAAgBP,SAASQ;gBAC3CC,MAAK;gBACLP,cAAcA;;0BAEhB,KAACQ;gBAAKN,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;0BAAGgB,OAAOb;;;;AAGzD,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<any> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  customCellContext,\n  rowData,\n}) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename,\n        }}\n        fileSrc={rowData?.thumbnailURL || rowData?.url}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(filename)}</span>\n    </div>\n  )\n}\n"],"names":["React","Thumbnail","baseClass","FileCell","cellData","filename","customCellContext","rowData","collectionSlug","uploadConfig","div","className","doc","fileSrc","thumbnailURL","url","size","span","String"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,iCAAgC;AAC1D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,iBAAiB,EACjBC,OAAO,EACR;IACC,MAAM,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGH;IAEzC,qBACE,MAACI;QAAIC,WAAWT;;0BACd,KAACD;gBACCU,WAAW,CAAC,EAAET,UAAU,WAAW,CAAC;gBACpCM,gBAAgBA;gBAChBI,KAAK;oBACH,GAAGL,OAAO;oBACVF;gBACF;gBACAQ,SAASN,SAASO,gBAAgBP,SAASQ;gBAC3CC,MAAK;gBACLP,cAAcA;;0BAEhB,KAACQ;gBAAKN,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;0BAAGgB,OAAOb;;;;AAGzD,EAAC"}

package/dist/elements/Table/DefaultCell/fields/JSON/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<string>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAwD,CAAC,EAAEC,QAAQ,EAAE;IAChF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMC,KAAKC,SAAS,CAACP;;;AAG5B,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<string>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAwD,CAAC,EAAEC,QAAQ,EAAE;IAChF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMC,KAAKC,SAAS,CAACP;;;AAG5B,EAAC"}

package/dist/elements/Table/DefaultCell/fields/JSON/index.scss

@@ -8,7 +8,7 @@
   vertical-align: middle;
   background: var(--theme-elevation-150);
   color: var(--theme-elevation-800);
-  border-radius: $style-radius-s;
+  border-radius: $style-radius-m;
   padding: 0 base(0.25);
   [dir='ltr'] & {
     padding-left: base(0.0875 + 0.25);

package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAA8B,MAAM,OAAO,CAAA;AAQlD,OAAO,cAAc,CAAA;AAMrB,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,CAAC,GAAG,CAAC;IAC3E,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAClC,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;CAC7C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqF5D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAA8B,MAAM,OAAO,CAAA;AASlD,OAAO,cAAc,CAAA;AAMrB,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,CAAC,GAAG,CAAC;IAC3E,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAClC,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;CAC7C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyG5D,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Relationship/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useState } from 'react';
 import { useIntersect } from '../../../../../hooks/useIntersect.js';
@@ -8,10 +8,11 @@ import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { canUseDOM } from '../../../../../utilities/canUseDOM.js';
 import { formatDocTitle } from '../../../../../utilities/formatDocTitle.js';
 import { useListRelationships } from '../../../RelationshipProvider/index.js';
+import { FileCell } from '../File/index.js';
 import './index.scss';
 const baseClass = 'relationship-cell';
 const totalToShow = 3;
-export const RelationshipCell = ({ cellData, label, relationTo })=>{
+export const RelationshipCell = ({ cellData, fieldType, label, relationTo, ...props })=>{
     const config = useConfig();
     const { collections, routes } = config;
     const [intersectionRef, entry] = useIntersect();
@@ -54,7 +55,6 @@ export const RelationshipCell = ({ cellData, label, relationTo })=>{
         if (hasRequested) {
             setHasRequested(false);
         }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         cellData
     ]);
@@ -72,11 +72,26 @@ export const RelationshipCell = ({ cellData, label, relationTo })=>{
                     fallback: `${t('general:untitled')} - ID: ${value}`,
                     i18n
                 });
+                let fileField = null;
+                if (fieldType === 'upload') {
+                    const { name, customCellContext, displayPreview, schemaPath } = props;
+                    const relatedCollectionPreview = !!relatedCollection.upload.displayPreview;
+                    const previewAllowed = displayPreview || relatedCollectionPreview && displayPreview !== false;
+                    if (previewAllowed && document) {
+                        fileField = /*#__PURE__*/ _jsx(FileCell, {
+                            cellData: label,
+                            customCellContext: customCellContext,
+                            name: name,
+                            rowData: document,
+                            schemaPath: schemaPath
+                        });
+                    }
+                }
                 return /*#__PURE__*/ _jsxs(React.Fragment, {
                     children: [
                         document === false && `${t('general:untitled')} - ID: ${value}`,
                         document === null && `${t('general:loading')}...`,
-                        document ? label : null,
+                        document ? fileField || label : null,
                         values.length > i + 1 && ', '
                     ]
                 }, i);

package/dist/elements/Table/DefaultCell/fields/Relationship/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport interface RelationshipCellProps extends DefaultCellComponentProps<any> {\n  label: CellComponentProps['label']\n  relationTo: CellComponentProps['relationTo']\n}\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData,\n  label,\n  relationTo,\n}) => {\n  const config = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = collections.find(({ slug }) => slug === relationTo)\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useEffect","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","baseClass","totalToShow","RelationshipCell","cellData","label","relationTo","config","collections","routes","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","api","div","className","ref","map","i","document","relatedCollection","find","slug","collectionConfig","data","dateFormat","admin","fallback","Fragment","count","items"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport interface RelationshipCellProps extends DefaultCellComponentProps<any> {\n  label: CellComponentProps['label']\n  relationTo: CellComponentProps['relationTo']\n}\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData,\n  fieldType,\n  label,\n  relationTo,\n  ...props\n}) => {\n  const config = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = collections.find(({ slug }) => slug === relationTo)\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n        if (fieldType === 'upload') {\n          const { name, customCellContext, displayPreview, schemaPath } = props\n          const relatedCollectionPreview = !!relatedCollection.upload.displayPreview\n          const previewAllowed =\n            displayPreview || (relatedCollectionPreview && displayPreview !== false)\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                customCellContext={customCellContext}\n                name={name}\n                rowData={document}\n                schemaPath={schemaPath}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useEffect","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","cellData","fieldType","label","relationTo","props","config","collections","routes","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","api","div","className","ref","map","i","document","relatedCollection","find","slug","collectionConfig","data","dateFormat","admin","fallback","fileField","name","customCellContext","displayPreview","schemaPath","relatedCollectionPreview","upload","previewAllowed","rowData","Fragment","count","items"],"mappings":"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"}

package/dist/elements/Table/DefaultCell/fields/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps, OptionObject } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { optionsAreObjects } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface SelectCellProps extends DefaultCellComponentProps<any> {\n  options: CellComponentProps['options']\n}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, options }) => {\n  const { i18n } = useTranslation()\n\n  const findLabel = (items: string[]) =>\n    items\n      .map((i) => {\n        const found = (options as OptionObject[]).filter((f: OptionObject) => f.value === i)?.[0]\n          ?.label\n        return getTranslation(found, i18n)\n      })\n      .join(', ')\n\n  let content = ''\n  if (optionsAreObjects(options)) {\n    content = Array.isArray(cellData)\n      ? findLabel(cellData) // hasMany\n      : findLabel([cellData])\n  } else {\n    content = Array.isArray(cellData)\n      ? cellData.join(', ') // hasMany\n      : cellData\n  }\n\n  return <span>{content}</span>\n}\n"],"names":["getTranslation","optionsAreObjects","React","useTranslation","SelectCell","cellData","options","i18n","findLabel","items","map","i","found","filter","f","value","label","join","content","Array","isArray","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAM9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IACzE,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,YAAY,CAACC,QACjBA,MACGC,GAAG,CAAC,CAACC;YACJ,MAAMC,QAAQ,AAACN,QAA2BO,MAAM,CAAC,CAACC,IAAoBA,EAAEC,KAAK,KAAKJ,IAAI,CAAC,EAAE,EACrFK;YACJ,OAAOhB,eAAeY,OAAOL;QAC/B,GACCU,IAAI,CAAC;IAEV,IAAIC,UAAU;IACd,IAAIjB,kBAAkBK,UAAU;QAC9BY,UAAUC,MAAMC,OAAO,CAACf,YACpBG,UAAUH,UAAU,UAAU;WAC9BG,UAAU;YAACH;SAAS;IAC1B,OAAO;QACLa,UAAUC,MAAMC,OAAO,CAACf,YACpBA,SAASY,IAAI,CAAC,MAAM,UAAU;WAC9BZ;IACN;IAEA,qBAAO,KAACgB;kBAAMH;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps, OptionObject } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { optionsAreObjects } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface SelectCellProps extends DefaultCellComponentProps<any> {\n  options: CellComponentProps['options']\n}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, options }) => {\n  const { i18n } = useTranslation()\n\n  const findLabel = (items: string[]) =>\n    items\n      .map((i) => {\n        const found = (options as OptionObject[]).filter((f: OptionObject) => f.value === i)?.[0]\n          ?.label\n        return getTranslation(found, i18n)\n      })\n      .join(', ')\n\n  let content = ''\n  if (optionsAreObjects(options)) {\n    content = Array.isArray(cellData)\n      ? findLabel(cellData) // hasMany\n      : findLabel([cellData])\n  } else {\n    content = Array.isArray(cellData)\n      ? cellData.join(', ') // hasMany\n      : cellData\n  }\n\n  return <span>{content}</span>\n}\n"],"names":["getTranslation","optionsAreObjects","React","useTranslation","SelectCell","cellData","options","i18n","findLabel","items","map","i","found","filter","f","value","label","join","content","Array","isArray","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAM9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IACzE,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,YAAY,CAACC,QACjBA,MACGC,GAAG,CAAC,CAACC;YACJ,MAAMC,QAAQ,AAACN,QAA2BO,MAAM,CAAC,CAACC,IAAoBA,EAAEC,KAAK,KAAKJ,IAAI,CAAC,EAAE,EACrFK;YACJ,OAAOhB,eAAeY,OAAOL;QAC/B,GACCU,IAAI,CAAC;IAEV,IAAIC,UAAU;IACd,IAAIjB,kBAAkBK,UAAU;QAC9BY,UAAUC,MAAMC,OAAO,CAACf,YACpBG,UAAUH,UAAU,UAAU;WAC9BG,UAAU;YAACH;SAAS;IAC1B,OAAO;QACLa,UAAUC,MAAMC,OAAO,CAACf,YACpBA,SAASY,IAAI,CAAC,MAAM,UAAU;WAC9BZ;IACN;IAEA,qBAAO,KAACgB;kBAAMH;;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nexport const TextareaCell: React.FC<DefaultCellComponentProps<string>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n  return <span>{textToShow}</span>\n}\n"],"names":["React","TextareaCell","cellData","textToShow","length","substring","span"],"rangeMappings":";;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAA4D,CAAC,EAAEC,QAAQ,EAAE;IACpF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IACpF,qBAAO,KAACI;kBAAMH;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nexport const TextareaCell: React.FC<DefaultCellComponentProps<string>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n  return <span>{textToShow}</span>\n}\n"],"names":["React","TextareaCell","cellData","textToShow","length","substring","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAA4D,CAAC,EAAEC,QAAQ,EAAE;IACpF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IACpF,qBAAO,KAACI;kBAAMH;;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/index.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" resolution-mode="require"/>
 export declare const cellComponents: {
     File: import("react").FC<import("./File/index.js").FileCellProps>;
     array: import("react").FC<import("./Array/index.js").ArrayCellProps>;
     blocks: import("react").FC<import("./Blocks/index.js").BlocksCellProps>;
-    checkbox: import("react").FC<import("packages/payload/src/admin/types.js").DefaultCellComponentProps<boolean>>;
+    checkbox: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<boolean>>;
     code: import("react").FC<import("./Code/index.js").CodeCellProps>;
-    date: import("react").FC<import("packages/payload/src/admin/types.js").DefaultCellComponentProps<string | number | Date>>;
-    json: import("react").FC<import("packages/payload/src/admin/types.js").DefaultCellComponentProps<string>>;
+    date: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<string | number | Date>>;
+    json: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<string>>;
     radio: import("react").FC<import("./Select/index.js").SelectCellProps>;
     relationship: import("react").FC<import("./Relationship/index.js").RelationshipCellProps>;
     select: import("react").FC<import("./Select/index.js").SelectCellProps>;
-    textarea: import("react").FC<import("packages/payload/src/admin/types.js").DefaultCellComponentProps<string>>;
+    textarea: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<string>>;
     upload: import("react").FC<import("./Relationship/index.js").RelationshipCellProps>;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":";AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAa1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAa1B,CAAA"}

package/dist/elements/Table/DefaultCell/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"sourcesContent":["'use client'\nimport { ArrayCell } from './Array/index.js'\nimport { BlocksCell } from './Blocks/index.js'\nimport { CheckboxCell } from './Checkbox/index.js'\nimport { CodeCell } from './Code/index.js'\nimport { DateCell } from './Date/index.js'\nimport { FileCell } from './File/index.js'\nimport { JSONCell } from './JSON/index.js'\nimport { RelationshipCell } from './Relationship/index.js'\nimport { SelectCell } from './Select/index.js'\nimport { TextareaCell } from './Textarea/index.js'\n\nexport const cellComponents = {\n  File: FileCell,\n  array: ArrayCell,\n  blocks: BlocksCell,\n  checkbox: CheckboxCell,\n  code: CodeCell,\n  date: DateCell,\n  json: JSONCell,\n  radio: SelectCell,\n  relationship: RelationshipCell,\n  select: SelectCell,\n  textarea: TextareaCell,\n  upload: RelationshipCell,\n}\n"],"names":["ArrayCell","BlocksCell","CheckboxCell","CodeCell","DateCell","FileCell","JSONCell","RelationshipCell","SelectCell","TextareaCell","cellComponents","File","array","blocks","checkbox","code","date","json","radio","relationship","select","textarea","upload"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,mBAAkB;AAC5C,SAASC,UAAU,QAAQ,oBAAmB;AAC9C,SAASC,YAAY,QAAQ,sBAAqB;AAClD,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,gBAAgB,QAAQ,0BAAyB;AAC1D,SAASC,UAAU,QAAQ,oBAAmB;AAC9C,SAASC,YAAY,QAAQ,sBAAqB;AAElD,OAAO,MAAMC,iBAAiB;IAC5BC,MAAMN;IACNO,OAAOZ;IACPa,QAAQZ;IACRa,UAAUZ;IACVa,MAAMZ;IACNa,MAAMZ;IACNa,MAAMX;IACNY,OAAOV;IACPW,cAAcZ;IACda,QAAQZ;IACRa,UAAUZ;IACVa,QAAQf;AACV,EAAC"}
+{"version":3,"sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"sourcesContent":["'use client'\nimport { ArrayCell } from './Array/index.js'\nimport { BlocksCell } from './Blocks/index.js'\nimport { CheckboxCell } from './Checkbox/index.js'\nimport { CodeCell } from './Code/index.js'\nimport { DateCell } from './Date/index.js'\nimport { FileCell } from './File/index.js'\nimport { JSONCell } from './JSON/index.js'\nimport { RelationshipCell } from './Relationship/index.js'\nimport { SelectCell } from './Select/index.js'\nimport { TextareaCell } from './Textarea/index.js'\n\nexport const cellComponents = {\n  File: FileCell,\n  array: ArrayCell,\n  blocks: BlocksCell,\n  checkbox: CheckboxCell,\n  code: CodeCell,\n  date: DateCell,\n  json: JSONCell,\n  radio: SelectCell,\n  relationship: RelationshipCell,\n  select: SelectCell,\n  textarea: TextareaCell,\n  upload: RelationshipCell,\n}\n"],"names":["ArrayCell","BlocksCell","CheckboxCell","CodeCell","DateCell","FileCell","JSONCell","RelationshipCell","SelectCell","TextareaCell","cellComponents","File","array","blocks","checkbox","code","date","json","radio","relationship","select","textarea","upload"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,mBAAkB;AAC5C,SAASC,UAAU,QAAQ,oBAAmB;AAC9C,SAASC,YAAY,QAAQ,sBAAqB;AAClD,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,SAASC,gBAAgB,QAAQ,0BAAyB;AAC1D,SAASC,UAAU,QAAQ,oBAAmB;AAC9C,SAASC,YAAY,QAAQ,sBAAqB;AAElD,OAAO,MAAMC,iBAAiB;IAC5BC,MAAMN;IACNO,OAAOZ;IACPa,QAAQZ;IACRa,UAAUZ;IACVa,MAAMZ;IACNa,MAAMZ;IACNa,MAAMX;IACNY,OAAOV;IACPW,cAAcZ;IACda,QAAQZ;IACRa,UAAUZ;IACVa,QAAQf;AACV,EAAC"}

package/dist/elements/Table/DefaultCell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAA6B,MAAM,SAAS,CAAA;AAY5E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmHpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAA6B,MAAM,SAAS,CAAA;AAa5E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsHpD,CAAA"}

package/dist/elements/Table/DefaultCell/index.js

@@ -5,6 +5,7 @@ import React from 'react'; // TODO: abstract this out to support all routers
 import { getTranslation } from '@payloadcms/translations';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatAdminURL } from '../../../utilities/formatAdminURL.js';
 import { useTableCell } from '../TableCellProvider/index.js';
 import { CodeCell } from './fields/Code/index.js';
 import { cellComponents } from './fields/index.js';
@@ -25,7 +26,10 @@ export const DefaultCell = (props)=>{
     const isLink = link !== undefined ? link : columnIndex === 0;
     if (isLink) {
         WrapElement = Link;
-        wrapElementProps.href = customCellContext?.collectionSlug ? `${adminRoute}/collections/${customCellContext?.collectionSlug}/${rowData.id}` : '';
+        wrapElementProps.href = customCellContext?.collectionSlug ? formatAdminURL({
+            adminRoute,
+            path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`
+        }) : '';
     }
     if (typeof onClick === 'function') {
         WrapElement = 'button';

package/dist/elements/Table/DefaultCell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport LinkImport from 'next/link.js'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useTableCell } from '../TableCellProvider/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultCell: React.FC<CellComponentProps> = (props) => {\n  const {\n    name,\n    className: classNameFromProps,\n    fieldType,\n    isFieldAffectingData,\n    label,\n    onClick: onClickFromProps,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const cellContext = useTableCell()\n\n  const { cellData, cellProps, columnIndex, customCellContext, rowData } = cellContext || {}\n\n  const { className: classNameFromContext, link, onClick: onClickFromContext } = cellProps || {}\n\n  const className = classNameFromProps || classNameFromContext\n\n  const onClick = onClickFromProps || onClickFromContext\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  if (isLink) {\n    WrapElement = Link\n    wrapElementProps.href = customCellContext?.collectionSlug\n      ? `${adminRoute}/collections/${customCellContext?.collectionSlug}/${rowData.id}`\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: customCellContext?.collectionSlug,\n        rowData,\n      })\n    }\n  }\n\n  if (name === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          name={name}\n          nowrap\n          rowData={rowData}\n          schemaPath={cellContext?.cellProps?.schemaPath}\n        />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[fieldType]\n\n  let CellComponent: React.ReactNode = null\n\n  if (DefaultCellComponent) {\n    CellComponent = (\n      <DefaultCellComponent\n        cellData={cellData}\n        customCellContext={customCellContext}\n        rowData={rowData}\n        {...props}\n      />\n    )\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (customCellContext.uploadConfig && isFieldAffectingData && name === 'filename') {\n      const FileCellComponent = cellComponents.File\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          customCellContext={customCellContext}\n          rowData={rowData}\n          {...props}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(cellData === '' || typeof cellData === 'undefined') &&\n            'label' in props &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(label || 'data', i18n),\n            })}\n          {typeof cellData === 'string' && cellData}\n          {typeof cellData === 'number' && cellData}\n          {typeof cellData === 'object' && JSON.stringify(cellData)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"names":["LinkImport","React","getTranslation","useConfig","useTranslation","useTableCell","CodeCell","cellComponents","Link","default","DefaultCell","props","name","className","classNameFromProps","fieldType","isFieldAffectingData","label","onClick","onClickFromProps","i18n","routes","admin","adminRoute","cellContext","cellData","cellProps","columnIndex","customCellContext","rowData","classNameFromContext","link","onClickFromContext","WrapElement","wrapElementProps","isLink","undefined","href","collectionSlug","id","type","nowrap","schemaPath","DefaultCellComponent","CellComponent","uploadConfig","FileCellComponent","File","t","JSON","stringify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport LinkImport from 'next/link.js'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { useTableCell } from '../TableCellProvider/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultCell: React.FC<CellComponentProps> = (props) => {\n  const {\n    name,\n    className: classNameFromProps,\n    fieldType,\n    isFieldAffectingData,\n    label,\n    onClick: onClickFromProps,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const cellContext = useTableCell()\n\n  const { cellData, cellProps, columnIndex, customCellContext, rowData } = cellContext || {}\n\n  const { className: classNameFromContext, link, onClick: onClickFromContext } = cellProps || {}\n\n  const className = classNameFromProps || classNameFromContext\n\n  const onClick = onClickFromProps || onClickFromContext\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  if (isLink) {\n    WrapElement = Link\n    wrapElementProps.href = customCellContext?.collectionSlug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`,\n        })\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: customCellContext?.collectionSlug,\n        rowData,\n      })\n    }\n  }\n\n  if (name === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          name={name}\n          nowrap\n          rowData={rowData}\n          schemaPath={cellContext?.cellProps?.schemaPath}\n        />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[fieldType]\n\n  let CellComponent: React.ReactNode = null\n\n  if (DefaultCellComponent) {\n    CellComponent = (\n      <DefaultCellComponent\n        cellData={cellData}\n        customCellContext={customCellContext}\n        rowData={rowData}\n        {...props}\n      />\n    )\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (customCellContext.uploadConfig && isFieldAffectingData && name === 'filename') {\n      const FileCellComponent = cellComponents.File\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          customCellContext={customCellContext}\n          rowData={rowData}\n          {...props}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(cellData === '' || typeof cellData === 'undefined') &&\n            'label' in props &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(label || 'data', i18n),\n            })}\n          {typeof cellData === 'string' && cellData}\n          {typeof cellData === 'number' && cellData}\n          {typeof cellData === 'object' && JSON.stringify(cellData)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"names":["LinkImport","React","getTranslation","useConfig","useTranslation","formatAdminURL","useTableCell","CodeCell","cellComponents","Link","default","DefaultCell","props","name","className","classNameFromProps","fieldType","isFieldAffectingData","label","onClick","onClickFromProps","i18n","routes","admin","adminRoute","cellContext","cellData","cellProps","columnIndex","customCellContext","rowData","classNameFromContext","link","onClickFromContext","WrapElement","wrapElementProps","isLink","undefined","href","collectionSlug","path","id","type","nowrap","schemaPath","DefaultCellComponent","CellComponent","uploadConfig","FileCellComponent","File","t","JSON","stringify"],"mappings":"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"}

package/dist/elements/Table/RelationshipProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAgF,MAAM,OAAO,CAAA;AAWpG,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAyEzE,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAA8C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAgF,MAAM,OAAO,CAAA;AAWpG,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAkFzE,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAA8C,CAAA"}

package/dist/elements/Table/RelationshipProvider/index.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import querystring from 'qs';
 import React, { createContext, useCallback, useContext, useEffect, useReducer, useRef } from 'react';
 import { useDebounce } from '../../../hooks/useDebounce.js';
 import { useConfig } from '../../../providers/Config/index.js';
@@ -26,15 +25,17 @@ export const RelationshipProvider = ({ children })=>{
             });
             if (idsToLoad.length > 0) {
                 const url = `${serverURL}${api}/${slug}`;
-                const params = {
-                    depth: 0,
-                    limit: 250,
-                    locale,
-                    'where[id][in]': idsToLoad
-                };
-                const query = querystring.stringify(params, {
-                    addQueryPrefix: true
-                });
+                const params = new URLSearchParams();
+                params.append('depth', '0');
+                params.append('limit', '250');
+                if (locale) {
+                    params.append('locale', locale);
+                }
+                if (idsToLoad && idsToLoad.length > 0) {
+                    const idsToString = idsToLoad.map((id)=>String(id));
+                    params.append('where[id][in]', idsToString.join(','));
+                }
+                const query = `?${params.toString()}`;
                 const result = await fetch(`${url}${query}`, {
                     credentials: 'include',
                     headers: {

package/dist/elements/Table/RelationshipProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithID } from 'payload'\n\nimport querystring from 'qs'\nimport React, { createContext, useCallback, useContext, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: TypeWithID | false | null\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n  const config = useConfig()\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = `${serverURL}${api}/${slug}`\n          const params = {\n            depth: 0,\n            limit: 250,\n            locale,\n            'where[id][in]': idsToLoad,\n          }\n\n          const query = querystring.stringify(params, { addQueryPrefix: true })\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, serverURL, api, i18n, locale],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context.Provider value={{ documents, getRelationships }}>{children}</Context.Provider>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => useContext(Context)\n"],"names":["querystring","React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","i18n","code","locale","prevLocale","routes","api","serverURL","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","params","depth","limit","query","stringify","addQueryPrefix","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","Provider","useListRelationships"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,iBAAiB,KAAI;AAC5B,OAAOC,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,QAAQ,QAAO;AAEpG,SAASC,WAAW,QAAQ,gCAA+B;AAC3D,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,SAAS,QAAQ,qCAAoC;AAC9D,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,OAAO,QAAQ,eAAc;AAqBtC,MAAMC,wBAAUX,cAAc,CAAC;AAE/B,OAAO,MAAMY,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAM,CAACC,WAAWC,kBAAkB,GAAGX,WAAWM,SAAS,CAAC;IAC5D,MAAMM,qBAAqBV,YAAYQ,WAAW;IAClD,MAAMG,SAASV;IACf,MAAM,EAAEW,IAAI,EAAE,GAAGT;IACjB,MAAM,EAAEU,MAAMC,MAAM,EAAE,GAAGZ;IACzB,MAAMa,aAAahB,OAAOe;IAE1B,MAAM,EACJE,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGP;IAEJ,MAAMQ,uBAAuBxB,YAC3B,CAACyB,YAAY,KAAK;QAChBC,OAAOC,OAAO,CAACZ,oBAAoBa,OAAO,CAAC,OAAO,CAACC,MAAMC,KAAK;YAC5D,MAAMC,YAAiC,EAAE;YAEzCL,OAAOC,OAAO,CAACG,MAAMF,OAAO,CAAC,CAAC,CAACI,IAAIC,MAAM;gBACvC,IAAIA,UAAU,QAAQR,WAAW;oBAC/BM,UAAUG,IAAI,CAACF;gBACjB;YACF;YAEA,IAAID,UAAUI,MAAM,GAAG,GAAG;gBACxB,MAAMC,MAAM,CAAC,EAAEb,UAAU,EAAED,IAAI,CAAC,EAAEO,KAAK,CAAC;gBACxC,MAAMQ,SAAS;oBACbC,OAAO;oBACPC,OAAO;oBACPpB;oBACA,iBAAiBY;gBACnB;gBAEA,MAAMS,QAAQ3C,YAAY4C,SAAS,CAACJ,QAAQ;oBAAEK,gBAAgB;gBAAK;gBACnE,MAAMC,SAAS,MAAMC,MAAM,CAAC,EAAER,IAAI,EAAEI,MAAM,CAAC,EAAE;oBAC3CK,aAAa;oBACbC,SAAS;wBACP,mBAAmB7B,KAAK8B,QAAQ;oBAClC;gBACF;gBAEA,IAAIJ,OAAOK,EAAE,EAAE;oBACb,MAAMC,OAAO,MAAMN,OAAOM,IAAI;oBAC9B,IAAIA,KAAKnB,IAAI,EAAE;wBACbhB,kBAAkB;4BAChBoC,MAAM;4BACNpB,MAAMmB,KAAKnB,IAAI;4BACfC;4BACAoB,YAAYtB;wBACd;oBACF;gBACF,OAAO;oBACLf,kBAAkB;wBAAEoC,MAAM;wBAAcpB,MAAM,EAAE;wBAAEC;wBAAWoB,YAAYtB;oBAAK;gBAChF;YACF;QACF;IACF,GACA;QAACd;QAAoBQ;QAAWD;QAAKL;QAAME;KAAO;IAGpDjB,UAAU;QACR,KAAKsB,qBAAqBL,UAAUC,WAAWgC,OAAO,KAAKjC;QAC3DC,WAAWgC,OAAO,GAAGjC;IACvB,GAAG;QAACA;QAAQK;KAAqB;IAEjC,MAAM6B,mBAAmBrD,YACvB,CAACsD;QACCxC,kBAAkB;YAAEoC,MAAM;YAAWpB,MAAMwB;QAAc;IAC3D,GACA,EAAE;IAGJ,qBAAO,KAAC5C,QAAQ6C,QAAQ;QAACtB,OAAO;YAAEpB;YAAWwC;QAAiB;kBAAIzC;;AACpE,EAAC;AAED,OAAO,MAAM4C,uBAAuB,IAA+BvD,WAAWS,SAAQ"}
+{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithID } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: TypeWithID | false | null\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n  const config = useConfig()\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          if (idsToLoad && idsToLoad.length > 0) {\n            const idsToString = idsToLoad.map((id) => String(id))\n            params.append('where[id][in]', idsToString.join(','))\n          }\n\n          const query = `?${params.toString()}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, serverURL, api, i18n, locale],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context.Provider value={{ documents, getRelationships }}>{children}</Context.Provider>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","children","documents","dispatchDocuments","debouncedDocuments","config","i18n","code","locale","prevLocale","routes","api","serverURL","loadRelationshipDocs","reloadAll","Object","entries","forEach","slug","docs","idsToLoad","id","value","push","length","url","params","URLSearchParams","append","idsToString","map","String","join","query","toString","result","fetch","credentials","headers","language","ok","json","type","relationTo","current","getRelationships","relationships","Provider","useListRelationships"],"mappings":"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"}

package/dist/elements/Table/RelationshipProvider/reducer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/reducer.ts"],"sourcesContent":["import type { TypeWithID } from 'payload'\n\nimport type { Documents } from './index.js'\n\ntype RequestDocuments = {\n  docs: { relationTo: string; value: number | string }[]\n  type: 'REQUEST'\n}\n\ntype AddLoadedDocuments = {\n  docs: TypeWithID[]\n  idsToLoad: (number | string)[]\n  relationTo: string\n  type: 'ADD_LOADED'\n}\n\ntype Action = AddLoadedDocuments | RequestDocuments\n\nexport function reducer(state: Documents, action: Action): Documents {\n  switch (action.type) {\n    case 'REQUEST': {\n      const newState = { ...state }\n\n      action.docs.forEach(({ relationTo, value }) => {\n        if (typeof newState[relationTo] !== 'object') {\n          newState[relationTo] = {}\n        }\n        newState[relationTo][value] = null\n      })\n\n      return newState\n    }\n\n    case 'ADD_LOADED': {\n      const newState = { ...state }\n      if (typeof newState[action.relationTo] !== 'object') {\n        newState[action.relationTo] = {}\n      }\n      const unreturnedIDs = [...action.idsToLoad]\n\n      if (Array.isArray(action.docs)) {\n        action.docs.forEach((doc) => {\n          unreturnedIDs.splice(unreturnedIDs.indexOf(doc.id), 1)\n          newState[action.relationTo][doc.id] = doc\n        })\n      }\n\n      unreturnedIDs.forEach((id) => {\n        newState[action.relationTo][id] = false\n      })\n\n      return newState\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"names":["reducer","state","action","type","newState","docs","forEach","relationTo","value","unreturnedIDs","idsToLoad","Array","isArray","doc","splice","indexOf","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAkBA,OAAO,SAASA,QAAQC,KAAgB,EAAEC,MAAc;IACtD,OAAQA,OAAOC,IAAI;QACjB,KAAK;YAAW;gBACd,MAAMC,WAAW;oBAAE,GAAGH,KAAK;gBAAC;gBAE5BC,OAAOG,IAAI,CAACC,OAAO,CAAC,CAAC,EAAEC,UAAU,EAAEC,KAAK,EAAE;oBACxC,IAAI,OAAOJ,QAAQ,CAACG,WAAW,KAAK,UAAU;wBAC5CH,QAAQ,CAACG,WAAW,GAAG,CAAC;oBAC1B;oBACAH,QAAQ,CAACG,WAAW,CAACC,MAAM,GAAG;gBAChC;gBAEA,OAAOJ;YACT;QAEA,KAAK;YAAc;gBACjB,MAAMA,WAAW;oBAAE,GAAGH,KAAK;gBAAC;gBAC5B,IAAI,OAAOG,QAAQ,CAACF,OAAOK,UAAU,CAAC,KAAK,UAAU;oBACnDH,QAAQ,CAACF,OAAOK,UAAU,CAAC,GAAG,CAAC;gBACjC;gBACA,MAAME,gBAAgB;uBAAIP,OAAOQ,SAAS;iBAAC;gBAE3C,IAAIC,MAAMC,OAAO,CAACV,OAAOG,IAAI,GAAG;oBAC9BH,OAAOG,IAAI,CAACC,OAAO,CAAC,CAACO;wBACnBJ,cAAcK,MAAM,CAACL,cAAcM,OAAO,CAACF,IAAIG,EAAE,GAAG;wBACpDZ,QAAQ,CAACF,OAAOK,UAAU,CAAC,CAACM,IAAIG,EAAE,CAAC,GAAGH;oBACxC;gBACF;gBAEAJ,cAAcH,OAAO,CAAC,CAACU;oBACrBZ,QAAQ,CAACF,OAAOK,UAAU,CAAC,CAACS,GAAG,GAAG;gBACpC;gBAEA,OAAOZ;YACT;QAEA;YAAS;gBACP,OAAOH;YACT;IACF;AACF"}
+{"version":3,"sources":["../../../../src/elements/Table/RelationshipProvider/reducer.ts"],"sourcesContent":["import type { TypeWithID } from 'payload'\n\nimport type { Documents } from './index.js'\n\ntype RequestDocuments = {\n  docs: { relationTo: string; value: number | string }[]\n  type: 'REQUEST'\n}\n\ntype AddLoadedDocuments = {\n  docs: TypeWithID[]\n  idsToLoad: (number | string)[]\n  relationTo: string\n  type: 'ADD_LOADED'\n}\n\ntype Action = AddLoadedDocuments | RequestDocuments\n\nexport function reducer(state: Documents, action: Action): Documents {\n  switch (action.type) {\n    case 'REQUEST': {\n      const newState = { ...state }\n\n      action.docs.forEach(({ relationTo, value }) => {\n        if (typeof newState[relationTo] !== 'object') {\n          newState[relationTo] = {}\n        }\n        newState[relationTo][value] = null\n      })\n\n      return newState\n    }\n\n    case 'ADD_LOADED': {\n      const newState = { ...state }\n      if (typeof newState[action.relationTo] !== 'object') {\n        newState[action.relationTo] = {}\n      }\n      const unreturnedIDs = [...action.idsToLoad]\n\n      if (Array.isArray(action.docs)) {\n        action.docs.forEach((doc) => {\n          unreturnedIDs.splice(unreturnedIDs.indexOf(doc.id), 1)\n          newState[action.relationTo][doc.id] = doc\n        })\n      }\n\n      unreturnedIDs.forEach((id) => {\n        newState[action.relationTo][id] = false\n      })\n\n      return newState\n    }\n\n    default: {\n      return state\n    }\n  }\n}\n"],"names":["reducer","state","action","type","newState","docs","forEach","relationTo","value","unreturnedIDs","idsToLoad","Array","isArray","doc","splice","indexOf","id"],"mappings":"AAkBA,OAAO,SAASA,QAAQC,KAAgB,EAAEC,MAAc;IACtD,OAAQA,OAAOC,IAAI;QACjB,KAAK;YAAW;gBACd,MAAMC,WAAW;oBAAE,GAAGH,KAAK;gBAAC;gBAE5BC,OAAOG,IAAI,CAACC,OAAO,CAAC,CAAC,EAAEC,UAAU,EAAEC,KAAK,EAAE;oBACxC,IAAI,OAAOJ,QAAQ,CAACG,WAAW,KAAK,UAAU;wBAC5CH,QAAQ,CAACG,WAAW,GAAG,CAAC;oBAC1B;oBACAH,QAAQ,CAACG,WAAW,CAACC,MAAM,GAAG;gBAChC;gBAEA,OAAOJ;YACT;QAEA,KAAK;YAAc;gBACjB,MAAMA,WAAW;oBAAE,GAAGH,KAAK;gBAAC;gBAC5B,IAAI,OAAOG,QAAQ,CAACF,OAAOK,UAAU,CAAC,KAAK,UAAU;oBACnDH,QAAQ,CAACF,OAAOK,UAAU,CAAC,GAAG,CAAC;gBACjC;gBACA,MAAME,gBAAgB;uBAAIP,OAAOQ,SAAS;iBAAC;gBAE3C,IAAIC,MAAMC,OAAO,CAACV,OAAOG,IAAI,GAAG;oBAC9BH,OAAOG,IAAI,CAACC,OAAO,CAAC,CAACO;wBACnBJ,cAAcK,MAAM,CAACL,cAAcM,OAAO,CAACF,IAAIG,EAAE,GAAG;wBACpDZ,QAAQ,CAACF,OAAOK,UAAU,CAAC,CAACM,IAAIG,EAAE,CAAC,GAAGH;oBACxC;gBACF;gBAEAJ,cAAcH,OAAO,CAAC,CAACU;oBACrBZ,QAAQ,CAACF,OAAOK,UAAU,CAAC,CAACS,GAAG,GAAG;gBACpC;gBAEA,OAAOZ;YACT;QAEA;YAAS;gBACP,OAAOH;YACT;IACF;AACF"}

package/dist/elements/Table/TableCellProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Table/TableCellProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nexport type ITableCellContext = {\n  cellData: DefaultCellComponentProps['cellData']\n  cellProps?: Partial<CellComponentProps>\n  columnIndex?: number\n  customCellContext: DefaultCellComponentProps['customCellContext']\n  rowData: DefaultCellComponentProps['rowData']\n}\n\nconst TableCellContext = React.createContext<ITableCellContext>({} as ITableCellContext)\n\nexport const TableCellProvider: React.FC<{\n  cellData?: DefaultCellComponentProps['cellData']\n  cellProps?: Partial<CellComponentProps>\n  children: React.ReactNode\n  columnIndex?: number\n  customCellContext?: DefaultCellComponentProps['customCellContext']\n  rowData?: DefaultCellComponentProps['rowData']\n}> = (props) => {\n  const { cellData, cellProps, children, columnIndex, customCellContext, rowData } = props\n\n  const contextToInherit = useTableCell()\n\n  return (\n    <TableCellContext.Provider\n      value={{\n        cellData,\n        cellProps,\n        columnIndex,\n        customCellContext,\n        rowData,\n        ...contextToInherit,\n      }}\n    >\n      {children}\n    </TableCellContext.Provider>\n  )\n}\n\nexport const useTableCell = () => {\n  const cell = React.useContext(TableCellContext)\n  return cell\n}\n"],"names":["React","TableCellContext","createContext","TableCellProvider","props","cellData","cellProps","children","columnIndex","customCellContext","rowData","contextToInherit","useTableCell","Provider","value","cell","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAUzB,MAAMC,iCAAmBD,MAAME,aAAa,CAAoB,CAAC;AAEjE,OAAO,MAAMC,oBAOR,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,OAAO,EAAE,GAAGN;IAEnF,MAAMO,mBAAmBC;IAEzB,qBACE,KAACX,iBAAiBY,QAAQ;QACxBC,OAAO;YACLT;YACAC;YACAE;YACAC;YACAC;YACA,GAAGC,gBAAgB;QACrB;kBAECJ;;AAGP,EAAC;AAED,OAAO,MAAMK,eAAe;IAC1B,MAAMG,OAAOf,MAAMgB,UAAU,CAACf;IAC9B,OAAOc;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Table/TableCellProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nexport type ITableCellContext = {\n  cellData: DefaultCellComponentProps['cellData']\n  cellProps?: Partial<CellComponentProps>\n  columnIndex?: number\n  customCellContext: DefaultCellComponentProps['customCellContext']\n  rowData: DefaultCellComponentProps['rowData']\n}\n\nconst TableCellContext = React.createContext<ITableCellContext>({} as ITableCellContext)\n\nexport const TableCellProvider: React.FC<{\n  cellData?: DefaultCellComponentProps['cellData']\n  cellProps?: Partial<CellComponentProps>\n  children: React.ReactNode\n  columnIndex?: number\n  customCellContext?: DefaultCellComponentProps['customCellContext']\n  rowData?: DefaultCellComponentProps['rowData']\n}> = (props) => {\n  const { cellData, cellProps, children, columnIndex, customCellContext, rowData } = props\n\n  const contextToInherit = useTableCell()\n\n  return (\n    <TableCellContext.Provider\n      value={{\n        cellData,\n        cellProps,\n        columnIndex,\n        customCellContext,\n        rowData,\n        ...contextToInherit,\n      }}\n    >\n      {children}\n    </TableCellContext.Provider>\n  )\n}\n\nexport const useTableCell = () => {\n  const cell = React.useContext(TableCellContext)\n  return cell\n}\n"],"names":["React","TableCellContext","createContext","TableCellProvider","props","cellData","cellProps","children","columnIndex","customCellContext","rowData","contextToInherit","useTableCell","Provider","value","cell","useContext"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAUzB,MAAMC,iCAAmBD,MAAME,aAAa,CAAoB,CAAC;AAEjE,OAAO,MAAMC,oBAOR,CAACC;IACJ,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,OAAO,EAAE,GAAGN;IAEnF,MAAMO,mBAAmBC;IAEzB,qBACE,KAACX,iBAAiBY,QAAQ;QACxBC,OAAO;YACLT;YACAC;YACAE;YACAC;YACAC;YACA,GAAGC,gBAAgB;QACrB;kBAECJ;;AAGP,EAAC;AAED,OAAO,MAAMK,eAAe;IAC1B,MAAMG,OAAOf,MAAMgB,UAAU,CAACf;IAC9B,OAAOc;AACT,EAAC"}

package/dist/elements/Table/index.d.ts

@@ -1,7 +1,6 @@
-import type { CellComponentProps, FieldBase, FieldTypes } from 'payload';
+import type { CellComponentProps, FieldBase, FieldMap, FieldTypes } from 'payload';
 import React from 'react';
 export * from './TableCellProvider/index.js';
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
 import { TableCellProvider } from './TableCellProvider/index.js';
 import './index.scss';
 export { TableCellProvider };

package/dist/elements/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAExE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,8BAA8B,CAAA;AAE5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAGvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAI5B,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IACvC,UAAU,EAAE;QACV,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;QACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KACzB,CAAA;IACD,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACvB,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IAC/B,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgDjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAElF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,8BAA8B,CAAA;AAG5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAI5B,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IACvC,UAAU,EAAE;QACV,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;QACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KACzB,CAAA;IACD,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACvB,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IAC/B,QAAQ,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgDjC,CAAA"}

package/dist/elements/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, FieldBase, FieldTypes } from 'payload'\n\nimport React from 'react'\n\nexport * from './TableCellProvider/index.js'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { useTableColumns } from '../TableColumns/index.js'\nimport { TableCellProvider } from './TableCellProvider/index.js'\nimport './index.scss'\n\nexport { TableCellProvider }\n\nconst baseClass = 'table'\n\nexport type Column = {\n  Label: React.ReactNode\n  accessor: string\n  active: boolean\n  admin?: FieldBase['admin']\n  cellProps?: Partial<CellComponentProps>\n  components: {\n    Cell: React.ReactNode\n    Heading: React.ReactNode\n  }\n  name: FieldBase['name']\n  type: keyof FieldTypes\n}\n\nexport type Props = {\n  columns?: Column[]\n  customCellContext?: Record<string, unknown>\n  data: Record<string, unknown>[]\n  fieldMap: FieldMap\n}\n\nexport const Table: React.FC<Props> = ({ columns: columnsFromProps, customCellContext, data }) => {\n  const { columns: columnsFromContext } = useTableColumns()\n\n  const columns = columnsFromProps || columnsFromContext\n\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div className={baseClass}>\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor}`} key={i}>\n                {col.components.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data.map((row, rowIndex) => (\n              <tr className={`row-${rowIndex + 1}`} key={rowIndex}>\n                {activeColumns.map((col, colIndex) => {\n                  return (\n                    <td className={`cell-${col.accessor}`} key={colIndex}>\n                      <TableCellProvider\n                        cellData={row[col.accessor]}\n                        cellProps={col?.cellProps}\n                        columnIndex={colIndex}\n                        customCellContext={customCellContext}\n                        rowData={row}\n                      >\n                        {col.components.Cell}\n                      </TableCellProvider>\n                    </td>\n                  )\n                })}\n              </tr>\n            ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"names":["React","useTableColumns","TableCellProvider","baseClass","Table","columns","columnsFromProps","customCellContext","data","columnsFromContext","activeColumns","filter","col","active","length","div","className","table","cellPadding","cellSpacing","thead","tr","map","i","th","id","accessor","components","Heading","tbody","row","rowIndex","colIndex","td","cellData","cellProps","columnIndex","rowData","Cell"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,cAAc,+BAA8B;AAI5C,SAASC,eAAe,QAAQ,2BAA0B;AAC1D,SAASC,iBAAiB,QAAQ,+BAA8B;AAChE,OAAO,eAAc;AAErB,SAASA,iBAAiB,GAAE;AAE5B,MAAMC,YAAY;AAuBlB,OAAO,MAAMC,QAAyB,CAAC,EAAEC,SAASC,gBAAgB,EAAEC,iBAAiB,EAAEC,IAAI,EAAE;IAC3F,MAAM,EAAEH,SAASI,kBAAkB,EAAE,GAAGR;IAExC,MAAMI,UAAUC,oBAAoBG;IAEpC,MAAMC,gBAAgBL,SAASM,OAAO,CAACC,MAAQA,KAAKC;IAEpD,IAAI,CAACH,iBAAiBA,cAAcI,MAAM,KAAK,GAAG;QAChD,qBAAO,KAACC;sBAAI;;IACd;IAEA,qBACE,KAACA;QAAIC,WAAWb;kBACd,cAAA,MAACc;YAAMC,aAAY;YAAIC,aAAY;;8BACjC,KAACC;8BACC,cAAA,KAACC;kCACEX,cAAcY,GAAG,CAAC,CAACV,KAAKW,kBACvB,KAACC;gCAAGC,IAAI,CAAC,QAAQ,EAAEb,IAAIc,QAAQ,CAAC,CAAC;0CAC9Bd,IAAIe,UAAU,CAACC,OAAO;+BADeL;;;8BAM9C,KAACM;8BACErB,QACCA,KAAKc,GAAG,CAAC,CAACQ,KAAKC,yBACb,KAACV;4BAAGL,WAAW,CAAC,IAAI,EAAEe,WAAW,EAAE,CAAC;sCACjCrB,cAAcY,GAAG,CAAC,CAACV,KAAKoB;gCACvB,qBACE,KAACC;oCAAGjB,WAAW,CAAC,KAAK,EAAEJ,IAAIc,QAAQ,CAAC,CAAC;8CACnC,cAAA,KAACxB;wCACCgC,UAAUJ,GAAG,CAAClB,IAAIc,QAAQ,CAAC;wCAC3BS,WAAWvB,KAAKuB;wCAChBC,aAAaJ;wCACbzB,mBAAmBA;wCACnB8B,SAASP;kDAERlB,IAAIe,UAAU,CAACW,IAAI;;mCARoBN;4BAYhD;2BAfyCD;;;;;AAsBzD,EAAC"}
+{"version":3,"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, FieldBase, FieldMap, FieldTypes } from 'payload'\n\nimport React from 'react'\n\nexport * from './TableCellProvider/index.js'\n\nimport { useTableColumns } from '../TableColumns/index.js'\nimport { TableCellProvider } from './TableCellProvider/index.js'\nimport './index.scss'\n\nexport { TableCellProvider }\n\nconst baseClass = 'table'\n\nexport type Column = {\n  Label: React.ReactNode\n  accessor: string\n  active: boolean\n  admin?: FieldBase['admin']\n  cellProps?: Partial<CellComponentProps>\n  components: {\n    Cell: React.ReactNode\n    Heading: React.ReactNode\n  }\n  name: FieldBase['name']\n  type: keyof FieldTypes\n}\n\nexport type Props = {\n  columns?: Column[]\n  customCellContext?: Record<string, unknown>\n  data: Record<string, unknown>[]\n  fieldMap: FieldMap\n}\n\nexport const Table: React.FC<Props> = ({ columns: columnsFromProps, customCellContext, data }) => {\n  const { columns: columnsFromContext } = useTableColumns()\n\n  const columns = columnsFromProps || columnsFromContext\n\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div className={baseClass}>\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor}`} key={i}>\n                {col.components.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data.map((row, rowIndex) => (\n              <tr className={`row-${rowIndex + 1}`} key={rowIndex}>\n                {activeColumns.map((col, colIndex) => {\n                  return (\n                    <td className={`cell-${col.accessor}`} key={colIndex}>\n                      <TableCellProvider\n                        cellData={row[col.accessor]}\n                        cellProps={col?.cellProps}\n                        columnIndex={colIndex}\n                        customCellContext={customCellContext}\n                        rowData={row}\n                      >\n                        {col.components.Cell}\n                      </TableCellProvider>\n                    </td>\n                  )\n                })}\n              </tr>\n            ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"names":["React","useTableColumns","TableCellProvider","baseClass","Table","columns","columnsFromProps","customCellContext","data","columnsFromContext","activeColumns","filter","col","active","length","div","className","table","cellPadding","cellSpacing","thead","tr","map","i","th","id","accessor","components","Heading","tbody","row","rowIndex","colIndex","td","cellData","cellProps","columnIndex","rowData","Cell"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,cAAc,+BAA8B;AAE5C,SAASC,eAAe,QAAQ,2BAA0B;AAC1D,SAASC,iBAAiB,QAAQ,+BAA8B;AAChE,OAAO,eAAc;AAErB,SAASA,iBAAiB,GAAE;AAE5B,MAAMC,YAAY;AAuBlB,OAAO,MAAMC,QAAyB,CAAC,EAAEC,SAASC,gBAAgB,EAAEC,iBAAiB,EAAEC,IAAI,EAAE;IAC3F,MAAM,EAAEH,SAASI,kBAAkB,EAAE,GAAGR;IAExC,MAAMI,UAAUC,oBAAoBG;IAEpC,MAAMC,gBAAgBL,SAASM,OAAO,CAACC,MAAQA,KAAKC;IAEpD,IAAI,CAACH,iBAAiBA,cAAcI,MAAM,KAAK,GAAG;QAChD,qBAAO,KAACC;sBAAI;;IACd;IAEA,qBACE,KAACA;QAAIC,WAAWb;kBACd,cAAA,MAACc;YAAMC,aAAY;YAAIC,aAAY;;8BACjC,KAACC;8BACC,cAAA,KAACC;kCACEX,cAAcY,GAAG,CAAC,CAACV,KAAKW,kBACvB,KAACC;gCAAGC,IAAI,CAAC,QAAQ,EAAEb,IAAIc,QAAQ,CAAC,CAAC;0CAC9Bd,IAAIe,UAAU,CAACC,OAAO;+BADeL;;;8BAM9C,KAACM;8BACErB,QACCA,KAAKc,GAAG,CAAC,CAACQ,KAAKC,yBACb,KAACV;4BAAGL,WAAW,CAAC,IAAI,EAAEe,WAAW,EAAE,CAAC;sCACjCrB,cAAcY,GAAG,CAAC,CAACV,KAAKoB;gCACvB,qBACE,KAACC;oCAAGjB,WAAW,CAAC,KAAK,EAAEJ,IAAIc,QAAQ,CAAC,CAAC;8CACnC,cAAA,KAACxB;wCACCgC,UAAUJ,GAAG,CAAClB,IAAIc,QAAQ,CAAC;wCAC3BS,WAAWvB,KAAKuB;wCAChBC,aAAaJ;wCACbzB,mBAAmBA;wCACnB8B,SAASP;kDAERlB,IAAIe,UAAU,CAACW,IAAI;;mCARoBN;4BAYhD;2BAfyCD;;;;;AAsBzD,EAAC"}

package/dist/elements/Table/index.scss

@@ -19,14 +19,23 @@
 
   th,
   td {
-    padding: base(0.75);
+    padding: base(0.8) base(0.6);
     min-width: 150px;
+
+    &:first-child {
+      padding-inline-start: base(0.8);
+    }
+
+    &:last-child {
+      padding-inline-end: base(0.8);
+    }
   }
 
   tbody {
     tr {
       &:nth-child(odd) {
         background: var(--theme-elevation-50);
+        border-radius: $style-radius-s;
       }
     }
   }

package/dist/elements/TableColumns/buildColumnState.d.ts

@@ -1,5 +1,4 @@
-import { type CellComponentProps, type SanitizedCollectionConfig } from 'payload';
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
+import type { CellComponentProps, FieldMap, SanitizedCollectionConfig } from 'payload';
 import type { ColumnPreferences } from '../../providers/ListInfo/index.js';
 import type { Column } from '../Table/index.js';
 type Args = {

package/dist/elements/TableColumns/buildColumnState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildColumnState.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/buildColumnState.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGjF,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,yDAAyD,CAAA;AACpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAW/C,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAA;IACxC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CAC7D,CAAA;AACD,eAAO,MAAM,gBAAgB,SAAU,IAAI,KAAG,MAAM,EAwJnD,CAAA"}
+{"version":3,"file":"buildColumnState.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/buildColumnState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAe,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAInG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAW/C,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAA;IACxC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CAC7D,CAAA;AACD,eAAO,MAAM,gBAAgB,SAAU,IAAI,KAAG,MAAM,EAuJnD,CAAA"}

package/dist/elements/TableColumns/buildColumnState.js

@@ -66,7 +66,6 @@ export const buildColumnState = (args)=>{
         const Heading = /*#__PURE__*/ _jsx(SortColumn, {
             Label: Label,
             disable: fieldAffectsDataSubFields || fieldIsPresentationalOnly(field) || undefined,
-            // eslint-disable-next-line react/jsx-no-duplicate-props
             label: 'fieldComponentProps' in field && 'label' in field.fieldComponentProps ? field.fieldComponentProps.label : undefined,
             name: 'name' in field ? field.name : undefined
         });