@payloadcms/ui 3.0.0-alpha.8 → 3.0.0-beta.0

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

@@ -1,33 +1,10 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    TableCellProvider: function() {
-        return TableCellProvider;
-    },
-    useTableCell: function() {
-        return useTableCell;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const TableCellContext = /*#__PURE__*/ _react.default.createContext({});
-const TableCellProvider = (props)=>{
+import React from 'react';
+const TableCellContext = /*#__PURE__*/ React.createContext({});
+export const TableCellProvider = (props)=>{
     const { cellData, cellProps, children, columnIndex, customCellContext, richTextComponentMap, rowData } = props;
     const contextToInherit = useTableCell();
-    return /*#__PURE__*/ _react.default.createElement(TableCellContext.Provider, {
+    return /*#__PURE__*/ React.createElement(TableCellContext.Provider, {
         value: {
             cellData,
             cellProps,
@@ -39,9 +16,9 @@ const TableCellProvider = (props)=>{
         }
     }, children);
 };
-const useTableCell = ()=>{
-    const cell = _react.default.useContext(TableCellContext);
+export const useTableCell = ()=>{
+    const cell = React.useContext(TableCellContext);
     return cell;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9UYWJsZS9UYWJsZUNlbGxQcm92aWRlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgdHlwZSB7IENlbGxDb21wb25lbnRQcm9wcywgQ2VsbFByb3BzIH0gZnJvbSAncGF5bG9hZC90eXBlcydcblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgdHlwZSBJVGFibGVDZWxsQ29udGV4dCA9IHtcbiAgY2VsbERhdGE6IGFueVxuICBjZWxsUHJvcHM/OiBQYXJ0aWFsPENlbGxQcm9wcz5cbiAgY29sdW1uSW5kZXg/OiBudW1iZXJcbiAgY3VzdG9tQ2VsbENvbnRleHQ6IENlbGxDb21wb25lbnRQcm9wc1snY3VzdG9tQ2VsbENvbnRleHQnXVxuICByaWNoVGV4dENvbXBvbmVudE1hcD86IENlbGxDb21wb25lbnRQcm9wc1sncmljaFRleHRDb21wb25lbnRNYXAnXVxuICByb3dEYXRhOiBhbnlcbn1cblxuY29uc3QgVGFibGVDZWxsQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8SVRhYmxlQ2VsbENvbnRleHQ+KHt9IGFzIElUYWJsZUNlbGxDb250ZXh0KVxuXG5leHBvcnQgY29uc3QgVGFibGVDZWxsUHJvdmlkZXI6IFJlYWN0LkZDPHtcbiAgY2VsbERhdGE/OiBhbnlcbiAgY2VsbFByb3BzPzogUGFydGlhbDxDZWxsUHJvcHM+XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY29sdW1uSW5kZXg/OiBudW1iZXJcbiAgY3VzdG9tQ2VsbENvbnRleHQ/OiBDZWxsQ29tcG9uZW50UHJvcHNbJ2N1c3RvbUNlbGxDb250ZXh0J11cbiAgcmljaFRleHRDb21wb25lbnRNYXA/OiBDZWxsQ29tcG9uZW50UHJvcHNbJ3JpY2hUZXh0Q29tcG9uZW50TWFwJ11cbiAgcm93RGF0YT86IGFueVxufT4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGNlbGxEYXRhLFxuICAgIGNlbGxQcm9wcyxcbiAgICBjaGlsZHJlbixcbiAgICBjb2x1bW5JbmRleCxcbiAgICBjdXN0b21DZWxsQ29udGV4dCxcbiAgICByaWNoVGV4dENvbXBvbmVudE1hcCxcbiAgICByb3dEYXRhLFxuICB9ID0gcHJvcHNcblxuICBjb25zdCBjb250ZXh0VG9Jbmhlcml0ID0gdXNlVGFibGVDZWxsKClcblxuICByZXR1cm4gKFxuICAgIDxUYWJsZUNlbGxDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17e1xuICAgICAgICBjZWxsRGF0YSxcbiAgICAgICAgY2VsbFByb3BzLFxuICAgICAgICBjb2x1bW5JbmRleCxcbiAgICAgICAgY3VzdG9tQ2VsbENvbnRleHQsXG4gICAgICAgIHJvd0RhdGEsXG4gICAgICAgIC4uLmNvbnRleHRUb0luaGVyaXQsXG4gICAgICAgIHJpY2hUZXh0Q29tcG9uZW50TWFwLFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWJsZUNlbGxDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZUNlbGwgPSAoKSA9PiB7XG4gIGNvbnN0IGNlbGwgPSBSZWFjdC51c2VDb250ZXh0KFRhYmxlQ2VsbENvbnRleHQpXG4gIHJldHVybiBjZWxsXG59XG4iXSwibmFtZXMiOlsiVGFibGVDZWxsUHJvdmlkZXIiLCJ1c2VUYWJsZUNlbGwiLCJUYWJsZUNlbGxDb250ZXh0IiwiUmVhY3QiLCJjcmVhdGVDb250ZXh0IiwicHJvcHMiLCJjZWxsRGF0YSIsImNlbGxQcm9wcyIsImNoaWxkcmVuIiwiY29sdW1uSW5kZXgiLCJjdXN0b21DZWxsQ29udGV4dCIsInJpY2hUZXh0Q29tcG9uZW50TWFwIiwicm93RGF0YSIsImNvbnRleHRUb0luaGVyaXQiLCJQcm92aWRlciIsInZhbHVlIiwiY2VsbCIsInVzZUNvbnRleHQiXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUFnQmFBLGlCQUFpQjtlQUFqQkE7O0lBc0NBQyxZQUFZO2VBQVpBOzs7OERBbkRLOzs7Ozs7QUFXbEIsTUFBTUMsaUNBQW1CQyxjQUFLLENBQUNDLGFBQWEsQ0FBb0IsQ0FBQztBQUUxRCxNQUFNSixvQkFRUixDQUFDSztJQUNKLE1BQU0sRUFDSkMsUUFBUSxFQUNSQyxTQUFTLEVBQ1RDLFFBQVEsRUFDUkMsV0FBVyxFQUNYQyxpQkFBaUIsRUFDakJDLG9CQUFvQixFQUNwQkMsT0FBTyxFQUNSLEdBQUdQO0lBRUosTUFBTVEsbUJBQW1CWjtJQUV6QixxQkFDRSw2QkFBQ0MsaUJBQWlCWSxRQUFRO1FBQ3hCQyxPQUFPO1lBQ0xUO1lBQ0FDO1lBQ0FFO1lBQ0FDO1lBQ0FFO1lBQ0EsR0FBR0MsZ0JBQWdCO1lBQ25CRjtRQUNGO09BRUNIO0FBR1A7QUFFTyxNQUFNUCxlQUFlO0lBQzFCLE1BQU1lLE9BQU9iLGNBQUssQ0FBQ2MsVUFBVSxDQUFDZjtJQUM5QixPQUFPYztBQUNUIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/elements/Table/TableCellProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, DefaultCellComponentProps } from 'payload/types'\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  richTextComponentMap?: DefaultCellComponentProps['richTextComponentMap']\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  richTextComponentMap?: DefaultCellComponentProps['richTextComponentMap']\n  rowData?: DefaultCellComponentProps['rowData']\n}> = (props) => {\n  const {\n    cellData,\n    cellProps,\n    children,\n    columnIndex,\n    customCellContext,\n    richTextComponentMap,\n    rowData,\n  } = 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        richTextComponentMap,\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","richTextComponentMap","rowData","contextToInherit","useTableCell","Provider","value","cell","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAWzB,MAAMC,iCAAmBD,MAAME,aAAa,CAAoB,CAAC;AAEjE,OAAO,MAAMC,oBAQR,CAACC;IACJ,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,iBAAiB,EACjBC,oBAAoB,EACpBC,OAAO,EACR,GAAGP;IAEJ,MAAMQ,mBAAmBC;IAEzB,qBACE,oBAACZ,iBAAiBa,QAAQ;QACxBC,OAAO;YACLV;YACAC;YACAE;YACAC;YACAE;YACA,GAAGC,gBAAgB;YACnBF;QACF;OAECH;AAGP,EAAC;AAED,OAAO,MAAMM,eAAe;IAC1B,MAAMG,OAAOhB,MAAMiB,UAAU,CAAChB;IAC9B,OAAOe;AACT,EAAC"}

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

@@ -1,6 +1,28 @@
+import type { CellComponentProps, FieldBase } from 'payload/types';
 import React from 'react';
-import type { Props } from './types';
+export * from './TableCellProvider/index.js';
+import type { FieldTypes } from 'payload/config';
+import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
+import { TableCellProvider } from './TableCellProvider/index.js';
 import './index.scss';
+export { TableCellProvider };
+export type Column = {
+    Label: React.ReactNode;
+    accessor: string;
+    active: boolean;
+    cellProps?: Partial<CellComponentProps>;
+    components: {
+        Cell: React.ReactNode;
+        Heading: React.ReactNode;
+    };
+    name: FieldBase['name'];
+    type: keyof FieldTypes;
+};
+export type Props = {
+    columns?: Column[];
+    customCellContext?: Record<string, unknown>;
+    data: Record<string, unknown>[];
+    fieldMap: FieldMap;
+};
 export declare const Table: React.FC<Props>;
-export default Table;
 //# sourceMappingURL=index.d.ts.map

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,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgDjC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAElE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,8BAA8B,CAAA;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,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,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

@@ -1,55 +1,33 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Table: function() {
-        return Table;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _TableColumns = require("../TableColumns");
-const _TableCellProvider = require("./TableCellProvider");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+export * from './TableCellProvider/index.js';
+import { useTableColumns } from '../TableColumns/index.js';
+import { TableCellProvider } from './TableCellProvider/index.js';
+export { TableCellProvider };
 const baseClass = 'table';
-const Table = ({ columns: columnsFromProps, customCellContext, data })=>{
-    const { columns: columnsFromContext } = (0, _TableColumns.useTableColumns)();
+export const Table = ({ columns: columnsFromProps, customCellContext, data })=>{
+    const { columns: columnsFromContext } = useTableColumns();
     const columns = columnsFromProps || columnsFromContext;
     const activeColumns = columns?.filter((col)=>col?.active);
     if (!activeColumns || activeColumns.length === 0) {
-        return /*#__PURE__*/ _react.default.createElement("div", null, "No columns selected");
+        return /*#__PURE__*/ React.createElement("div", null, "No columns selected");
     }
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement("table", {
+    }, /*#__PURE__*/ React.createElement("table", {
         cellPadding: "0",
         cellSpacing: "0"
-    }, /*#__PURE__*/ _react.default.createElement("thead", null, /*#__PURE__*/ _react.default.createElement("tr", null, activeColumns.map((col, i)=>/*#__PURE__*/ _react.default.createElement("th", {
+    }, /*#__PURE__*/ React.createElement("thead", null, /*#__PURE__*/ React.createElement("tr", null, activeColumns.map((col, i)=>/*#__PURE__*/ React.createElement("th", {
             id: `heading-${col.accessor}`,
             key: i
-        }, col.components.Heading)))), /*#__PURE__*/ _react.default.createElement("tbody", null, data && data.map((row, rowIndex)=>/*#__PURE__*/ _react.default.createElement("tr", {
+        }, col.components.Heading)))), /*#__PURE__*/ React.createElement("tbody", null, data && data.map((row, rowIndex)=>/*#__PURE__*/ React.createElement("tr", {
             className: `row-${rowIndex + 1}`,
             key: rowIndex
         }, activeColumns.map((col, colIndex)=>{
-            return /*#__PURE__*/ _react.default.createElement("td", {
+            return /*#__PURE__*/ React.createElement("td", {
                 className: `cell-${col.accessor}`,
                 key: colIndex
-            }, /*#__PURE__*/ _react.default.createElement(_TableCellProvider.TableCellProvider, {
+            }, /*#__PURE__*/ React.createElement(TableCellProvider, {
                 cellData: row[col.accessor],
                 cellProps: col?.cellProps,
                 columnIndex: colIndex,
@@ -58,6 +36,5 @@ const Table = ({ columns: columnsFromProps, customCellContext, data })=>{
             }, col.components.Cell));
         }))))));
 };
-const _default = Table;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UYWJsZS9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VUYWJsZUNvbHVtbnMgfSBmcm9tICcuLi9UYWJsZUNvbHVtbnMnXG5pbXBvcnQgeyBUYWJsZUNlbGxQcm92aWRlciB9IGZyb20gJy4vVGFibGVDZWxsUHJvdmlkZXInXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3RhYmxlJ1xuXG5leHBvcnQgY29uc3QgVGFibGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGNvbHVtbnM6IGNvbHVtbnNGcm9tUHJvcHMsIGN1c3RvbUNlbGxDb250ZXh0LCBkYXRhIH0pID0+IHtcbiAgY29uc3QgeyBjb2x1bW5zOiBjb2x1bW5zRnJvbUNvbnRleHQgfSA9IHVzZVRhYmxlQ29sdW1ucygpXG5cbiAgY29uc3QgY29sdW1ucyA9IGNvbHVtbnNGcm9tUHJvcHMgfHwgY29sdW1uc0Zyb21Db250ZXh0XG5cbiAgY29uc3QgYWN0aXZlQ29sdW1ucyA9IGNvbHVtbnM/LmZpbHRlcigoY29sKSA9PiBjb2w/LmFjdGl2ZSlcblxuICBpZiAoIWFjdGl2ZUNvbHVtbnMgfHwgYWN0aXZlQ29sdW1ucy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gPGRpdj5ObyBjb2x1bW5zIHNlbGVjdGVkPC9kaXY+XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtiYXNlQ2xhc3N9PlxuICAgICAgPHRhYmxlIGNlbGxQYWRkaW5nPVwiMFwiIGNlbGxTcGFjaW5nPVwiMFwiPlxuICAgICAgICA8dGhlYWQ+XG4gICAgICAgICAgPHRyPlxuICAgICAgICAgICAge2FjdGl2ZUNvbHVtbnMubWFwKChjb2wsIGkpID0+IChcbiAgICAgICAgICAgICAgPHRoIGlkPXtgaGVhZGluZy0ke2NvbC5hY2Nlc3Nvcn1gfSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgIHtjb2wuY29tcG9uZW50cy5IZWFkaW5nfVxuICAgICAgICAgICAgICA8L3RoPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC90cj5cbiAgICAgICAgPC90aGVhZD5cbiAgICAgICAgPHRib2R5PlxuICAgICAgICAgIHtkYXRhICYmXG4gICAgICAgICAgICBkYXRhLm1hcCgocm93LCByb3dJbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8dHIgY2xhc3NOYW1lPXtgcm93LSR7cm93SW5kZXggKyAxfWB9IGtleT17cm93SW5kZXh9PlxuICAgICAgICAgICAgICAgIHthY3RpdmVDb2x1bW5zLm1hcCgoY29sLCBjb2xJbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPHRkIGNsYXNzTmFtZT17YGNlbGwtJHtjb2wuYWNjZXNzb3J9YH0ga2V5PXtjb2xJbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgPFRhYmxlQ2VsbFByb3ZpZGVyXG4gICAgICAgICAgICAgICAgICAgICAgICBjZWxsRGF0YT17cm93W2NvbC5hY2Nlc3Nvcl19XG4gICAgICAgICAgICAgICAgICAgICAgICBjZWxsUHJvcHM9e2NvbD8uY2VsbFByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgY29sdW1uSW5kZXg9e2NvbEluZGV4fVxuICAgICAgICAgICAgICAgICAgICAgICAgY3VzdG9tQ2VsbENvbnRleHQ9e2N1c3RvbUNlbGxDb250ZXh0fVxuICAgICAgICAgICAgICAgICAgICAgICAgcm93RGF0YT17cm93fVxuICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjb2wuY29tcG9uZW50cy5DZWxsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvVGFibGVDZWxsUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC90Ym9keT5cbiAgICAgIDwvdGFibGU+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGFibGVcbiJdLCJuYW1lcyI6WyJUYWJsZSIsImJhc2VDbGFzcyIsImNvbHVtbnMiLCJjb2x1bW5zRnJvbVByb3BzIiwiY3VzdG9tQ2VsbENvbnRleHQiLCJkYXRhIiwiY29sdW1uc0Zyb21Db250ZXh0IiwidXNlVGFibGVDb2x1bW5zIiwiYWN0aXZlQ29sdW1ucyIsImZpbHRlciIsImNvbCIsImFjdGl2ZSIsImxlbmd0aCIsImRpdiIsImNsYXNzTmFtZSIsInRhYmxlIiwiY2VsbFBhZGRpbmciLCJjZWxsU3BhY2luZyIsInRoZWFkIiwidHIiLCJtYXAiLCJpIiwidGgiLCJpZCIsImFjY2Vzc29yIiwia2V5IiwiY29tcG9uZW50cyIsIkhlYWRpbmciLCJ0Ym9keSIsInJvdyIsInJvd0luZGV4IiwiY29sSW5kZXgiLCJ0ZCIsIlRhYmxlQ2VsbFByb3ZpZGVyIiwiY2VsbERhdGEiLCJjZWxsUHJvcHMiLCJjb2x1bW5JbmRleCIsInJvd0RhdGEiLCJDZWxsIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7O0lBV2FBLEtBQUs7ZUFBTEE7O0lBa0RiLE9BQW9CO2VBQXBCOzs7OERBNURrQjs4QkFJYzttQ0FDRTtRQUMzQjs7Ozs7O0FBRVAsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELFFBQXlCLENBQUMsRUFBRUUsU0FBU0MsZ0JBQWdCLEVBQUVDLGlCQUFpQixFQUFFQyxJQUFJLEVBQUU7SUFDM0YsTUFBTSxFQUFFSCxTQUFTSSxrQkFBa0IsRUFBRSxHQUFHQyxJQUFBQSw2QkFBZTtJQUV2RCxNQUFNTCxVQUFVQyxvQkFBb0JHO0lBRXBDLE1BQU1FLGdCQUFnQk4sU0FBU08sT0FBTyxDQUFDQyxNQUFRQSxLQUFLQztJQUVwRCxJQUFJLENBQUNILGlCQUFpQkEsY0FBY0ksTUFBTSxLQUFLLEdBQUc7UUFDaEQscUJBQU8sNkJBQUNDLGFBQUk7SUFDZDtJQUVBLHFCQUNFLDZCQUFDQTtRQUFJQyxXQUFXYjtxQkFDZCw2QkFBQ2M7UUFBTUMsYUFBWTtRQUFJQyxhQUFZO3FCQUNqQyw2QkFBQ0MsNkJBQ0MsNkJBQUNDLFlBQ0VYLGNBQWNZLEdBQUcsQ0FBQyxDQUFDVixLQUFLVyxrQkFDdkIsNkJBQUNDO1lBQUdDLElBQUksQ0FBQyxRQUFRLEVBQUViLElBQUljLFFBQVEsQ0FBQyxDQUFDO1lBQUVDLEtBQUtKO1dBQ3JDWCxJQUFJZ0IsVUFBVSxDQUFDQyxPQUFPLG9CQUsvQiw2QkFBQ0MsZUFDRXZCLFFBQ0NBLEtBQUtlLEdBQUcsQ0FBQyxDQUFDUyxLQUFLQyx5QkFDYiw2QkFBQ1g7WUFBR0wsV0FBVyxDQUFDLElBQUksRUFBRWdCLFdBQVcsRUFBRSxDQUFDO1lBQUVMLEtBQUtLO1dBQ3hDdEIsY0FBY1ksR0FBRyxDQUFDLENBQUNWLEtBQUtxQjtZQUN2QixxQkFDRSw2QkFBQ0M7Z0JBQUdsQixXQUFXLENBQUMsS0FBSyxFQUFFSixJQUFJYyxRQUFRLENBQUMsQ0FBQztnQkFBRUMsS0FBS007NkJBQzFDLDZCQUFDRSxvQ0FBaUI7Z0JBQ2hCQyxVQUFVTCxHQUFHLENBQUNuQixJQUFJYyxRQUFRLENBQUM7Z0JBQzNCVyxXQUFXekIsS0FBS3lCO2dCQUNoQkMsYUFBYUw7Z0JBQ2IzQixtQkFBbUJBO2dCQUNuQmlDLFNBQVNSO2VBRVJuQixJQUFJZ0IsVUFBVSxDQUFDWSxJQUFJO1FBSTVCO0FBT2hCO01BRUEsV0FBZXRDIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, FieldBase } from 'payload/types'\n\nimport React from 'react'\n\nexport * from './TableCellProvider/index.js'\n\nimport type { FieldTypes } from 'payload/config'\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  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","key","components","Heading","tbody","row","rowIndex","colIndex","td","cellData","cellProps","columnIndex","rowData","Cell"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAEzB,cAAc,+BAA8B;AAM5C,SAASC,eAAe,QAAQ,2BAA0B;AAC1D,SAASC,iBAAiB,QAAQ,+BAA8B;AAGhE,SAASA,iBAAiB,GAAE;AAE5B,MAAMC,YAAY;AAsBlB,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,oBAACC,aAAI;IACd;IAEA,qBACE,oBAACA;QAAIC,WAAWb;qBACd,oBAACc;QAAMC,aAAY;QAAIC,aAAY;qBACjC,oBAACC,6BACC,oBAACC,YACEX,cAAcY,GAAG,CAAC,CAACV,KAAKW,kBACvB,oBAACC;YAAGC,IAAI,CAAC,QAAQ,EAAEb,IAAIc,QAAQ,CAAC,CAAC;YAAEC,KAAKJ;WACrCX,IAAIgB,UAAU,CAACC,OAAO,oBAK/B,oBAACC,eACEtB,QACCA,KAAKc,GAAG,CAAC,CAACS,KAAKC,yBACb,oBAACX;YAAGL,WAAW,CAAC,IAAI,EAAEgB,WAAW,EAAE,CAAC;YAAEL,KAAKK;WACxCtB,cAAcY,GAAG,CAAC,CAACV,KAAKqB;YACvB,qBACE,oBAACC;gBAAGlB,WAAW,CAAC,KAAK,EAAEJ,IAAIc,QAAQ,CAAC,CAAC;gBAAEC,KAAKM;6BAC1C,oBAAC/B;gBACCiC,UAAUJ,GAAG,CAACnB,IAAIc,QAAQ,CAAC;gBAC3BU,WAAWxB,KAAKwB;gBAChBC,aAAaJ;gBACb1B,mBAAmBA;gBACnB+B,SAASP;eAERnB,IAAIgB,UAAU,CAACW,IAAI;QAI5B;AAOhB,EAAC"}

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

@@ -0,0 +1,15 @@
+import { type CellComponentProps, type SanitizedCollectionConfig } from 'payload/types';
+import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
+import type { ColumnPreferences } from '../../providers/ListInfo/index.js';
+import type { Column } from '../Table/index.js';
+type Args = {
+    cellProps: Partial<CellComponentProps>[];
+    columnPreferences: ColumnPreferences;
+    columns?: ColumnPreferences;
+    enableRowSelections: boolean;
+    fieldMap: FieldMap;
+    useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle'];
+};
+export declare const buildColumnState: (args: Args) => Column[];
+export {};
+//# sourceMappingURL=buildColumnState.d.ts.map

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

@@ -0,0 +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,eAAe,CAAA;AAGvF,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;AAU/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,EAiJnD,CAAA"}

package/dist/elements/TableColumns/buildColumnState.js

@@ -0,0 +1,103 @@
+import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
+import React from 'react';
+import { flattenFieldMap } from '../../utilities/flattenFieldMap.js';
+import { SelectAll } from '../SelectAll/index.js';
+import { SelectRow } from '../SelectRow/index.js';
+import { SortColumn } from '../SortColumn/index.js';
+import { DefaultCell } from '../Table/DefaultCell/index.js';
+const fieldIsPresentationalOnly = (field)=>field.type === 'ui';
+export const buildColumnState = (args)=>{
+    const { cellProps, columnPreferences, columns, enableRowSelections, fieldMap, useAsTitle } = args;
+    let sortedFieldMap = flattenFieldMap(fieldMap);
+    // place the `ID` field first, if it exists
+    // do the same for the `useAsTitle` field with precedence over the `ID` field
+    // then sort the rest of the fields based on the `defaultColumns` or `columnPreferences`
+    const idFieldIndex = sortedFieldMap.findIndex((field)=>field.name === 'id');
+    if (idFieldIndex > -1) {
+        const idField = sortedFieldMap.splice(idFieldIndex, 1)[0];
+        sortedFieldMap.unshift(idField);
+    }
+    const useAsTitleFieldIndex = useAsTitle ? sortedFieldMap.findIndex((field)=>field.name === useAsTitle) : -1;
+    if (useAsTitleFieldIndex > -1) {
+        const useAsTitleField = sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0];
+        sortedFieldMap.unshift(useAsTitleField);
+    }
+    const sortTo = columnPreferences || columns;
+    if (sortTo) {
+        // sort the fields to the order of `defaultColumns` or `columnPreferences`
+        sortedFieldMap = sortedFieldMap.sort((a, b)=>{
+            const aIndex = sortTo.findIndex((column)=>'name' in a && column.accessor === a.name);
+            const bIndex = sortTo.findIndex((column)=>'name' in b && column.accessor === b.name);
+            if (aIndex === -1 && bIndex === -1) return 0;
+            if (aIndex === -1) return 1;
+            if (bIndex === -1) return -1;
+            return aIndex - bIndex;
+        });
+    }
+    const activeColumnsIndices = [];
+    const sorted = sortedFieldMap.reduce((acc, field, index)=>{
+        const columnPreference = columnPreferences?.find((preference)=>'name' in field && preference.accessor === field.name);
+        let active = false;
+        if (columnPreference) {
+            active = columnPreference.active;
+        } else if (columns && Array.isArray(columns) && columns.length > 0) {
+            active = columns.find((column)=>column.accessor === field.name)?.active;
+        } else if (activeColumnsIndices.length < 4) {
+            active = true;
+        }
+        if (active && !activeColumnsIndices.includes(index)) {
+            activeColumnsIndices.push(index);
+        }
+        const isFirstActiveColumn = activeColumnsIndices[0] === index;
+        const name = 'name' in field ? field.name : undefined;
+        const Cell = field.CustomCell !== undefined ? field.CustomCell : /*#__PURE__*/ React.createElement(DefaultCell, field.cellComponentProps);
+        const CustomLabelToRender = field && 'fieldComponentProps' in field && 'CustomLabel' in field.fieldComponentProps && field.fieldComponentProps.CustomLabel !== undefined ? field.fieldComponentProps.CustomLabel : undefined;
+        const Label = /*#__PURE__*/ React.createElement(FieldLabel, {
+            CustomLabel: CustomLabelToRender,
+            ...field.fieldComponentProps?.labelProps,
+            unstyled: true
+        });
+        const Heading = /*#__PURE__*/ React.createElement(SortColumn, {
+            Label: Label,
+            disable: 'disableSort' in field && Boolean(field.disableSort) || 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
+        });
+        if (field) {
+            const column = {
+                name,
+                type: field.type,
+                Label,
+                accessor: name,
+                active,
+                cellProps: {
+                    ...cellProps?.[index],
+                    link: isFirstActiveColumn,
+                    relationTo: field.type === 'relationship' && 'relationTo' in field.fieldComponentProps ? field.fieldComponentProps.relationTo : undefined
+                },
+                components: {
+                    Cell,
+                    Heading
+                }
+            };
+            acc.push(column);
+        }
+        return acc;
+    }, []);
+    if (enableRowSelections) {
+        sorted.unshift({
+            name: '',
+            accessor: '_select',
+            active: true,
+            components: {
+                Cell: /*#__PURE__*/ React.createElement(SelectRow, null),
+                Heading: /*#__PURE__*/ React.createElement(SelectAll, null)
+            },
+            label: null
+        });
+    }
+    return sorted;
+};
+
+//# sourceMappingURL=buildColumnState.js.map

package/dist/elements/TableColumns/buildColumnState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/TableColumns/buildColumnState.tsx"],"sourcesContent":["import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel'\nimport { type CellComponentProps, type SanitizedCollectionConfig } from 'payload/types'\nimport React from 'react'\n\nimport type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\nimport type { Column } from '../Table/index.js'\n\nimport { flattenFieldMap } from '../../utilities/flattenFieldMap.js'\nimport { SelectAll } from '../SelectAll/index.js'\nimport { SelectRow } from '../SelectRow/index.js'\nimport { SortColumn } from '../SortColumn/index.js'\nimport { DefaultCell } from '../Table/DefaultCell/index.js'\n\nconst fieldIsPresentationalOnly = (field: MappedField): boolean => field.type === 'ui'\n\ntype Args = {\n  cellProps: Partial<CellComponentProps>[]\n  columnPreferences: ColumnPreferences\n  columns?: ColumnPreferences\n  enableRowSelections: boolean\n  fieldMap: FieldMap\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\nexport const buildColumnState = (args: Args): Column[] => {\n  const { cellProps, columnPreferences, columns, enableRowSelections, fieldMap, useAsTitle } = args\n\n  let sortedFieldMap = flattenFieldMap(fieldMap)\n\n  // place the `ID` field first, if it exists\n  // do the same for the `useAsTitle` field with precedence over the `ID` field\n  // then sort the rest of the fields based on the `defaultColumns` or `columnPreferences`\n  const idFieldIndex = sortedFieldMap.findIndex((field) => field.name === 'id')\n\n  if (idFieldIndex > -1) {\n    const idField = sortedFieldMap.splice(idFieldIndex, 1)[0]\n    sortedFieldMap.unshift(idField)\n  }\n\n  const useAsTitleFieldIndex = useAsTitle\n    ? sortedFieldMap.findIndex((field) => field.name === useAsTitle)\n    : -1\n\n  if (useAsTitleFieldIndex > -1) {\n    const useAsTitleField = sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0]\n    sortedFieldMap.unshift(useAsTitleField)\n  }\n\n  const sortTo = columnPreferences || columns\n\n  if (sortTo) {\n    // sort the fields to the order of `defaultColumns` or `columnPreferences`\n    sortedFieldMap = sortedFieldMap.sort((a, b) => {\n      const aIndex = sortTo.findIndex((column) => 'name' in a && column.accessor === a.name)\n      const bIndex = sortTo.findIndex((column) => 'name' in b && column.accessor === b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n  }\n\n  const activeColumnsIndices = []\n\n  const sorted = sortedFieldMap.reduce((acc, field, index) => {\n    const columnPreference = columnPreferences?.find(\n      (preference) => 'name' in field && preference.accessor === field.name,\n    )\n\n    let active = false\n\n    if (columnPreference) {\n      active = columnPreference.active\n    } else if (columns && Array.isArray(columns) && columns.length > 0) {\n      active = columns.find((column) => column.accessor === field.name)?.active\n    } else if (activeColumnsIndices.length < 4) {\n      active = true\n    }\n\n    if (active && !activeColumnsIndices.includes(index)) {\n      activeColumnsIndices.push(index)\n    }\n\n    const isFirstActiveColumn = activeColumnsIndices[0] === index\n\n    const name = 'name' in field ? field.name : undefined\n\n    const Cell =\n      field.CustomCell !== undefined ? (\n        field.CustomCell\n      ) : (\n        <DefaultCell {...field.cellComponentProps} />\n      )\n\n    const CustomLabelToRender =\n      field &&\n      'fieldComponentProps' in field &&\n      'CustomLabel' in field.fieldComponentProps &&\n      field.fieldComponentProps.CustomLabel !== undefined\n        ? field.fieldComponentProps.CustomLabel\n        : undefined\n\n    const Label = (\n      <FieldLabel\n        CustomLabel={CustomLabelToRender}\n        {...field.fieldComponentProps?.labelProps}\n        unstyled\n      />\n    )\n\n    const Heading = (\n      <SortColumn\n        Label={Label}\n        disable={\n          ('disableSort' in field && Boolean(field.disableSort)) ||\n          fieldIsPresentationalOnly(field) ||\n          undefined\n        }\n        // eslint-disable-next-line react/jsx-no-duplicate-props\n        label={\n          'fieldComponentProps' in field && 'label' in field.fieldComponentProps\n            ? field.fieldComponentProps.label\n            : undefined\n        }\n        name={'name' in field ? field.name : undefined}\n      />\n    )\n\n    if (field) {\n      const column: Column = {\n        name,\n        type: field.type,\n        Label,\n        accessor: name,\n        active,\n        cellProps: {\n          ...cellProps?.[index],\n          link: isFirstActiveColumn,\n          relationTo:\n            field.type === 'relationship' && 'relationTo' in field.fieldComponentProps\n              ? field.fieldComponentProps.relationTo\n              : undefined,\n        },\n        components: {\n          Cell,\n          Heading,\n        },\n      }\n\n      acc.push(column)\n    }\n\n    return acc\n  }, [])\n\n  if (enableRowSelections) {\n    sorted.unshift({\n      name: '',\n      accessor: '_select',\n      active: true,\n      components: {\n        Cell: <SelectRow />,\n        Heading: <SelectAll />,\n      },\n      label: null,\n    })\n  }\n\n  return sorted\n}\n"],"names":["FieldLabel","React","flattenFieldMap","SelectAll","SelectRow","SortColumn","DefaultCell","fieldIsPresentationalOnly","field","type","buildColumnState","args","cellProps","columnPreferences","columns","enableRowSelections","fieldMap","useAsTitle","sortedFieldMap","idFieldIndex","findIndex","name","idField","splice","unshift","useAsTitleFieldIndex","useAsTitleField","sortTo","sort","a","b","aIndex","column","accessor","bIndex","activeColumnsIndices","sorted","reduce","acc","index","columnPreference","find","preference","active","Array","isArray","length","includes","push","isFirstActiveColumn","undefined","Cell","CustomCell","cellComponentProps","CustomLabelToRender","fieldComponentProps","CustomLabel","Label","labelProps","unstyled","Heading","disable","Boolean","disableSort","label","link","relationTo","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { Column } from '../Table/types';
+import type { Column } from '../Table/index.js';
 type TOGGLE = {
     payload: {
         column: string;

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

@@ -1 +1 @@
-{"version":3,"file":"columnReducer.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/columnReducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAE5C,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,GAAG,GAAG;IACT,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,EAAE,CAAA;KAClB,CAAA;IACD,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,KAAK,IAAI,GAAG;IACV,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,CAAA;AAExC,eAAO,MAAM,aAAa,UAAW,MAAM,EAAE,UAAU,MAAM,KAAG,MAAM,EAgCrE,CAAA"}
+{"version":3,"file":"columnReducer.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/columnReducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE/C,KAAK,MAAM,GAAG;IACZ,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,GAAG,GAAG;IACT,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,EAAE,CAAA;KAClB,CAAA;IACD,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,KAAK,IAAI,GAAG;IACV,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,CAAA;AAExC,eAAO,MAAM,aAAa,UAAW,MAAM,EAAE,UAAU,MAAM,KAAG,MAAM,EAyDrE,CAAA"}

package/dist/elements/TableColumns/columnReducer.js

@@ -1,14 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "columnReducer", {
-    enumerable: true,
-    get: function() {
-        return columnReducer;
-    }
-});
-const columnReducer = (state, action)=>{
+export const columnReducer = (state, action)=>{
+    let newState = [
+        ...state
+    ];
     switch(action.type){
         case 'toggle':
             {
@@ -22,7 +15,8 @@ const columnReducer = (state, action)=>{
                     }
                     return col;
                 });
-                return withToggledColumn;
+                newState = withToggledColumn;
+                break;
             }
         case 'move':
             {
@@ -32,16 +26,34 @@ const columnReducer = (state, action)=>{
                 ];
                 const [columnToMove] = withMovedColumn.splice(fromIndex, 1);
                 withMovedColumn.splice(toIndex, 0, columnToMove);
-                return withMovedColumn;
+                newState = withMovedColumn;
+                break;
             }
         case 'set':
             {
                 const { columns } = action.payload;
-                return columns;
+                newState = columns;
+                break;
             }
         default:
-            return state;
+            break;
     }
+    const firstActiveColumnIndex = newState.findIndex((column, index)=>{
+        if (column.active && column.accessor !== '_select') {
+            return index;
+        }
+    });
+    const withFirstLink = newState.map((column, index)=>{
+        const isFirstActiveColumn = column.active && firstActiveColumnIndex === index;
+        return {
+            ...column,
+            cellProps: {
+                ...column.cellProps,
+                link: isFirstActiveColumn
+            }
+        };
+    }, []);
+    return withFirstLink;
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9UYWJsZUNvbHVtbnMvY29sdW1uUmVkdWNlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbHVtbiB9IGZyb20gJy4uL1RhYmxlL3R5cGVzJ1xuXG50eXBlIFRPR0dMRSA9IHtcbiAgcGF5bG9hZDoge1xuICAgIGNvbHVtbjogc3RyaW5nXG4gIH1cbiAgdHlwZTogJ3RvZ2dsZSdcbn1cblxudHlwZSBTRVQgPSB7XG4gIHBheWxvYWQ6IHtcbiAgICBjb2x1bW5zOiBDb2x1bW5bXVxuICB9XG4gIHR5cGU6ICdzZXQnXG59XG5cbnR5cGUgTU9WRSA9IHtcbiAgcGF5bG9hZDoge1xuICAgIGZyb21JbmRleDogbnVtYmVyXG4gICAgdG9JbmRleDogbnVtYmVyXG4gIH1cbiAgdHlwZTogJ21vdmUnXG59XG5cbmV4cG9ydCB0eXBlIEFjdGlvbiA9IE1PVkUgfCBTRVQgfCBUT0dHTEVcblxuZXhwb3J0IGNvbnN0IGNvbHVtblJlZHVjZXIgPSAoc3RhdGU6IENvbHVtbltdLCBhY3Rpb246IEFjdGlvbik6IENvbHVtbltdID0+IHtcbiAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuICAgIGNhc2UgJ3RvZ2dsZSc6IHtcbiAgICAgIGNvbnN0IHsgY29sdW1uIH0gPSBhY3Rpb24ucGF5bG9hZFxuXG4gICAgICBjb25zdCB3aXRoVG9nZ2xlZENvbHVtbiA9IHN0YXRlLm1hcCgoY29sKSA9PiB7XG4gICAgICAgIGlmIChjb2w/Lm5hbWUgPT09IGNvbHVtbikge1xuICAgICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICAuLi5jb2wsXG4gICAgICAgICAgICBhY3RpdmU6ICFjb2wuYWN0aXZlLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBjb2xcbiAgICAgIH0pXG5cbiAgICAgIHJldHVybiB3aXRoVG9nZ2xlZENvbHVtblxuICAgIH1cbiAgICBjYXNlICdtb3ZlJzoge1xuICAgICAgY29uc3QgeyBmcm9tSW5kZXgsIHRvSW5kZXggfSA9IGFjdGlvbi5wYXlsb2FkXG4gICAgICBjb25zdCB3aXRoTW92ZWRDb2x1bW4gPSBbLi4uc3RhdGVdXG4gICAgICBjb25zdCBbY29sdW1uVG9Nb3ZlXSA9IHdpdGhNb3ZlZENvbHVtbi5zcGxpY2UoZnJvbUluZGV4LCAxKVxuICAgICAgd2l0aE1vdmVkQ29sdW1uLnNwbGljZSh0b0luZGV4LCAwLCBjb2x1bW5Ub01vdmUpXG4gICAgICByZXR1cm4gd2l0aE1vdmVkQ29sdW1uXG4gICAgfVxuICAgIGNhc2UgJ3NldCc6IHtcbiAgICAgIGNvbnN0IHsgY29sdW1ucyB9ID0gYWN0aW9uLnBheWxvYWRcbiAgICAgIHJldHVybiBjb2x1bW5zXG4gICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gc3RhdGVcbiAgfVxufVxuIl0sIm5hbWVzIjpbImNvbHVtblJlZHVjZXIiLCJzdGF0ZSIsImFjdGlvbiIsInR5cGUiLCJjb2x1bW4iLCJwYXlsb2FkIiwid2l0aFRvZ2dsZWRDb2x1bW4iLCJtYXAiLCJjb2wiLCJuYW1lIiwiYWN0aXZlIiwiZnJvbUluZGV4IiwidG9JbmRleCIsIndpdGhNb3ZlZENvbHVtbiIsImNvbHVtblRvTW92ZSIsInNwbGljZSIsImNvbHVtbnMiXSwibWFwcGluZ3MiOiI7Ozs7K0JBMEJhQTs7O2VBQUFBOzs7QUFBTixNQUFNQSxnQkFBZ0IsQ0FBQ0MsT0FBaUJDO0lBQzdDLE9BQVFBLE9BQU9DLElBQUk7UUFDakIsS0FBSztZQUFVO2dCQUNiLE1BQU0sRUFBRUMsTUFBTSxFQUFFLEdBQUdGLE9BQU9HLE9BQU87Z0JBRWpDLE1BQU1DLG9CQUFvQkwsTUFBTU0sR0FBRyxDQUFDLENBQUNDO29CQUNuQyxJQUFJQSxLQUFLQyxTQUFTTCxRQUFRO3dCQUN4QixPQUFPOzRCQUNMLEdBQUdJLEdBQUc7NEJBQ05FLFFBQVEsQ0FBQ0YsSUFBSUUsTUFBTTt3QkFDckI7b0JBQ0Y7b0JBRUEsT0FBT0Y7Z0JBQ1Q7Z0JBRUEsT0FBT0Y7WUFDVDtRQUNBLEtBQUs7WUFBUTtnQkFDWCxNQUFNLEVBQUVLLFNBQVMsRUFBRUMsT0FBTyxFQUFFLEdBQUdWLE9BQU9HLE9BQU87Z0JBQzdDLE1BQU1RLGtCQUFrQjt1QkFBSVo7aUJBQU07Z0JBQ2xDLE1BQU0sQ0FBQ2EsYUFBYSxHQUFHRCxnQkFBZ0JFLE1BQU0sQ0FBQ0osV0FBVztnQkFDekRFLGdCQUFnQkUsTUFBTSxDQUFDSCxTQUFTLEdBQUdFO2dCQUNuQyxPQUFPRDtZQUNUO1FBQ0EsS0FBSztZQUFPO2dCQUNWLE1BQU0sRUFBRUcsT0FBTyxFQUFFLEdBQUdkLE9BQU9HLE9BQU87Z0JBQ2xDLE9BQU9XO1lBQ1Q7UUFDQTtZQUNFLE9BQU9mO0lBQ1g7QUFDRiJ9
+//# sourceMappingURL=columnReducer.js.map

package/dist/elements/TableColumns/columnReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/TableColumns/columnReducer.ts"],"sourcesContent":["import type { Column } from '../Table/index.js'\n\ntype TOGGLE = {\n  payload: {\n    column: string\n  }\n  type: 'toggle'\n}\n\ntype SET = {\n  payload: {\n    columns: Column[]\n  }\n  type: 'set'\n}\n\ntype MOVE = {\n  payload: {\n    fromIndex: number\n    toIndex: number\n  }\n  type: 'move'\n}\n\nexport type Action = MOVE | SET | TOGGLE\n\nexport const columnReducer = (state: Column[], action: Action): Column[] => {\n  let newState = [...state]\n\n  switch (action.type) {\n    case 'toggle': {\n      const { column } = action.payload\n\n      const withToggledColumn = state.map((col) => {\n        if (col?.name === column) {\n          return {\n            ...col,\n            active: !col.active,\n          }\n        }\n\n        return col\n      })\n\n      newState = withToggledColumn\n      break\n    }\n    case 'move': {\n      const { fromIndex, toIndex } = action.payload\n      const withMovedColumn = [...state]\n      const [columnToMove] = withMovedColumn.splice(fromIndex, 1)\n      withMovedColumn.splice(toIndex, 0, columnToMove)\n      newState = withMovedColumn\n      break\n    }\n    case 'set': {\n      const { columns } = action.payload\n      newState = columns\n      break\n    }\n    default:\n      break\n  }\n\n  const firstActiveColumnIndex = newState.findIndex((column, index) => {\n    if (column.active && column.accessor !== '_select') {\n      return index\n    }\n  })\n\n  const withFirstLink = newState.map((column, index) => {\n    const isFirstActiveColumn = column.active && firstActiveColumnIndex === index\n\n    return {\n      ...column,\n      cellProps: {\n        ...column.cellProps,\n        link: isFirstActiveColumn,\n      },\n    }\n  }, [])\n\n  return withFirstLink\n}\n"],"names":["columnReducer","state","action","newState","type","column","payload","withToggledColumn","map","col","name","active","fromIndex","toIndex","withMovedColumn","columnToMove","splice","columns","firstActiveColumnIndex","findIndex","index","accessor","withFirstLink","isFirstActiveColumn","cellProps","link"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AA0BA,OAAO,MAAMA,gBAAgB,CAACC,OAAiBC;IAC7C,IAAIC,WAAW;WAAIF;KAAM;IAEzB,OAAQC,OAAOE,IAAI;QACjB,KAAK;YAAU;gBACb,MAAM,EAAEC,MAAM,EAAE,GAAGH,OAAOI,OAAO;gBAEjC,MAAMC,oBAAoBN,MAAMO,GAAG,CAAC,CAACC;oBACnC,IAAIA,KAAKC,SAASL,QAAQ;wBACxB,OAAO;4BACL,GAAGI,GAAG;4BACNE,QAAQ,CAACF,IAAIE,MAAM;wBACrB;oBACF;oBAEA,OAAOF;gBACT;gBAEAN,WAAWI;gBACX;YACF;QACA,KAAK;YAAQ;gBACX,MAAM,EAAEK,SAAS,EAAEC,OAAO,EAAE,GAAGX,OAAOI,OAAO;gBAC7C,MAAMQ,kBAAkB;uBAAIb;iBAAM;gBAClC,MAAM,CAACc,aAAa,GAAGD,gBAAgBE,MAAM,CAACJ,WAAW;gBACzDE,gBAAgBE,MAAM,CAACH,SAAS,GAAGE;gBACnCZ,WAAWW;gBACX;YACF;QACA,KAAK;YAAO;gBACV,MAAM,EAAEG,OAAO,EAAE,GAAGf,OAAOI,OAAO;gBAClCH,WAAWc;gBACX;YACF;QACA;YACE;IACJ;IAEA,MAAMC,yBAAyBf,SAASgB,SAAS,CAAC,CAACd,QAAQe;QACzD,IAAIf,OAAOM,MAAM,IAAIN,OAAOgB,QAAQ,KAAK,WAAW;YAClD,OAAOD;QACT;IACF;IAEA,MAAME,gBAAgBnB,SAASK,GAAG,CAAC,CAACH,QAAQe;QAC1C,MAAMG,sBAAsBlB,OAAOM,MAAM,IAAIO,2BAA2BE;QAExE,OAAO;YACL,GAAGf,MAAM;YACTmB,WAAW;gBACT,GAAGnB,OAAOmB,SAAS;gBACnBC,MAAMF;YACR;QACF;IACF,GAAG,EAAE;IAEL,OAAOD;AACT,EAAC"}

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

@@ -0,0 +1,3 @@
+import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
+export declare const filterFields: (fieldMap: FieldMap) => FieldMap;
+//# sourceMappingURL=filterFields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterFields.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/filterFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,yDAAyD,CAAA;AAIpG,eAAO,MAAM,YAAY,kCA2BxB,CAAA"}

package/dist/elements/TableColumns/filterFields.js

@@ -0,0 +1,27 @@
+// 1. Skips fields that are hidden, disabled, or presentational-only (i.e. `ui` fields)
+// 2. Maps through top-level `tabs` fields and filters out the same
+export const filterFields = (fieldMap)=>{
+    const shouldSkipField = (field)=>field.type !== 'ui' && field.disabled === true;
+    const fields = fieldMap.reduce((formatted, field)=>{
+        if (shouldSkipField(field)) {
+            return formatted;
+        }
+        const formattedField = field.type === 'tabs' && 'tabs' in field.fieldComponentProps ? {
+            ...field,
+            fieldComponentProps: {
+                ...field.fieldComponentProps,
+                tabs: field.fieldComponentProps.tabs.map((tab)=>({
+                        ...tab,
+                        fieldMap: tab.fieldMap.filter((tabField)=>!shouldSkipField(tabField))
+                    }))
+            }
+        } : field;
+        return [
+            ...formatted,
+            formattedField
+        ];
+    }, []);
+    return fields;
+};
+
+//# sourceMappingURL=filterFields.js.map

package/dist/elements/TableColumns/filterFields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/TableColumns/filterFields.tsx"],"sourcesContent":["import type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\n// 1. Skips fields that are hidden, disabled, or presentational-only (i.e. `ui` fields)\n// 2. Maps through top-level `tabs` fields and filters out the same\nexport const filterFields = (fieldMap: FieldMap): FieldMap => {\n  const shouldSkipField = (field: MappedField): boolean =>\n    field.type !== 'ui' && field.disabled === true\n\n  const fields: FieldMap = fieldMap.reduce((formatted, field) => {\n    if (shouldSkipField(field)) {\n      return formatted\n    }\n\n    const formattedField: MappedField =\n      field.type === 'tabs' && 'tabs' in field.fieldComponentProps\n        ? {\n            ...field,\n            fieldComponentProps: {\n              ...field.fieldComponentProps,\n              tabs: field.fieldComponentProps.tabs.map((tab) => ({\n                ...tab,\n                fieldMap: tab.fieldMap.filter((tabField) => !shouldSkipField(tabField)),\n              })),\n            },\n          }\n        : field\n\n    return [...formatted, formattedField]\n  }, [])\n\n  return fields\n}\n"],"names":["filterFields","fieldMap","shouldSkipField","field","type","disabled","fields","reduce","formatted","formattedField","fieldComponentProps","tabs","map","tab","filter","tabField"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,uFAAuF;AACvF,mEAAmE;AACnE,OAAO,MAAMA,eAAe,CAACC;IAC3B,MAAMC,kBAAkB,CAACC,QACvBA,MAAMC,IAAI,KAAK,QAAQD,MAAME,QAAQ,KAAK;IAE5C,MAAMC,SAAmBL,SAASM,MAAM,CAAC,CAACC,WAAWL;QACnD,IAAID,gBAAgBC,QAAQ;YAC1B,OAAOK;QACT;QAEA,MAAMC,iBACJN,MAAMC,IAAI,KAAK,UAAU,UAAUD,MAAMO,mBAAmB,GACxD;YACE,GAAGP,KAAK;YACRO,qBAAqB;gBACnB,GAAGP,MAAMO,mBAAmB;gBAC5BC,MAAMR,MAAMO,mBAAmB,CAACC,IAAI,CAACC,GAAG,CAAC,CAACC,MAAS,CAAA;wBACjD,GAAGA,GAAG;wBACNZ,UAAUY,IAAIZ,QAAQ,CAACa,MAAM,CAAC,CAACC,WAAa,CAACb,gBAAgBa;oBAC/D,CAAA;YACF;QACF,IACAZ;QAEN,OAAO;eAAIK;YAAWC;SAAe;IACvC,GAAG,EAAE;IAEL,OAAOH;AACT,EAAC"}

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

@@ -0,0 +1,5 @@
+import type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js';
+import type { ColumnPreferences } from '../../providers/ListInfo/index.js';
+export declare function fieldAffectsData(field: MappedField): boolean;
+export declare const getInitialColumns: (fieldMap: FieldMap, useAsTitle: string, defaultColumns: string[]) => ColumnPreferences;
+//# sourceMappingURL=getInitialColumns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getInitialColumns.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/getInitialColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AACpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAE1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAE5D;AA4BD,eAAO,MAAM,iBAAiB,mCAEhB,MAAM,kBACF,MAAM,EAAE,sBAqBzB,CAAA"}

package/dist/elements/TableColumns/getInitialColumns.js

@@ -0,0 +1,48 @@
+export function fieldAffectsData(field) {
+    return 'name' in field && field.type !== 'ui';
+}
+const getRemainingColumns = (fieldMap, useAsTitle)=>fieldMap.reduce((remaining, field)=>{
+        if (fieldAffectsData(field) && field.name === useAsTitle) {
+            return remaining;
+        }
+        if (!fieldAffectsData(field) && 'fieldMap' in field.fieldComponentProps) {
+            return [
+                ...remaining,
+                ...getRemainingColumns(field.fieldComponentProps.fieldMap, useAsTitle)
+            ];
+        }
+        if (field.type === 'tabs' && 'tabs' in field.fieldComponentProps) {
+            return [
+                ...remaining,
+                ...field.fieldComponentProps.tabs.reduce((tabFieldColumns, tab)=>[
+                        ...tabFieldColumns,
+                        ...'name' in tab ? [
+                            tab.name
+                        ] : getRemainingColumns(tab.fieldMap, useAsTitle)
+                    ], [])
+            ];
+        }
+        return [
+            ...remaining,
+            field.name
+        ];
+    }, []);
+export const getInitialColumns = (fieldMap, useAsTitle, defaultColumns)=>{
+    let initialColumns = [];
+    if (Array.isArray(defaultColumns) && defaultColumns.length >= 1) {
+        initialColumns = defaultColumns;
+    } else {
+        if (useAsTitle) {
+            initialColumns.push(useAsTitle);
+        }
+        const remainingColumns = getRemainingColumns(fieldMap, useAsTitle);
+        initialColumns = initialColumns.concat(remainingColumns);
+        initialColumns = initialColumns.slice(0, 4);
+    }
+    return initialColumns.map((column)=>({
+            accessor: column,
+            active: true
+        }));
+};
+
+//# sourceMappingURL=getInitialColumns.js.map

package/dist/elements/TableColumns/getInitialColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/TableColumns/getInitialColumns.ts"],"sourcesContent":["import type { FieldMap, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\n\nexport function fieldAffectsData(field: MappedField): boolean {\n  return 'name' in field && field.type !== 'ui'\n}\n\nconst getRemainingColumns = (fieldMap: FieldMap, useAsTitle: string): ColumnPreferences =>\n  fieldMap.reduce((remaining, field) => {\n    if (fieldAffectsData(field) && field.name === useAsTitle) {\n      return remaining\n    }\n\n    if (!fieldAffectsData(field) && 'fieldMap' in field.fieldComponentProps) {\n      return [...remaining, ...getRemainingColumns(field.fieldComponentProps.fieldMap, useAsTitle)]\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field.fieldComponentProps) {\n      return [\n        ...remaining,\n        ...field.fieldComponentProps.tabs.reduce(\n          (tabFieldColumns, tab) => [\n            ...tabFieldColumns,\n            ...('name' in tab ? [tab.name] : getRemainingColumns(tab.fieldMap, useAsTitle)),\n          ],\n          [],\n        ),\n      ]\n    }\n\n    return [...remaining, field.name]\n  }, [])\n\nexport const getInitialColumns = (\n  fieldMap: FieldMap,\n  useAsTitle: string,\n  defaultColumns: string[],\n): ColumnPreferences => {\n  let initialColumns = []\n\n  if (Array.isArray(defaultColumns) && defaultColumns.length >= 1) {\n    initialColumns = defaultColumns\n  } else {\n    if (useAsTitle) {\n      initialColumns.push(useAsTitle)\n    }\n\n    const remainingColumns = getRemainingColumns(fieldMap, useAsTitle)\n\n    initialColumns = initialColumns.concat(remainingColumns)\n    initialColumns = initialColumns.slice(0, 4)\n  }\n\n  return initialColumns.map((column) => ({\n    accessor: column,\n    active: true,\n  }))\n}\n"],"names":["fieldAffectsData","field","type","getRemainingColumns","fieldMap","useAsTitle","reduce","remaining","name","fieldComponentProps","tabs","tabFieldColumns","tab","getInitialColumns","defaultColumns","initialColumns","Array","isArray","length","push","remainingColumns","concat","slice","map","column","accessor","active"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,OAAO,SAASA,iBAAiBC,KAAkB;IACjD,OAAO,UAAUA,SAASA,MAAMC,IAAI,KAAK;AAC3C;AAEA,MAAMC,sBAAsB,CAACC,UAAoBC,aAC/CD,SAASE,MAAM,CAAC,CAACC,WAAWN;QAC1B,IAAID,iBAAiBC,UAAUA,MAAMO,IAAI,KAAKH,YAAY;YACxD,OAAOE;QACT;QAEA,IAAI,CAACP,iBAAiBC,UAAU,cAAcA,MAAMQ,mBAAmB,EAAE;YACvE,OAAO;mBAAIF;mBAAcJ,oBAAoBF,MAAMQ,mBAAmB,CAACL,QAAQ,EAAEC;aAAY;QAC/F;QAEA,IAAIJ,MAAMC,IAAI,KAAK,UAAU,UAAUD,MAAMQ,mBAAmB,EAAE;YAChE,OAAO;mBACFF;mBACAN,MAAMQ,mBAAmB,CAACC,IAAI,CAACJ,MAAM,CACtC,CAACK,iBAAiBC,MAAQ;2BACrBD;2BACC,UAAUC,MAAM;4BAACA,IAAIJ,IAAI;yBAAC,GAAGL,oBAAoBS,IAAIR,QAAQ,EAAEC;qBACpE,EACD,EAAE;aAEL;QACH;QAEA,OAAO;eAAIE;YAAWN,MAAMO,IAAI;SAAC;IACnC,GAAG,EAAE;AAEP,OAAO,MAAMK,oBAAoB,CAC/BT,UACAC,YACAS;IAEA,IAAIC,iBAAiB,EAAE;IAEvB,IAAIC,MAAMC,OAAO,CAACH,mBAAmBA,eAAeI,MAAM,IAAI,GAAG;QAC/DH,iBAAiBD;IACnB,OAAO;QACL,IAAIT,YAAY;YACdU,eAAeI,IAAI,CAACd;QACtB;QAEA,MAAMe,mBAAmBjB,oBAAoBC,UAAUC;QAEvDU,iBAAiBA,eAAeM,MAAM,CAACD;QACvCL,iBAAiBA,eAAeO,KAAK,CAAC,GAAG;IAC3C;IAEA,OAAOP,eAAeQ,GAAG,CAAC,CAACC,SAAY,CAAA;YACrCC,UAAUD;YACVE,QAAQ;QACV,CAAA;AACF,EAAC"}

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

@@ -1,8 +1,8 @@
-import type { CellProps } from 'payload/types';
+import type { CellComponentProps } from 'payload/types';
 import React from 'react';
-import type { ColumnPreferences } from '../../providers/ListInfo/types';
-import type { Column } from '../Table/types';
-import type { Action } from './columnReducer';
+import type { ColumnPreferences } from '../../providers/ListInfo/index.js';
+import type { Column } from '../Table/index.js';
+import type { Action } from './columnReducer.js';
 export interface ITableColumns {
     columns: Column[];
     dispatchTableColumns: React.Dispatch<Action>;
@@ -18,11 +18,14 @@ export declare const useTableColumns: () => ITableColumns;
 export type ListPreferences = {
     columns: ColumnPreferences;
 };
-export declare const TableColumnsProvider: React.FC<{
-    cellProps?: Partial<CellProps>[];
+type Props = {
+    cellProps?: Partial<CellComponentProps>[];
     children: React.ReactNode;
     collectionSlug: string;
     enableRowSelections?: boolean;
-    listPreferences: ListPreferences;
-}>;
+    listPreferences?: ListPreferences;
+    preferenceKey: string;
+};
+export declare const TableColumnsProvider: React.FC<Props>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAgF,MAAM,OAAO,CAAA;AAEpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAQ7C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAClE,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,eAAO,MAAM,kBAAkB,8BAAoD,CAAA;AAEnF,eAAO,MAAM,eAAe,QAAO,aAA+C,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;CACjC,CAuJA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,KAQN,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAUhD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,oBAAoB,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC5C,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAClE,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,eAAO,MAAM,kBAAkB,8BAAoD,CAAA;AAEnF,eAAO,MAAM,eAAe,QAAO,aAA+C,CAAA;AAElF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,iBAAiB,CAAA;CAC3B,CAAA;AAED,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAA;IACjC,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmKhD,CAAA"}