@payloadcms/ui 3.0.0-canary.9de3ffd → 3.0.0-canary.a14e066

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

@@ -1,10 +1,11 @@
 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/index.js").DefaultCellComponentProps<boolean, import("packages/payload/src/index.js").CheckboxFieldClient>>;
     code: import("react").FC<import("./Code/index.js").CodeCellProps>;
     date: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<string | number | Date, import("packages/payload/src/index.js").DateFieldClient>>;
+    File: import("react").FC<import("./File/index.js").FileCellProps>;
+    join: import("react").FC<import("./Relationship/index.js").RelationshipCellProps>;
     json: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<string, import("packages/payload/src/index.js").JSONFieldClient>>;
     radio: import("react").FC<import("./Select/index.js").SelectCellProps>;
     relationship: import("react").FC<import("./Relationship/index.js").RelationshipCellProps>;

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;;;;;;;;;;;;;;CAc1B,CAAA"}

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

@@ -11,12 +11,13 @@ import { RelationshipCell } from './Relationship/index.js';
 import { SelectCell } from './Select/index.js';
 import { TextareaCell } from './Textarea/index.js';
 export const cellComponents = {
-  File: FileCell,
   array: ArrayCell,
   blocks: BlocksCell,
   checkbox: CheckboxCell,
   code: CodeCell,
   date: DateCell,
+  File: FileCell,
+  join: RelationshipCell,
   json: JSONCell,
   radio: SelectCell,
   relationship: RelationshipCell,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ArrayCell","BlocksCell","CheckboxCell","CodeCell","DateCell","FileCell","JSONCell","RelationshipCell","SelectCell","TextareaCell","cellComponents","File","array","blocks","checkbox","code","date","json","radio","relationship","select","textarea","upload"],"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"],"mappings":"AAAA;;AACA,SAASA,SAAS,QAAQ;AAC1B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,cAAA,GAAiB;EAC5BC,IAAA,EAAMN,QAAA;EACNO,KAAA,EAAOZ,SAAA;EACPa,MAAA,EAAQZ,UAAA;EACRa,QAAA,EAAUZ,YAAA;EACVa,IAAA,EAAMZ,QAAA;EACNa,IAAA,EAAMZ,QAAA;EACNa,IAAA,EAAMX,QAAA;EACNY,KAAA,EAAOV,UAAA;EACPW,YAAA,EAAcZ,gBAAA;EACda,MAAA,EAAQZ,UAAA;EACRa,QAAA,EAAUZ,YAAA;EACVa,MAAA,EAAQf;AACV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ArrayCell","BlocksCell","CheckboxCell","CodeCell","DateCell","FileCell","JSONCell","RelationshipCell","SelectCell","TextareaCell","cellComponents","array","blocks","checkbox","code","date","File","join","json","radio","relationship","select","textarea","upload"],"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  array: ArrayCell,\n  blocks: BlocksCell,\n  checkbox: CheckboxCell,\n  code: CodeCell,\n  date: DateCell,\n  File: FileCell,\n  join: RelationshipCell,\n  json: JSONCell,\n  radio: SelectCell,\n  relationship: RelationshipCell,\n  select: SelectCell,\n  textarea: TextareaCell,\n  upload: RelationshipCell,\n}\n"],"mappings":"AAAA;;AACA,SAASA,SAAS,QAAQ;AAC1B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,cAAA,GAAiB;EAC5BC,KAAA,EAAOX,SAAA;EACPY,MAAA,EAAQX,UAAA;EACRY,QAAA,EAAUX,YAAA;EACVY,IAAA,EAAMX,QAAA;EACNY,IAAA,EAAMX,QAAA;EACNY,IAAA,EAAMX,QAAA;EACNY,IAAA,EAAMV,gBAAA;EACNW,IAAA,EAAMZ,QAAA;EACNa,KAAA,EAAOX,UAAA;EACPY,YAAA,EAAcb,gBAAA;EACdc,MAAA,EAAQb,UAAA;EACRc,QAAA,EAAUb,YAAA;EACVc,MAAA,EAAQhB;AACV","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import type { TypeWithID } from 'payload';
 import React from 'react';
 export type Documents = {
     [slug: string]: {
-        [id: number | string]: TypeWithID | false | null;
+        [id: number | string]: false | null | TypeWithID;
     };
 };
 type ListRelationshipContext = {

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,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAsFlF,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;AAEzC,OAAO,KAAgF,MAAM,OAAO,CAAA;AAWpG,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,UAAU,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,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAsFlF,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAA8C,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","routes","t3","serverURL","api","i18n","code","locale","prevLocale","t4","language","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","params","URLSearchParams","append","idsToString","map","id_0","String","join","query","toString","result","fetch","credentials","headers","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","Provider","useListRelationships"],"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<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","routes","t3","serverURL","api","i18n","code","locale","prevLocale","t4","language","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","params","URLSearchParams","append","idsToString","map","id_0","String","join","query","toString","result","fetch","credentials","headers","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","Provider","useListRelationships"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithID } from 'payload'\n\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]: false | null | TypeWithID\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<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\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"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import type { CellComponentProps } from 'payload';
+import React from 'react';
+import type { Column } from './index.js';
+export declare const RenderCell: React.FC<{
+    readonly cellProps?: Partial<CellComponentProps>;
+    readonly col: Column;
+    readonly colIndex: number;
+    readonly customCellContext?: Record<string, unknown>;
+    readonly row: Record<string, unknown>;
+}>;
+//# sourceMappingURL=RenderCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderCell.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/RenderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAMxC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACtC,CAwBA,CAAA"}

package/dist/elements/Table/RenderCell.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import { deepMergeSimple } from '../../utilities/deepMerge.js';
+import { TableCellProvider } from './TableCellProvider/index.js';
+export const RenderCell = props => {
+  const {
+    cellProps: cellPropsFromProps,
+    col,
+    colIndex,
+    customCellContext,
+    row
+  } = props;
+  const cellProps = useMemo(() => deepMergeSimple(col?.cellProps || {}, cellPropsFromProps || {}), [cellPropsFromProps, col.cellProps]);
+  return /*#__PURE__*/_jsx("td", {
+    className: `cell-${col.accessor}`,
+    children: /*#__PURE__*/_jsx(TableCellProvider, {
+      cellData: row[col.accessor],
+      cellProps: cellProps,
+      columnIndex: colIndex,
+      customCellContext: customCellContext,
+      rowData: row,
+      children: /*#__PURE__*/_jsx(RenderComponent, {
+        clientProps: cellProps,
+        mappedComponent: cellProps?.field?.admin?.components?.Cell
+      })
+    })
+  }, colIndex);
+};
+//# sourceMappingURL=RenderCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderCell.js","names":["React","useMemo","RenderComponent","deepMergeSimple","TableCellProvider","RenderCell","props","cellProps","cellPropsFromProps","col","colIndex","customCellContext","row","_jsx","className","accessor","cellData","columnIndex","rowData","clientProps","mappedComponent","field","admin","components","Cell"],"sources":["../../../src/elements/Table/RenderCell.tsx"],"sourcesContent":["import type { CellComponentProps } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport type { Column } from './index.js'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { deepMergeSimple } from '../../utilities/deepMerge.js'\nimport { TableCellProvider } from './TableCellProvider/index.js'\n\nexport const RenderCell: React.FC<{\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly col: Column\n  readonly colIndex: number\n  readonly customCellContext?: Record<string, unknown>\n  readonly row: Record<string, unknown>\n}> = (props) => {\n  const { cellProps: cellPropsFromProps, col, colIndex, customCellContext, row } = props\n\n  const cellProps: Partial<CellComponentProps> = useMemo(\n    () => deepMergeSimple(col?.cellProps || {}, cellPropsFromProps || {}),\n    [cellPropsFromProps, col.cellProps],\n  )\n\n  return (\n    <td className={`cell-${col.accessor}`} key={colIndex}>\n      <TableCellProvider\n        cellData={row[col.accessor]}\n        cellProps={cellProps}\n        columnIndex={colIndex}\n        customCellContext={customCellContext}\n        rowData={row}\n      >\n        <RenderComponent\n          clientProps={cellProps}\n          mappedComponent={cellProps?.field?.admin?.components?.Cell}\n        />\n      </TableCellProvider>\n    </td>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAI/B,SAASC,eAAe,QAAQ;AAChC,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,UAAA,GAMPC,KAAA;EACJ,MAAM;IAAEC,SAAA,EAAWC,kBAAkB;IAAEC,GAAG;IAAEC,QAAQ;IAAEC,iBAAiB;IAAEC;EAAG,CAAE,GAAGN,KAAA;EAEjF,MAAMC,SAAA,GAAyCN,OAAA,CAC7C,MAAME,eAAA,CAAgBM,GAAA,EAAKF,SAAA,IAAa,CAAC,GAAGC,kBAAA,IAAsB,CAAC,IACnE,CAACA,kBAAA,EAAoBC,GAAA,CAAIF,SAAS,CAAC;EAGrC,oBACEM,IAAA,CAAC;IAAGC,SAAA,EAAW,QAAQL,GAAA,CAAIM,QAAQ,EAAE;cACnC,aAAAF,IAAA,CAACT,iBAAA;MACCY,QAAA,EAAUJ,GAAG,CAACH,GAAA,CAAIM,QAAQ,CAAC;MAC3BR,SAAA,EAAWA,SAAA;MACXU,WAAA,EAAaP,QAAA;MACbC,iBAAA,EAAmBA,iBAAA;MACnBO,OAAA,EAASN,GAAA;gBAET,aAAAC,IAAA,CAACX,eAAA;QACCiB,WAAA,EAAaZ,SAAA;QACba,eAAA,EAAiBb,SAAA,EAAWc,KAAA,EAAOC,KAAA,EAAOC,UAAA,EAAYC;;;KAVhBd,QAAA;AAehD","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":[]}

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

@@ -1,20 +1,17 @@
-import type { CellComponentProps, ClientField, MappedComponent } from 'payload';
+import type { CellComponentProps, ClientField } from 'payload';
 import React from 'react';
 export * from './TableCellProvider/index.js';
-import { TableCellProvider } from './TableCellProvider/index.js';
 import './index.scss';
+import { TableCellProvider } from './TableCellProvider/index.js';
 export { TableCellProvider };
 export type Column = {
-    readonly Label: React.ReactNode;
     readonly accessor: string;
     readonly active: boolean;
     readonly cellProps?: Partial<CellComponentProps>;
-    readonly components: {
-        Cell: MappedComponent;
-        Heading: React.ReactNode;
-    };
+    readonly Heading: React.ReactNode;
 };
 export type Props = {
+    readonly appearance?: 'condensed' | 'default';
     readonly columns?: Column[];
     readonly customCellContext?: Record<string, unknown>;
     readonly data: Record<string, unknown>[];

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,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,8BAA8B,CAAA;AAI5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAI5B,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,QAAQ,CAAC,UAAU,EAAE;QACnB,IAAI,EAAE,eAAe,CAAA;QACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KACzB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmDjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,8BAA8B,CAAA;AAG5C,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAEhE,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAI5B,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6DjC,CAAA"}

package/dist/elements/Table/index.js

@@ -4,44 +4,55 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 export * from './TableCellProvider/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useTableColumns } from '../TableColumns/index.js';
-import { TableCellProvider } from './TableCellProvider/index.js';
 import './index.scss';
+import { RenderCell } from './RenderCell.js';
+import { TableCellProvider } from './TableCellProvider/index.js';
 export { TableCellProvider };
 const baseClass = 'table';
 export const Table = t0 => {
-  const $ = _c(6);
+  const $ = _c(10);
   const {
+    appearance,
     columns: columnsFromProps,
     customCellContext,
     data
   } = t0;
   const {
+    cellProps,
     columns: columnsFromContext
   } = useTableColumns();
   const columns = columnsFromProps || columnsFromContext;
   let t1;
   let t2;
-  if ($[0] !== columns || $[1] !== data || $[2] !== customCellContext) {
+  if ($[0] !== columns || $[1] !== appearance || $[2] !== data || $[3] !== cellProps || $[4] !== customCellContext) {
     t2 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const activeColumns = columns?.filter(_temp);
       if (!activeColumns || activeColumns.length === 0) {
         let t3;
-        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
           t3 = _jsx("div", {
             children: "No columns selected"
           });
-          $[5] = t3;
+          $[7] = t3;
         } else {
-          t3 = $[5];
+          t3 = $[7];
         }
         t2 = t3;
         break bb0;
       }
+      const t3 = appearance && `${baseClass}--appearance-${appearance}`;
+      let t4;
+      if ($[8] !== t3) {
+        t4 = [baseClass, t3].filter(Boolean);
+        $[8] = t3;
+        $[9] = t4;
+      } else {
+        t4 = $[9];
+      }
       t1 = _jsx("div", {
-        className: baseClass,
+        className: t4.join(" "),
         children: _jsxs("table", {
           cellPadding: "0",
           cellSpacing: "0",
@@ -52,35 +63,34 @@ export const Table = t0 => {
           }), _jsx("tbody", {
             children: data && data.map((row, rowIndex) => _jsx("tr", {
               className: `row-${rowIndex + 1}`,
-              children: activeColumns.map((col_1, colIndex) => _jsx("td", {
-                className: `cell-${col_1.accessor}`,
-                children: _jsx(TableCellProvider, {
-                  cellData: row[col_1.accessor],
-                  cellProps: col_1?.cellProps,
-                  columnIndex: colIndex,
+              children: activeColumns.map((col_1, colIndex) => {
+                const isLink = colIndex === 0 && col_1.accessor !== "_select" || colIndex === 1 && activeColumns[0]?.accessor === "_select";
+                return _jsx(RenderCell, {
+                  cellProps: {
+                    link: isLink,
+                    ...cellProps?.[colIndex]
+                  },
+                  col: col_1,
+                  colIndex,
                   customCellContext,
-                  rowData: row,
-                  children: _jsx(RenderComponent, {
-                    clientProps: {
-                      ...col_1?.cellProps
-                    },
-                    mappedComponent: col_1.components.Cell
-                  })
-                })
-              }, colIndex))
+                  row
+                }, colIndex);
+              })
             }, rowIndex))
           })]
         })
       });
     }
     $[0] = columns;
-    $[1] = data;
-    $[2] = customCellContext;
-    $[3] = t1;
-    $[4] = t2;
+    $[1] = appearance;
+    $[2] = data;
+    $[3] = cellProps;
+    $[4] = customCellContext;
+    $[5] = t1;
+    $[6] = t2;
   } else {
-    t1 = $[3];
-    t2 = $[4];
+    t1 = $[5];
+    t2 = $[6];
   }
   if (t2 !== Symbol.for("react.early_return_sentinel")) {
     return t2;
@@ -93,7 +103,7 @@ function _temp(col) {
 function _temp2(col_0, i) {
   return _jsx("th", {
     id: `heading-${col_0.accessor}`,
-    children: col_0.components.Heading
+    children: col_0.Heading
   }, i);
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","RenderComponent","useTableColumns","TableCellProvider","baseClass","Table","t0","$","columns","columnsFromProps","customCellContext","data","columnsFromContext","t1","t2","Symbol","for","activeColumns","filter","_temp","length","t3","_jsx","children","className","_jsxs","cellPadding","cellSpacing","map","_temp2","row","rowIndex","col_1","colIndex","col","accessor","cellData","cellProps","columnIndex","rowData","clientProps","mappedComponent","components","Cell","active","col_0","i","id","Heading"],"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, ClientField, MappedComponent } from 'payload'\n\nimport React from 'react'\n\nexport * from './TableCellProvider/index.js'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\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  readonly Label: React.ReactNode\n  readonly accessor: string\n  readonly active: boolean\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly components: {\n    Cell: MappedComponent\n    Heading: React.ReactNode\n  }\n}\n\nexport type Props = {\n  readonly columns?: Column[]\n  readonly customCellContext?: Record<string, unknown>\n  readonly data: Record<string, unknown>[]\n  readonly fields: ClientField[]\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                        <RenderComponent\n                          clientProps={{ ...col?.cellProps }}\n                          mappedComponent={col.components.Cell}\n                        />\n                      </TableCellProvider>\n                    </td>\n                  )\n                })}\n              </tr>\n            ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,cAAc;AAEd,SAASC,eAAe,QAAQ;AAChC,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,SAASA,iBAAiB;AAE1B,MAAMC,SAAA,GAAY;AAoBlB,OAAO,MAAMC,KAAA,GAAyBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,OAAA,EAAAC,gBAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAAL,EAAsD;EAC3F;IAAAE,OAAA,EAAAI;EAAA,IAAwCV,eAAA;EAExC,MAAAM,OAAA,GAAgBC,gBAAA,IAAoBG,kBAAA;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAG,iBAAA;IAK3BI,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MAHT,MAAAC,aAAA,GAAsBT,OAAA,EAAAU,MAAA,CAAAC,KAAA;MAA8B,IAEhD,CAACF,aAAA,IAAiBA,aAAA,CAAAG,MAAA,MAAyB;QAAA,IAAAC,EAAA;QAAA,IAAAd,CAAA,QAAAQ,MAAA,CAAAC,GAAA;UACtCK,EAAA,GAAAC,IAAA,CAAC;YAAAC,QAAA,EAAI;UAAA,C;;;;;QAALT,EAAA,GAAAO,E;;;MAIPR,EAAA,GAAAS,IAAA,CAAC;QAAAE,SAAA,EAAApB,SAAA;QAAAmB,QAAA,EACCE,KAAA,CAAC;UAAAC,WAAA,EAAkB;UAAAC,WAAA,EAAgB;UAAAJ,QAAA,GACjCD,IAAA,CAAC;YAAAC,QAAA,EACCD,IAAA,CAAC;cAAAC,QAAA,EACEN,aAAA,CAAAW,GAAA,CAAAC,MACyC;YAAA,C;cAM9CP,IAAA,CAAC;YAAAC,QAAA,EACEZ,IAAA,IACCA,IAAA,CAAAiB,GAAA,EAAAE,GAAA,EAAAC,QAAA,KACET,IAAA,CAAC;cAAAE,SAAA,EAAc,OAAOO,QAAA,IAAW,EAAG;cAAAR,QAAA,EACjCN,aAAA,CAAAW,GAAA,EAAAI,KAAA,EAAAC,QAAA,KAEGX,IAAA,CAAC;gBAAAE,SAAA,EAAc,QAAQU,KAAA,CAAAC,QAAA,EAAc;gBAAAZ,QAAA,EACnCD,IAAA,CAAAnB,iBAAA;kBAAAiC,QAAA,EACYN,GAAG,CAACI,KAAA,CAAAC,QAAA;kBAAAE,SAAA,EACHH,KAAA,EAAAG,SAAA;kBAAAC,WAAA,EACEL,QAAA;kBAAAvB,iBAAA;kBAAA6B,OAAA,EAEJT,GAAA;kBAAAP,QAAA,EAETD,IAAA,CAAArB,eAAA;oBAAAuC,WAAA;sBAAA,GACoBN,KAAA,EAAAG;oBAAA;oBAAAI,eAAA,EACDP,KAAA,CAAAQ,UAAA,CAAAC;kBAAA,C;;iBAVqBV,QAAA,CAehD;YAAA,GAlByCF,QAAA;UAAA,C;;;;;;;;;;;;;;;;SAdrDlB,E;CAuCJ;AAnDsC,SAAAM,MAAAe,GAAA;EAAA,OAKWA,GAAA,EAAAU,MAAA;AAAA;AALX,SAAAf,OAAAgB,KAAA,EAAAC,CAAA;EAAA,OAiBxBxB,IAAA,CAAC;IAAAyB,EAAA,EAAO,WAAWb,KAAA,CAAAC,QAAA,EAAc;IAAAZ,QAAA,EAC9BW,KAAA,CAAAQ,UAAA,CAAAM;EAAA,GADqCF,CAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTableColumns","RenderCell","TableCellProvider","baseClass","Table","t0","$","appearance","columns","columnsFromProps","customCellContext","data","cellProps","columnsFromContext","t1","t2","Symbol","for","activeColumns","filter","_temp","length","t3","_jsx","children","t4","Boolean","className","join","_jsxs","cellPadding","cellSpacing","map","_temp2","row","rowIndex","col_1","colIndex","isLink","col","accessor","link","active","col_0","i","id","Heading"],"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, ClientField } from 'payload'\n\nimport React from 'react'\n\nexport * from './TableCellProvider/index.js'\n\nimport { useTableColumns } from '../TableColumns/index.js'\nimport './index.scss'\nimport { RenderCell } from './RenderCell.js'\nimport { TableCellProvider } from './TableCellProvider/index.js'\n\nexport { TableCellProvider }\n\nconst baseClass = 'table'\n\nexport type Column = {\n  readonly accessor: string\n  readonly active: boolean\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly Heading: React.ReactNode\n}\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly columns?: Column[]\n  readonly customCellContext?: Record<string, unknown>\n  readonly data: Record<string, unknown>[]\n  readonly fields: ClientField[]\n}\n\nexport const Table: React.FC<Props> = ({\n  appearance,\n  columns: columnsFromProps,\n  customCellContext,\n  data,\n}) => {\n  const { cellProps, 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\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\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.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                  const isLink =\n                    (colIndex === 0 && col.accessor !== '_select') ||\n                    (colIndex === 1 && activeColumns[0]?.accessor === '_select')\n\n                  return (\n                    <RenderCell\n                      cellProps={{\n                        link: isLink,\n                        ...cellProps?.[colIndex],\n                      }}\n                      col={col}\n                      colIndex={colIndex}\n                      customCellContext={customCellContext}\n                      key={colIndex}\n                      row={row}\n                    />\n                  )\n                })}\n              </tr>\n            ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/index.scss

