@payloadcms/ui 3.0.0-canary.a5aaf21 → 3.0.0-canary.a6e7305

package/dist/elements/StepNav/index.scss

@@ -1,80 +1,81 @@
 @import '../../scss/styles.scss';
+@layer payload-default {
+  .step-nav {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) / 2);
 
-.step-nav {
-  display: flex;
-  align-items: center;
-  gap: calc(var(--base) / 2);
-
-  &::after {
-    content: ' ';
-    position: sticky;
-    top: 0;
-    right: 0;
-    width: var(--base);
-    background: linear-gradient(to right, transparent, var(--theme-bg));
-  }
+    &::after {
+      content: ' ';
+      position: sticky;
+      top: 0;
+      right: 0;
+      width: var(--base);
+      background: linear-gradient(to right, transparent, var(--theme-bg));
+    }
 
-  // Use a pseudo element for the accessability so that it doesn't take up DOM space
-  // Also because the parent element has `overflow: hidden` which would clip an outline
-  &__home {
-    width: 18px;
-    height: 18px;
-    position: relative;
+    // Use a pseudo element for the accessability so that it doesn't take up DOM space
+    // Also because the parent element has `overflow: hidden` which would clip an outline
+    &__home {
+      width: 18px;
+      height: 18px;
+      position: relative;
 
-    &:focus-visible {
-      outline: none;
+      &:focus-visible {
+        outline: none;
 
-      &::after {
-        content: '';
-        border: var(--accessibility-outline);
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        pointer-events: none;
+        &::after {
+          content: '';
+          border: var(--accessibility-outline);
+          position: absolute;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          pointer-events: none;
+        }
       }
     }
-  }
 
-  * {
-    display: block;
-  }
+    * {
+      display: block;
+    }
 
-  a {
-    border: 0;
-    display: flex;
-    align-items: center;
-    font-weight: 600;
-    text-decoration: none;
+    a {
+      border: 0;
+      display: flex;
+      align-items: center;
+      font-weight: 600;
+      text-decoration: none;
 
-    label {
-      cursor: pointer;
-    }
+      label {
+        cursor: pointer;
+      }
 
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
     }
-  }
 
-  span {
-    max-width: base(8);
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
+    span {
+      max-width: base(8);
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
 
-  @include mid-break {
-    .step-nav {
-      &__home {
-        width: 16px;
-        height: 16px;
+    @include mid-break {
+      .step-nav {
+        &__home {
+          width: 16px;
+          height: 16px;
+        }
       }
     }
-  }
 
-  @include small-break {
-    gap: base(0.4);
+    @include small-break {
+      gap: base(0.4);
+    }
   }
 }

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

@@ -1,22 +1,24 @@
 @import '../../../../../scss/styles.scss';
 
-.bool-cell {
-  font-size: 1rem;
-  line-height: base(1);
-  border: 0;
-  display: inline-flex;
-  vertical-align: middle;
-  background: var(--theme-elevation-150);
-  color: var(--theme-elevation-800);
-  border-radius: $style-radius-s;
-  padding: 0 base(0.25);
-  [dir='ltr'] & {
-    padding-left: base(0.0875 + 0.25);
-  }
-  [dir='rtl'] & {
-    padding-right: base(0.0875 + 0.25);
-  }
+@layer payload-default {
+  .bool-cell {
+    font-size: 1rem;
+    line-height: base(1);
+    border: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    background: var(--theme-elevation-150);
+    color: var(--theme-elevation-800);
+    border-radius: $style-radius-s;
+    padding: 0 base(0.25);
+    [dir='ltr'] & {
+      padding-left: base(0.0875 + 0.25);
+    }
+    [dir='rtl'] & {
+      padding-right: base(0.0875 + 0.25);
+    }
 
-  background: var(--theme-elevation-100);
-  color: var(--theme-elevation-800);
+    background: var(--theme-elevation-100);
+    color: var(--theme-elevation-800);
+  }
 }

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

@@ -1,27 +1,29 @@
 @import '../../../../../scss/styles.scss';
 
-.code-cell {
-  font-size: 1rem;
-  line-height: base(1);
-  border: 0;
-  display: inline-flex;
-  vertical-align: middle;
-  background: var(--theme-elevation-150);
-  color: var(--theme-elevation-800);
-  border-radius: $style-radius-m;
-  padding: 0 base(0.25);
-  background: var(--theme-elevation-100);
-  color: var(--theme-elevation-800);
+@layer payload-default {
+  .code-cell {
+    font-size: 1rem;
+    line-height: base(1);
+    border: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    background: var(--theme-elevation-150);
+    color: var(--theme-elevation-800);
+    border-radius: $style-radius-m;
+    padding: 0 base(0.25);
+    background: var(--theme-elevation-100);
+    color: var(--theme-elevation-800);
 
-  [dir='ltr'] & {
-    padding-left: base(0.0875 + 0.25);
-  }
+    [dir='ltr'] & {
+      padding-left: base(0.0875 + 0.25);
+    }
 
-  [dir='rtl'] & {
-    padding-right: base(0.0875 + 0.25);
-  }
+    [dir='rtl'] & {
+      padding-right: base(0.0875 + 0.25);
+    }
 
-  &:hover {
-    text-decoration: inherit;
+    &:hover {
+      text-decoration: inherit;
+    }
   }
 }

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

@@ -1,23 +1,25 @@
 @import '../../../../../scss/styles.scss';
 
-.file {
-  display: flex;
-  flex-wrap: nowrap;
+@layer payload-default {
+  .file {
+    display: flex;
+    flex-wrap: nowrap;
 
-  &__thumbnail {
-    display: inline-block;
-    max-width: calc(var(--base) * 2);
-    height: calc(var(--base) * 2);
-    border-radius: var(--style-radius-s);
-  }
-
-  &__filename {
-    align-self: center;
-    [dir='ltr'] & {
-      margin-left: var(--base);
+    &__thumbnail {
+      display: inline-block;
+      max-width: calc(var(--base) * 2);
+      height: calc(var(--base) * 2);
+      border-radius: var(--style-radius-s);
     }
-    [dir='rtl'] & {
-      margin-right: var(--base);
+
+    &__filename {
+      align-self: center;
+      [dir='ltr'] & {
+        margin-left: var(--base);
+      }
+      [dir='rtl'] & {
+        margin-right: var(--base);
+      }
     }
   }
 }

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

@@ -1,22 +1,24 @@
 @import '../../../../../scss/styles.scss';
 
-.json-cell {
-  font-size: 1rem;
-  line-height: base(1);
-  border: 0;
-  display: inline-flex;
-  vertical-align: middle;
-  background: var(--theme-elevation-150);
-  color: var(--theme-elevation-800);
-  border-radius: $style-radius-m;
-  padding: 0 base(0.25);
-  [dir='ltr'] & {
-    padding-left: base(0.0875 + 0.25);
-  }
-  [dir='rtl'] & {
-    padding-right: base(0.0875 + 0.25);
-  }
+@layer payload-default {
+  .json-cell {
+    font-size: 1rem;
+    line-height: base(1);
+    border: 0;
+    display: inline-flex;
+    vertical-align: middle;
+    background: var(--theme-elevation-150);
+    color: var(--theme-elevation-800);
+    border-radius: $style-radius-m;
+    padding: 0 base(0.25);
+    [dir='ltr'] & {
+      padding-left: base(0.0875 + 0.25);
+    }
+    [dir='rtl'] & {
+      padding-right: base(0.0875 + 0.25);
+    }
 
-  background: var(--theme-elevation-100);
-  color: var(--theme-elevation-800);
+    background: var(--theme-elevation-100);
+    color: var(--theme-elevation-800);
+  }
 }

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,EACV,kBAAkB,EAInB,MAAM,SAAS,CAAA;AAchB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6HpD,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,EACV,kBAAkB,EAInB,MAAM,SAAS,CAAA;AAchB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8HpD,CAAA"}

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

@@ -14,7 +14,7 @@ import { CodeCell } from './fields/Code/index.js';
 import { cellComponents } from './fields/index.js';
 const Link = LinkImport.default || LinkImport;
 export const DefaultCell = props => {
-  const $ = _c(25);
+  const $ = _c(24);
   const {
     className: classNameFromProps,
     field,
@@ -68,17 +68,18 @@ export const DefaultCell = props => {
   const classNameFromConfigContext = admin && "className" in admin ? admin.className : undefined;
   const className = classNameFromProps || (field.admin && "className" in field.admin ? field.admin.className : null) || classNameFromContext || classNameFromConfigContext;
   const onClick = onClickFromProps || onClickFromContext;
+  const isLink = link !== undefined ? link : columnIndex === 0;
   let WrapElement = "span";
   let t5;
   let t6;
-  if ($[4] !== className || $[5] !== link || $[6] !== columnIndex || $[7] !== customCellContext || $[8] !== rowData || $[9] !== adminRoute || $[10] !== onClick || $[11] !== cellData || $[12] !== field || $[13] !== cellContext || $[14] !== WrapElement || $[15] !== props || $[16] !== i18n) {
+  if ($[4] !== className || $[5] !== isLink || $[6] !== customCellContext || $[7] !== rowData || $[8] !== adminRoute || $[9] !== onClick || $[10] !== cellData || $[11] !== field || $[12] !== cellContext || $[13] !== WrapElement || $[14] !== props || $[15] !== i18n) {
     t6 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const wrapElementProps = {
         className
       };
-      const isLink = link !== undefined ? link : columnIndex === 0;
       if (isLink) {
+        wrapElementProps.prefetch = false;
         WrapElement = Link;
         wrapElementProps.href = customCellContext?.collectionSlug ? formatAdminURL({
           adminRoute,
@@ -89,7 +90,7 @@ export const DefaultCell = props => {
         WrapElement = "button";
         wrapElementProps.type = "button";
         let t7;
-        if ($[20] !== onClick || $[21] !== cellData || $[22] !== customCellContext || $[23] !== rowData) {
+        if ($[19] !== onClick || $[20] !== cellData || $[21] !== customCellContext || $[22] !== rowData) {
           t7 = () => {
             onClick({
               cellData,
@@ -97,13 +98,13 @@ export const DefaultCell = props => {
               rowData
             });
           };
-          $[20] = onClick;
-          $[21] = cellData;
-          $[22] = customCellContext;
-          $[23] = rowData;
-          $[24] = t7;
+          $[19] = onClick;
+          $[20] = cellData;
+          $[21] = customCellContext;
+          $[22] = rowData;
+          $[23] = t7;
         } else {
-          t7 = $[24];
+          t7 = $[23];
         }
         wrapElementProps.onClick = t7;
       }
@@ -144,9 +145,9 @@ export const DefaultCell = props => {
           } else {
             t6 = _jsxs(WrapElement, {
               ...wrapElementProps,
-              children: [(cellData === "" || typeof cellData === "undefined") && i18n.t("general:noLabel", {
+              children: [(cellData === "" || typeof cellData === "undefined" || cellData === null) && i18n.t("general:noLabel", {
                 label: getTranslation(("label" in field ? field.label : null) || "data", i18n)
-              }), typeof cellData === "string" && cellData, typeof cellData === "number" && cellData, typeof cellData === "object" && JSON.stringify(cellData)]
+              }), typeof cellData === "string" && cellData, typeof cellData === "number" && cellData, typeof cellData === "object" && cellData !== null && JSON.stringify(cellData)]
             });
             break bb0;
           }
@@ -158,25 +159,24 @@ export const DefaultCell = props => {
       });
     }
     $[4] = className;
-    $[5] = link;
-    $[6] = columnIndex;
-    $[7] = customCellContext;
-    $[8] = rowData;
-    $[9] = adminRoute;
-    $[10] = onClick;
-    $[11] = cellData;
-    $[12] = field;
-    $[13] = cellContext;
-    $[14] = WrapElement;
-    $[15] = props;
-    $[16] = i18n;
-    $[17] = t5;
-    $[18] = t6;
-    $[19] = WrapElement;
+    $[5] = isLink;
+    $[6] = customCellContext;
+    $[7] = rowData;
+    $[8] = adminRoute;
+    $[9] = onClick;
+    $[10] = cellData;
+    $[11] = field;
+    $[12] = cellContext;
+    $[13] = WrapElement;
+    $[14] = props;
+    $[15] = i18n;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = WrapElement;
   } else {
-    t5 = $[17];
-    t6 = $[18];
-    WrapElement = $[19];
+    t5 = $[16];
+    t6 = $[17];
+    WrapElement = $[18];
   }
   if (t6 !== Symbol.for("react.early_return_sentinel")) {
     return t6;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","getTranslation","fieldAffectsData","useConfig","useTranslation","formatAdminURL","useTableCell","CodeCell","cellComponents","Link","default","DefaultCell","props","$","className","classNameFromProps","field","onClick","onClickFromProps","i18n","config","t0","routes","t1","admin","adminRoute","cellContext","t2","cellData","cellProps","columnIndex","customCellContext","rowData","t3","classNameFromContext","t4","link","onClickFromContext","classNameFromConfigContext","undefined","WrapElement","t5","t6","Symbol","for","wrapElementProps","isLink","href","collectionSlug","path","id","type","t7","name","_jsx","children","_schemaPath","nowrap","DefaultCellComponent","CellComponent","uploadConfig","FileCellComponent","File","_jsxs","t","label","JSON","stringify"],"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 {\n  CellComponentProps,\n  CodeFieldClient,\n  DefaultCellComponentProps,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData } from 'payload/shared'\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 { className: classNameFromProps, field, onClick: onClickFromProps } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const cellContext = useTableCell()\n\n  const { cellData, cellProps, columnIndex, customCellContext, rowData } = cellContext || {}\n\n  const {\n    className: classNameFromContext,\n    field: { admin },\n    link,\n    onClick: onClickFromContext,\n  } = cellProps || {}\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromContext ||\n    classNameFromConfigContext\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' in field && field.name === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          field={{\n            ...(field as CodeFieldClient),\n            _schemaPath: cellContext?.cellProps?.field?._schemaPath,\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\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 && fieldAffectsData(field) && field.name === 'filename') {\n      const FileCellComponent = cellComponents.File\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          customCellContext={customCellContext}\n          rowData={rowData}\n          {...(props as CellComponentProps<UploadFieldClient>)}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(cellData === '' || typeof cellData === 'undefined') &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || '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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","getTranslation","fieldAffectsData","useConfig","useTranslation","formatAdminURL","useTableCell","CodeCell","cellComponents","Link","default","DefaultCell","props","$","className","classNameFromProps","field","onClick","onClickFromProps","i18n","config","t0","routes","t1","admin","adminRoute","cellContext","t2","cellData","cellProps","columnIndex","customCellContext","rowData","t3","classNameFromContext","t4","link","onClickFromContext","classNameFromConfigContext","undefined","isLink","WrapElement","t5","t6","Symbol","for","wrapElementProps","prefetch","href","collectionSlug","path","id","type","t7","name","_jsx","children","_schemaPath","nowrap","DefaultCellComponent","CellComponent","uploadConfig","FileCellComponent","File","_jsxs","t","label","JSON","stringify"],"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 {\n  CellComponentProps,\n  CodeFieldClient,\n  DefaultCellComponentProps,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData } from 'payload/shared'\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 { className: classNameFromProps, field, onClick: onClickFromProps } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const cellContext = useTableCell()\n\n  const { cellData, cellProps, columnIndex, customCellContext, rowData } = cellContext || {}\n\n  const {\n    className: classNameFromContext,\n    field: { admin },\n    link,\n    onClick: onClickFromContext,\n  } = cellProps || {}\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromContext ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps || onClickFromContext\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (isLink) {\n    wrapElementProps.prefetch = false\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' in field && field.name === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          field={{\n            ...(field as CodeFieldClient),\n            _schemaPath: cellContext?.cellProps?.field?._schemaPath,\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\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 && fieldAffectsData(field) && field.name === 'filename') {\n      const FileCellComponent = cellComponents.File\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          customCellContext={customCellContext}\n          rowData={rowData}\n          {...(props as CellComponentProps<UploadFieldClient>)}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(cellData === '' || typeof cellData === 'undefined' || cellData === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof cellData === 'string' && cellData}\n          {typeof cellData === 'number' && cellData}\n          {typeof cellData === 'object' && cellData !== null && JSON.stringify(cellData)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -16,24 +16,24 @@ export const TableCellProvider = props => {
   } = props;
   const contextToInherit = useTableCell();
   let t0;
-  if ($[0] !== cellData || $[1] !== cellProps || $[2] !== columnIndex || $[3] !== customCellContext || $[4] !== rowData || $[5] !== contextToInherit || $[6] !== children) {
+  if ($[0] !== contextToInherit || $[1] !== cellData || $[2] !== cellProps || $[3] !== columnIndex || $[4] !== customCellContext || $[5] !== rowData || $[6] !== children) {
     t0 = _jsx(TableCellContext.Provider, {
       value: {
+        ...contextToInherit,
         cellData,
         cellProps,
         columnIndex,
         customCellContext,
-        rowData,
-        ...contextToInherit
+        rowData
       },
       children
     });
-    $[0] = cellData;
-    $[1] = cellProps;
-    $[2] = columnIndex;
-    $[3] = customCellContext;
-    $[4] = rowData;
-    $[5] = contextToInherit;
+    $[0] = contextToInherit;
+    $[1] = cellData;
+    $[2] = cellProps;
+    $[3] = columnIndex;
+    $[4] = customCellContext;
+    $[5] = rowData;
     $[6] = children;
     $[7] = t0;
   } else {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","TableCellContext","createContext","TableCellProvider","props","$","cellData","cellProps","children","columnIndex","customCellContext","rowData","contextToInherit","useTableCell","t0","_jsx","Provider","value","cell","useContext"],"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  readonly cellData?: DefaultCellComponentProps['cellData']\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly children: React.ReactNode\n  readonly columnIndex?: number\n  readonly customCellContext?: DefaultCellComponentProps['customCellContext']\n  readonly 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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAUlB,MAAMC,gBAAA,gBAAmBD,KAAA,CAAME,aAAa,CAAoB,CAAC;AAEjE,OAAO,MAAMC,iBAAA,GAORC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO,QAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAmFP,KAAA;EAEnF,MAAAQ,gBAAA,GAAyBC,YAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAK,iBAAA,IAAAL,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAO,gBAAA,IAAAP,CAAA,QAAAG,QAAA;IAGvBM,EAAA,GAAAC,IAAA,CAAAd,gBAAA,CAAAe,QAAA;MAAAC,KAAA;QAAAX,QAAA;QAAAC,SAAA;QAAAE,WAAA;QAAAC,iBAAA;QAAAC,OAAA;QAAA,GAOOC;MAAgB;MAAAJ;IAAA,C;;;;;;;;;;;;SAPvBM,E;CAaJ;AAEA,OAAO,MAAMD,YAAA,GAAeA,CAAA;EAC1B,MAAAK,IAAA,GAAalB,KAAA,CAAAmB,UAAA,CAAAlB,gBAAiB;EAAA,OACvBiB,IAAA;AAAA,CACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","TableCellContext","createContext","TableCellProvider","props","$","cellData","cellProps","children","columnIndex","customCellContext","rowData","contextToInherit","useTableCell","t0","_jsx","Provider","value","cell","useContext"],"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  readonly cellData?: DefaultCellComponentProps['cellData']\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly children: React.ReactNode\n  readonly columnIndex?: number\n  readonly customCellContext?: DefaultCellComponentProps['customCellContext']\n  readonly 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        ...contextToInherit,\n        cellData,\n        cellProps,\n        columnIndex,\n        customCellContext,\n        rowData,\n      }}\n    >\n      {children}\n    </TableCellContext.Provider>\n  )\n}\n\nexport const useTableCell = () => {\n  const cell = React.useContext(TableCellContext)\n  return cell\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAUlB,MAAMC,gBAAA,gBAAmBD,KAAA,CAAME,aAAa,CAAoB,CAAC;AAEjE,OAAO,MAAMC,iBAAA,GAORC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO,QAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAmFP,KAAA;EAEnF,MAAAQ,gBAAA,GAAyBC,YAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAO,gBAAA,IAAAP,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,WAAA,IAAAJ,CAAA,QAAAK,iBAAA,IAAAL,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAG,QAAA;IAGvBM,EAAA,GAAAC,IAAA,CAAAd,gBAAA,CAAAe,QAAA;MAAAC,KAAA;QAAA,GAEOL,gBAAgB;QAAAN,QAAA;QAAAC,SAAA;QAAAE,WAAA;QAAAC,iBAAA;QAAAC;MAAA;MAAAH;IAAA,C;;;;;;;;;;;;SAFvBM,E;CAaJ;AAEA,OAAO,MAAMD,YAAA,GAAeA,CAAA;EAC1B,MAAAK,IAAA,GAAalB,KAAA,CAAAmB,UAAA,CAAAlB,gBAAiB;EAAA,OACvBiB,IAAA;AAAA,CACT","ignoreList":[]}