@@ -1,54 +1,106 @@
 @import '../../scss/styles.scss';
 
-.table {
-  margin-bottom: $baseline;
-  overflow: auto;
-  max-width: 100%;
+@layer payload-default {
+  .table {
+    margin-bottom: $baseline;
+    overflow: auto;
+    max-width: 100%;
 
-  thead {
-    color: var(--theme-elevation-400);
+    table {
+      min-width: 100%;
+    }
+
+    thead {
+      color: var(--theme-elevation-400);
 
-    th {
-      font-weight: normal;
-      text-align: left;
-      [dir='rtl'] & {
-        text-align: right;
+      th {
+        font-weight: normal;
+        text-align: left;
+        [dir='rtl'] & {
+          text-align: right;
+        }
       }
     }
-  }
 
-  th,
-  td {
-    padding: base(0.8) base(0.6);
-    min-width: 150px;
+    th,
+    td {
+      vertical-align: top;
+      padding: base(0.8) base(0.6);
+      min-width: 150px;
+
+      &:first-child {
+        padding-inline-start: base(0.8);
+      }
 
-    &:first-child {
-      padding-inline-start: base(0.8);
+      &:last-child {
+        padding-inline-end: 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;
+        }
+      }
+    }
+
+    a:focus-visible {
+      outline: var(--accessibility-outline);
+      outline-offset: var(--accessibility-outline-offset);
     }
-  }
 
-  tbody {
-    tr {
-      &:nth-child(odd) {
+    &--appearance-condensed {
+      thead {
+        th:first-child {
+          border-top-left-radius: $style-radius-s;
+        }
+
+        th:last-child {
+          border-top-right-radius: $style-radius-s;
+        }
+
         background: var(--theme-elevation-50);
-        border-radius: $style-radius-s;
       }
-    }
-  }
 
-  a:focus-visible {
-    outline: var(--accessibility-outline);
-    outline-offset: var(--accessibility-outline-offset);
-  }
+      tbody {
+        tr {
+          &:nth-child(odd) {
+            background: transparent;
+            border-radius: 0;
+          }
+        }
+      }
 
-  @include mid-break {
-    th,
-    td {
-      max-width: 70vw;
+      th,
+      td {
+        padding: base(0.3) base(0.3);
+
+        &:first-child {
+          padding-inline-start: base(0.6);
+        }
+
+        &:last-child {
+          padding-inline-end: base(0.6);
+        }
+      }
+
+      th {
+        padding: base(0.3);
+      }
+
+      tr td,
+      th {
+        border: 0.5px solid var(--theme-elevation-100);
+      }
+    }
+
+    @include mid-break {
+      th,
+      td {
+        max-width: 70vw;
+      }
     }
   }
 }

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

@@ -1,12 +1,15 @@
-import type { CellComponentProps, ClientField, SanitizedCollectionConfig } from 'payload';
+import type { ClientField, SanitizedCollectionConfig } from 'payload';
 import type { ColumnPreferences } from '../../providers/ListInfo/index.js';
+import type { SortColumnProps } from '../SortColumn/index.js';
 import type { Column } from '../Table/index.js';
 type Args = {
-    cellProps: Partial<CellComponentProps>[];
+    beforeRows?: Column[];
     columnPreferences: ColumnPreferences;
     columns?: ColumnPreferences;
     enableRowSelections: boolean;
+    enableRowTypes?: boolean;
     fields: ClientField[];
+    sortColumnProps?: Partial<SortColumnProps>;
     useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle'];
 };
 export declare const buildColumnState: (args: Args) => Column[];

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,KAAK,EACV,kBAAkB,EAClB,WAAW,EACX,yBAAyB,EAE1B,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAS/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,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CAC7D,CAAA;AAED,eAAO,MAAM,gBAAgB,SAAU,IAAI,KAAG,MAAM,EA2InD,CAAA"}
+{"version":3,"file":"buildColumnState.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/buildColumnState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAe,MAAM,SAAS,CAAA;AAIlF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAS/C,KAAK,IAAI,GAAG;IACV,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAC1C,UAAU,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;CAC7D,CAAA;AAED,eAAO,MAAM,gBAAgB,SAAU,IAAI,KAAG,MAAM,EA4JnD,CAAA"}