@payloadcms/ui 3.0.0-beta.84 → 3.0.0-beta.86

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

@@ -1 +1 @@
-{"version":3,"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"],"names":["React","RenderComponent","useTableColumns","TableCellProvider","baseClass","Table","columns","columnsFromProps","customCellContext","data","columnsFromContext","activeColumns","filter","col","active","length","div","className","table","cellPadding","cellSpacing","thead","tr","map","i","th","id","accessor","components","Heading","tbody","row","rowIndex","colIndex","td","cellData","cellProps","columnIndex","rowData","clientProps","mappedComponent","Cell"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,cAAc,+BAA8B;AAE5C,SAASC,eAAe,QAAQ,4CAA2C;AAC3E,SAASC,eAAe,QAAQ,2BAA0B;AAC1D,SAASC,iBAAiB,QAAQ,+BAA8B;AAChE,OAAO,eAAc;AAErB,SAASA,iBAAiB,GAAE;AAE5B,MAAMC,YAAY;AAoBlB,OAAO,MAAMC,QAAyB,CAAC,EAAEC,SAASC,gBAAgB,EAAEC,iBAAiB,EAAEC,IAAI,EAAE;IAC3F,MAAM,EAAEH,SAASI,kBAAkB,EAAE,GAAGR;IAExC,MAAMI,UAAUC,oBAAoBG;IAEpC,MAAMC,gBAAgBL,SAASM,OAAO,CAACC,MAAQA,KAAKC;IAEpD,IAAI,CAACH,iBAAiBA,cAAcI,MAAM,KAAK,GAAG;QAChD,qBAAO,KAACC;sBAAI;;IACd;IAEA,qBACE,KAACA;QAAIC,WAAWb;kBACd,cAAA,MAACc;YAAMC,aAAY;YAAIC,aAAY;;8BACjC,KAACC;8BACC,cAAA,KAACC;kCACEX,cAAcY,GAAG,CAAC,CAACV,KAAKW,kBACvB,KAACC;gCAAGC,IAAI,CAAC,QAAQ,EAAEb,IAAIc,QAAQ,CAAC,CAAC;0CAC9Bd,IAAIe,UAAU,CAACC,OAAO;+BADeL;;;8BAM9C,KAACM;8BACErB,QACCA,KAAKc,GAAG,CAAC,CAACQ,KAAKC,yBACb,KAACV;4BAAGL,WAAW,CAAC,IAAI,EAAEe,WAAW,EAAE,CAAC;sCACjCrB,cAAcY,GAAG,CAAC,CAACV,KAAKoB;gCACvB,qBACE,KAACC;oCAAGjB,WAAW,CAAC,KAAK,EAAEJ,IAAIc,QAAQ,CAAC,CAAC;8CACnC,cAAA,KAACxB;wCACCgC,UAAUJ,GAAG,CAAClB,IAAIc,QAAQ,CAAC;wCAC3BS,WAAWvB,KAAKuB;wCAChBC,aAAaJ;wCACbzB,mBAAmBA;wCACnB8B,SAASP;kDAET,cAAA,KAAC9B;4CACCsC,aAAa;gDAAE,GAAG1B,KAAKuB,SAAS;4CAAC;4CACjCI,iBAAiB3B,IAAIe,UAAU,CAACa,IAAI;;;mCAVER;4BAehD;2BAlByCD;;;;;AAyBzD,EAAC"}
+{"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":[]}

package/dist/elements/TableColumns/buildColumnState.js

@@ -1,111 +1,118 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { DefaultCell } from '../../elements/Table/DefaultCell/index.js';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
 import { flattenFieldMap } from '../../utilities/flattenFieldMap.js';
 import { SelectAll } from '../SelectAll/index.js';
 import { SelectRow } from '../SelectRow/index.js';
 import { SortColumn } from '../SortColumn/index.js';
-export const buildColumnState = (args)=>{
-    const { cellProps, columnPreferences, columns, enableRowSelections, fields, useAsTitle } = args;
-    let sortedFieldMap = flattenFieldMap(fields);
-    // 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)=>'name' in field && field.name === 'id');
-    if (idFieldIndex > -1) {
-        const idField = sortedFieldMap.splice(idFieldIndex, 1)[0];
-        sortedFieldMap.unshift(idField);
-    }
-    const useAsTitleFieldIndex = useAsTitle ? sortedFieldMap.findIndex((field)=>'name' in field && field.name === useAsTitle) : -1;
-    if (useAsTitleFieldIndex > -1) {
-        const useAsTitleField = sortedFieldMap.splice(useAsTitleFieldIndex, 1)[0];
-        sortedFieldMap.unshift(useAsTitleField);
+import { DefaultCell } from '../Table/DefaultCell/index.js';
+export const buildColumnState = args => {
+  const {
+    cellProps,
+    columnPreferences,
+    columns,
+    enableRowSelections,
+    fields,
+    useAsTitle
+  } = args;
+  let sortedFieldMap = flattenFieldMap(fields);
+  // 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 => 'name' in field && field.name === 'id');
+  if (idFieldIndex > -1) {
+    const idField = sortedFieldMap.splice(idFieldIndex, 1)[0];
+    sortedFieldMap.unshift(idField);
+  }
+  const useAsTitleFieldIndex = useAsTitle ? sortedFieldMap.findIndex(field => 'name' in 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 => 'name' in field && column.accessor === field.name)?.active;
+    } else if (activeColumnsIndices.length < 4) {
+      active = true;
     }
-    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;
-        });
+    if (active && !activeColumnsIndices.includes(index)) {
+      activeColumnsIndices.push(index);
     }
-    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)=>'name' in field && 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 CustomLabelToRender = field && 'admin' in field && 'components' in field.admin && 'Label' in field.admin.components && field.admin.components.Label !== undefined // let it return `null`
+    ? field.admin.components.Label : undefined;
+    const Label = /*#__PURE__*/_jsx(FieldLabel, {
+      Label: CustomLabelToRender,
+      label: 'label' in field ? field.label : undefined,
+      unstyled: true
+    });
+    const fieldAffectsDataSubFields = field && field.type && (field.type === 'array' || field.type === 'group' || field.type === 'blocks');
+    const Heading = /*#__PURE__*/_jsx(SortColumn, {
+      Label: Label,
+      disable: fieldAffectsDataSubFields || field?._isPresentational || undefined,
+      label: 'label' in field ? field.label : undefined,
+      name: 'name' in field ? field.name : undefined
+    });
+    if (field) {
+      const column = {
+        Label,
+        accessor: 'name' in field ? field.name : undefined,
+        active,
+        cellProps: {
+          field: {
+            ...(field || {}),
+            ...(cellProps?.[index]?.field || {})
+          },
+          ...cellProps?.[index],
+          link: isFirstActiveColumn
+        },
+        components: {
+          Cell: field.admin?.components?.Cell || {
+            type: 'client',
+            Component: DefaultCell,
+            RenderedComponent: null
+          },
+          Heading
         }
-        const isFirstActiveColumn = activeColumnsIndices[0] === index;
-        const CustomLabelToRender = field && 'admin' in field && 'components' in field.admin && 'Label' in field.admin.components && field.admin.components.Label !== undefined // let it return `null`
-         ? field.admin.components.Label : undefined;
-        const Label = /*#__PURE__*/ _jsx(FieldLabel, {
-            Label: CustomLabelToRender,
-            label: 'label' in field ? field.label : undefined,
-            unstyled: true
-        });
-        const fieldAffectsDataSubFields = field && field.type && (field.type === 'array' || field.type === 'group' || field.type === 'blocks');
-        const Heading = /*#__PURE__*/ _jsx(SortColumn, {
-            Label: Label,
-            disable: fieldAffectsDataSubFields || field?._isPresentational || undefined,
-            label: 'label' in field ? field.label : undefined,
-            name: 'name' in field ? field.name : undefined
-        });
-        if (field) {
-            const column = {
-                Label,
-                accessor: 'name' in field ? field.name : undefined,
-                active,
-                cellProps: {
-                    field: {
-                        ...field || {},
-                        ...cellProps?.[index]?.field || {}
-                    },
-                    ...cellProps?.[index],
-                    link: isFirstActiveColumn
-                },
-                components: {
-                    Cell: field.admin?.components?.Cell || {
-                        type: 'client',
-                        Component: DefaultCell,
-                        RenderedComponent: null
-                    },
-                    Heading
-                }
-            };
-            acc.push(column);
-        }
-        return acc;
-    }, []);
-    if (enableRowSelections) {
-        sorted.unshift({
-            Label: null,
-            accessor: '_select',
-            active: true,
-            components: {
-                Cell: {
-                    type: 'client',
-                    Component: null,
-                    RenderedComponent: /*#__PURE__*/ _jsx(SelectRow, {})
-                },
-                Heading: /*#__PURE__*/ _jsx(SelectAll, {})
-            }
-        });
+      };
+      acc.push(column);
     }
-    return sorted;
+    return acc;
+  }, []);
+  if (enableRowSelections) {
+    sorted.unshift({
+      Label: null,
+      accessor: '_select',
+      active: true,
+      components: {
+        Cell: {
+          type: 'client',
+          Component: null,
+          RenderedComponent: /*#__PURE__*/_jsx(SelectRow, {})
+        },
+        Heading: /*#__PURE__*/_jsx(SelectAll, {})
+      }
+    });
+  }
+  return sorted;
 };
-
 //# sourceMappingURL=buildColumnState.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TableColumns/buildColumnState.tsx"],"sourcesContent":["'use client'\nimport type {\n  CellComponentProps,\n  ClientField,\n  SanitizedCollectionConfig,\n  StaticLabel,\n} from 'payload'\n\nimport React from 'react'\n\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\nimport type { Column } from '../Table/index.js'\n\nimport { DefaultCell } from '../../elements/Table/DefaultCell/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { flattenFieldMap } from '../../utilities/flattenFieldMap.js'\nimport { SelectAll } from '../SelectAll/index.js'\nimport { SelectRow } from '../SelectRow/index.js'\nimport { SortColumn } from '../SortColumn/index.js'\n\ntype Args = {\n  cellProps: Partial<CellComponentProps>[]\n  columnPreferences: ColumnPreferences\n  columns?: ColumnPreferences\n  enableRowSelections: boolean\n  fields: ClientField[]\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const buildColumnState = (args: Args): Column[] => {\n  const { cellProps, columnPreferences, columns, enableRowSelections, fields, useAsTitle } = args\n\n  let sortedFieldMap = flattenFieldMap(fields)\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) => 'name' in 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) => 'name' in 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: Column[] = 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) => 'name' in field && 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 CustomLabelToRender =\n      field &&\n      'admin' in field &&\n      'components' in field.admin &&\n      'Label' in field.admin.components &&\n      field.admin.components.Label !== undefined // let it return `null`\n        ? field.admin.components.Label\n        : undefined\n\n    const Label = (\n      <FieldLabel\n        Label={CustomLabelToRender}\n        label={'label' in field ? (field.label as StaticLabel) : undefined}\n        unstyled\n      />\n    )\n\n    const fieldAffectsDataSubFields =\n      field &&\n      field.type &&\n      (field.type === 'array' || field.type === 'group' || field.type === 'blocks')\n\n    const Heading = (\n      <SortColumn\n        Label={Label}\n        disable={fieldAffectsDataSubFields || field?._isPresentational || undefined}\n        label={'label' in field ? (field.label as StaticLabel) : undefined}\n        name={'name' in field ? field.name : undefined}\n      />\n    )\n\n    if (field) {\n      const column: Column = {\n        Label,\n        accessor: 'name' in field ? field.name : undefined,\n        active,\n        cellProps: {\n          field: {\n            ...(field || ({} as ClientField)),\n            ...(cellProps?.[index]?.field || ({} as ClientField)),\n          } as ClientField,\n          ...cellProps?.[index],\n          link: isFirstActiveColumn,\n        },\n        components: {\n          Cell: field.admin?.components?.Cell || {\n            type: 'client',\n            Component: DefaultCell,\n            RenderedComponent: null,\n          },\n          Heading,\n        },\n      }\n\n      acc.push(column)\n    }\n\n    return acc\n  }, [])\n\n  if (enableRowSelections) {\n    sorted.unshift({\n      Label: null,\n      accessor: '_select',\n      active: true,\n      components: {\n        Cell: {\n          type: 'client',\n          Component: null,\n          RenderedComponent: <SelectRow />,\n        },\n        Heading: <SelectAll />,\n      },\n    })\n  }\n\n  return sorted\n}\n"],"names":["React","DefaultCell","FieldLabel","flattenFieldMap","SelectAll","SelectRow","SortColumn","buildColumnState","args","cellProps","columnPreferences","columns","enableRowSelections","fields","useAsTitle","sortedFieldMap","idFieldIndex","findIndex","field","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","CustomLabelToRender","admin","components","Label","undefined","label","unstyled","fieldAffectsDataSubFields","type","Heading","disable","_isPresentational","link","Cell","Component","RenderedComponent"],"mappings":"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"}
+{"version":3,"file":"buildColumnState.js","names":["React","FieldLabel","flattenFieldMap","SelectAll","SelectRow","SortColumn","DefaultCell","buildColumnState","args","cellProps","columnPreferences","columns","enableRowSelections","fields","useAsTitle","sortedFieldMap","idFieldIndex","findIndex","field","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","CustomLabelToRender","admin","components","Label","undefined","_jsx","label","unstyled","fieldAffectsDataSubFields","type","Heading","disable","_isPresentational","link","Cell","Component","RenderedComponent"],"sources":["../../../src/elements/TableColumns/buildColumnState.tsx"],"sourcesContent":["'use client'\nimport type {\n  CellComponentProps,\n  ClientField,\n  SanitizedCollectionConfig,\n  StaticLabel,\n} from 'payload'\n\nimport React from 'react'\n\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\nimport type { Column } from '../Table/index.js'\n\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\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\ntype Args = {\n  cellProps: Partial<CellComponentProps>[]\n  columnPreferences: ColumnPreferences\n  columns?: ColumnPreferences\n  enableRowSelections: boolean\n  fields: ClientField[]\n  useAsTitle: SanitizedCollectionConfig['admin']['useAsTitle']\n}\n\nexport const buildColumnState = (args: Args): Column[] => {\n  const { cellProps, columnPreferences, columns, enableRowSelections, fields, useAsTitle } = args\n\n  let sortedFieldMap = flattenFieldMap(fields)\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) => 'name' in 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) => 'name' in 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: Column[] = 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) => 'name' in field && 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 CustomLabelToRender =\n      field &&\n      'admin' in field &&\n      'components' in field.admin &&\n      'Label' in field.admin.components &&\n      field.admin.components.Label !== undefined // let it return `null`\n        ? field.admin.components.Label\n        : undefined\n\n    const Label = (\n      <FieldLabel\n        Label={CustomLabelToRender}\n        label={'label' in field ? (field.label as StaticLabel) : undefined}\n        unstyled\n      />\n    )\n\n    const fieldAffectsDataSubFields =\n      field &&\n      field.type &&\n      (field.type === 'array' || field.type === 'group' || field.type === 'blocks')\n\n    const Heading = (\n      <SortColumn\n        Label={Label}\n        disable={fieldAffectsDataSubFields || field?._isPresentational || undefined}\n        label={'label' in field ? (field.label as StaticLabel) : undefined}\n        name={'name' in field ? field.name : undefined}\n      />\n    )\n\n    if (field) {\n      const column: Column = {\n        Label,\n        accessor: 'name' in field ? field.name : undefined,\n        active,\n        cellProps: {\n          field: {\n            ...(field || ({} as ClientField)),\n            ...(cellProps?.[index]?.field || ({} as ClientField)),\n          } as ClientField,\n          ...cellProps?.[index],\n          link: isFirstActiveColumn,\n        },\n        components: {\n          Cell: field.admin?.components?.Cell || {\n            type: 'client',\n            Component: DefaultCell,\n            RenderedComponent: null,\n          },\n          Heading,\n        },\n      }\n\n      acc.push(column)\n    }\n\n    return acc\n  }, [])\n\n  if (enableRowSelections) {\n    sorted.unshift({\n      Label: null,\n      accessor: '_select',\n      active: true,\n      components: {\n        Cell: {\n          type: 'client',\n          Component: null,\n          RenderedComponent: <SelectRow />,\n        },\n        Heading: <SelectAll />,\n      },\n    })\n  }\n\n  return sorted\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/TableColumns/filterFields.js

@@ -1,25 +1,22 @@
 'use client';
+
 // 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 = (incomingFields)=>{
-    const shouldSkipField = (field)=>field.type !== 'ui' && field.admin?.disabled === true || field?.admin?.disableListColumn === true;
-    const fields = incomingFields.reduce((formatted, field)=>{
-        if (shouldSkipField(field)) {
-            return formatted;
-        }
-        const formattedField = field.type === 'tabs' && 'tabs' in field ? {
-            ...field,
-            tabs: field.tabs.map((tab)=>({
-                    ...tab,
-                    fields: tab.fields.filter((tabField)=>!shouldSkipField(tabField))
-                }))
-        } : field;
-        return [
-            ...formatted,
-            formattedField
-        ];
-    }, []);
-    return fields;
+export const filterFields = incomingFields => {
+  const shouldSkipField = field => field.type !== 'ui' && field.admin?.disabled === true || field?.admin?.disableListColumn === true;
+  const fields = incomingFields.reduce((formatted, field) => {
+    if (shouldSkipField(field)) {
+      return formatted;
+    }
+    const formattedField = field.type === 'tabs' && 'tabs' in field ? {
+      ...field,
+      tabs: field.tabs.map(tab => ({
+        ...tab,
+        fields: tab.fields.filter(tabField => !shouldSkipField(tabField))
+      }))
+    } : field;
+    return [...formatted, formattedField];
+  }, []);
+  return fields;
 };
-
 //# sourceMappingURL=filterFields.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TableColumns/filterFields.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField } from 'payload'\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 = (incomingFields: ClientField[]): ClientField[] => {\n  const shouldSkipField = (field: ClientField): boolean =>\n    (field.type !== 'ui' && field.admin?.disabled === true) ||\n    field?.admin?.disableListColumn === true\n\n  const fields: ClientField[] = incomingFields.reduce((formatted, field) => {\n    if (shouldSkipField(field)) {\n      return formatted\n    }\n\n    const formattedField: ClientField =\n      field.type === 'tabs' && 'tabs' in field\n        ? {\n            ...field,\n            tabs: field.tabs.map((tab) => ({\n              ...tab,\n              fields: tab.fields.filter((tabField) => !shouldSkipField(tabField)),\n            })),\n          }\n        : field\n\n    return [...formatted, formattedField]\n  }, [])\n\n  return fields\n}\n"],"names":["filterFields","incomingFields","shouldSkipField","field","type","admin","disabled","disableListColumn","fields","reduce","formatted","formattedField","tabs","map","tab","filter","tabField"],"mappings":"AAAA;AAIA,uFAAuF;AACvF,mEAAmE;AACnE,OAAO,MAAMA,eAAe,CAACC;IAC3B,MAAMC,kBAAkB,CAACC,QACvB,AAACA,MAAMC,IAAI,KAAK,QAAQD,MAAME,KAAK,EAAEC,aAAa,QAClDH,OAAOE,OAAOE,sBAAsB;IAEtC,MAAMC,SAAwBP,eAAeQ,MAAM,CAAC,CAACC,WAAWP;QAC9D,IAAID,gBAAgBC,QAAQ;YAC1B,OAAOO;QACT;QAEA,MAAMC,iBACJR,MAAMC,IAAI,KAAK,UAAU,UAAUD,QAC/B;YACE,GAAGA,KAAK;YACRS,MAAMT,MAAMS,IAAI,CAACC,GAAG,CAAC,CAACC,MAAS,CAAA;oBAC7B,GAAGA,GAAG;oBACNN,QAAQM,IAAIN,MAAM,CAACO,MAAM,CAAC,CAACC,WAAa,CAACd,gBAAgBc;gBAC3D,CAAA;QACF,IACAb;QAEN,OAAO;eAAIO;YAAWC;SAAe;IACvC,GAAG,EAAE;IAEL,OAAOH;AACT,EAAC"}
+{"version":3,"file":"filterFields.js","names":["filterFields","incomingFields","shouldSkipField","field","type","admin","disabled","disableListColumn","fields","reduce","formatted","formattedField","tabs","map","tab","filter","tabField"],"sources":["../../../src/elements/TableColumns/filterFields.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField } from 'payload'\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 = (incomingFields: ClientField[]): ClientField[] => {\n  const shouldSkipField = (field: ClientField): boolean =>\n    (field.type !== 'ui' && field.admin?.disabled === true) ||\n    field?.admin?.disableListColumn === true\n\n  const fields: ClientField[] = incomingFields.reduce((formatted, field) => {\n    if (shouldSkipField(field)) {\n      return formatted\n    }\n\n    const formattedField: ClientField =\n      field.type === 'tabs' && 'tabs' in field\n        ? {\n            ...field,\n            tabs: field.tabs.map((tab) => ({\n              ...tab,\n              fields: tab.fields.filter((tabField) => !shouldSkipField(tabField)),\n            })),\n          }\n        : field\n\n    return [...formatted, formattedField]\n  }, [])\n\n  return fields\n}\n"],"mappings":"AAAA;;AAIA;AACA;AACA,OAAO,MAAMA,YAAA,GAAgBC,cAAA;EAC3B,MAAMC,eAAA,GAAmBC,KAAA,IACvBA,KAAC,CAAMC,IAAI,KAAK,QAAQD,KAAA,CAAME,KAAK,EAAEC,QAAA,KAAa,QAClDH,KAAA,EAAOE,KAAA,EAAOE,iBAAA,KAAsB;EAEtC,MAAMC,MAAA,GAAwBP,cAAA,CAAeQ,MAAM,CAAC,CAACC,SAAA,EAAWP,KAAA;IAC9D,IAAID,eAAA,CAAgBC,KAAA,GAAQ;MAC1B,OAAOO,SAAA;IACT;IAEA,MAAMC,cAAA,GACJR,KAAA,CAAMC,IAAI,KAAK,UAAU,UAAUD,KAAA,GAC/B;MACE,GAAGA,KAAK;MACRS,IAAA,EAAMT,KAAA,CAAMS,IAAI,CAACC,GAAG,CAAEC,GAAA,KAAS;QAC7B,GAAGA,GAAG;QACNN,MAAA,EAAQM,GAAA,CAAIN,MAAM,CAACO,MAAM,CAAEC,QAAA,IAAa,CAACd,eAAA,CAAgBc,QAAA;MAC3D;IACF,IACAb,KAAA;IAEN,OAAO,C,GAAIO,SAAA,EAAWC,cAAA,CAAe;EACvC,GAAG,EAAE;EAEL,OAAOH,MAAA;AACT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"getInitialColumns.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/getInitialColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AA4B1E,eAAO,MAAM,iBAAiB,WACpB,WAAW,EAAE,cACT,MAAM,kBACF,MAAM,EAAE,KACvB,iBAoBF,CAAA"}
+{"version":3,"file":"getInitialColumns.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/getInitialColumns.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AA4B1E,eAAO,MAAM,iBAAiB,WACpB,WAAW,EAAE,cACT,MAAM,kBACF,MAAM,EAAE,KACvB,iBAoBF,CAAA"}

package/dist/elements/TableColumns/getInitialColumns.js

@@ -1,46 +1,33 @@
+'use client';
+
 import { fieldAffectsData } from 'payload/shared';
-const getRemainingColumns = (fields, useAsTitle)=>fields.reduce((remaining, field)=>{
-        if (fieldAffectsData(field) && field.name === useAsTitle) {
-            return remaining;
-        }
-        if (!fieldAffectsData(field) && 'fields' in field) {
-            return [
-                ...remaining,
-                ...getRemainingColumns(field.fields, useAsTitle)
-            ];
-        }
-        if (field.type === 'tabs' && 'tabs' in field) {
-            return [
-                ...remaining,
-                ...field.tabs.reduce((tabFieldColumns, tab)=>[
-                        ...tabFieldColumns,
-                        ...'name' in tab ? [
-                            tab.name
-                        ] : getRemainingColumns(tab.fields, useAsTitle)
-                    ], [])
-            ];
-        }
-        return [
-            ...remaining,
-            field.name
-        ];
-    }, []);
-export const getInitialColumns = (fields, useAsTitle, defaultColumns)=>{
-    let initialColumns = [];
-    if (Array.isArray(defaultColumns) && defaultColumns.length >= 1) {
-        initialColumns = defaultColumns;
-    } else {
-        if (useAsTitle) {
-            initialColumns.push(useAsTitle);
-        }
-        const remainingColumns = getRemainingColumns(fields, useAsTitle);
-        initialColumns = initialColumns.concat(remainingColumns);
-        initialColumns = initialColumns.slice(0, 4);
+const getRemainingColumns = (fields, useAsTitle) => fields.reduce((remaining, field) => {
+  if (fieldAffectsData(field) && field.name === useAsTitle) {
+    return remaining;
+  }
+  if (!fieldAffectsData(field) && 'fields' in field) {
+    return [...remaining, ...getRemainingColumns(field.fields, useAsTitle)];
+  }
+  if (field.type === 'tabs' && 'tabs' in field) {
+    return [...remaining, ...field.tabs.reduce((tabFieldColumns, tab) => [...tabFieldColumns, ...('name' in tab ? [tab.name] : getRemainingColumns(tab.fields, useAsTitle))], [])];
+  }
+  return [...remaining, field.name];
+}, []);
+export const getInitialColumns = (fields, useAsTitle, defaultColumns) => {
+  let initialColumns = [];
+  if (Array.isArray(defaultColumns) && defaultColumns.length >= 1) {
+    initialColumns = defaultColumns;
+  } else {
+    if (useAsTitle) {
+      initialColumns.push(useAsTitle);
     }
-    return initialColumns.map((column)=>({
-            accessor: column,
-            active: true
-        }));
+    const remainingColumns = getRemainingColumns(fields, 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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/TableColumns/getInitialColumns.ts"],"sourcesContent":["import type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\n\nconst getRemainingColumns = (fields: ClientField[], useAsTitle: string): ColumnPreferences =>\n  fields.reduce((remaining, field) => {\n    if (fieldAffectsData(field) && field.name === useAsTitle) {\n      return remaining\n    }\n\n    if (!fieldAffectsData(field) && 'fields' in field) {\n      return [...remaining, ...getRemainingColumns(field.fields, useAsTitle)]\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field) {\n      return [\n        ...remaining,\n        ...field.tabs.reduce(\n          (tabFieldColumns, tab) => [\n            ...tabFieldColumns,\n            ...('name' in tab ? [tab.name] : getRemainingColumns(tab.fields, useAsTitle)),\n          ],\n          [],\n        ),\n      ]\n    }\n\n    return [...remaining, field.name]\n  }, [])\n\nexport const getInitialColumns = (\n  fields: ClientField[],\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(fields, 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","getRemainingColumns","fields","useAsTitle","reduce","remaining","field","name","type","tabs","tabFieldColumns","tab","getInitialColumns","defaultColumns","initialColumns","Array","isArray","length","push","remainingColumns","concat","slice","map","column","accessor","active"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,iBAAgB;AAIjD,MAAMC,sBAAsB,CAACC,QAAuBC,aAClDD,OAAOE,MAAM,CAAC,CAACC,WAAWC;QACxB,IAAIN,iBAAiBM,UAAUA,MAAMC,IAAI,KAAKJ,YAAY;YACxD,OAAOE;QACT;QAEA,IAAI,CAACL,iBAAiBM,UAAU,YAAYA,OAAO;YACjD,OAAO;mBAAID;mBAAcJ,oBAAoBK,MAAMJ,MAAM,EAAEC;aAAY;QACzE;QAEA,IAAIG,MAAME,IAAI,KAAK,UAAU,UAAUF,OAAO;YAC5C,OAAO;mBACFD;mBACAC,MAAMG,IAAI,CAACL,MAAM,CAClB,CAACM,iBAAiBC,MAAQ;2BACrBD;2BACC,UAAUC,MAAM;4BAACA,IAAIJ,IAAI;yBAAC,GAAGN,oBAAoBU,IAAIT,MAAM,EAAEC;qBAClE,EACD,EAAE;aAEL;QACH;QAEA,OAAO;eAAIE;YAAWC,MAAMC,IAAI;SAAC;IACnC,GAAG,EAAE;AAEP,OAAO,MAAMK,oBAAoB,CAC/BV,QACAC,YACAU;IAEA,IAAIC,iBAAiB,EAAE;IAEvB,IAAIC,MAAMC,OAAO,CAACH,mBAAmBA,eAAeI,MAAM,IAAI,GAAG;QAC/DH,iBAAiBD;IACnB,OAAO;QACL,IAAIV,YAAY;YACdW,eAAeI,IAAI,CAACf;QACtB;QAEA,MAAMgB,mBAAmBlB,oBAAoBC,QAAQC;QAErDW,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"}
+{"version":3,"file":"getInitialColumns.js","names":["fieldAffectsData","getRemainingColumns","fields","useAsTitle","reduce","remaining","field","name","type","tabs","tabFieldColumns","tab","getInitialColumns","defaultColumns","initialColumns","Array","isArray","length","push","remainingColumns","concat","slice","map","column","accessor","active"],"sources":["../../../src/elements/TableColumns/getInitialColumns.ts"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\n\nconst getRemainingColumns = (fields: ClientField[], useAsTitle: string): ColumnPreferences =>\n  fields.reduce((remaining, field) => {\n    if (fieldAffectsData(field) && field.name === useAsTitle) {\n      return remaining\n    }\n\n    if (!fieldAffectsData(field) && 'fields' in field) {\n      return [...remaining, ...getRemainingColumns(field.fields, useAsTitle)]\n    }\n\n    if (field.type === 'tabs' && 'tabs' in field) {\n      return [\n        ...remaining,\n        ...field.tabs.reduce(\n          (tabFieldColumns, tab) => [\n            ...tabFieldColumns,\n            ...('name' in tab ? [tab.name] : getRemainingColumns(tab.fields, useAsTitle)),\n          ],\n          [],\n        ),\n      ]\n    }\n\n    return [...remaining, field.name]\n  }, [])\n\nexport const getInitialColumns = (\n  fields: ClientField[],\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(fields, 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"],"mappings":"AAAA;;AAGA,SAASA,gBAAgB,QAAQ;AAIjC,MAAMC,mBAAA,GAAsBA,CAACC,MAAA,EAAuBC,UAAA,KAClDD,MAAA,CAAOE,MAAM,CAAC,CAACC,SAAA,EAAWC,KAAA;EACxB,IAAIN,gBAAA,CAAiBM,KAAA,KAAUA,KAAA,CAAMC,IAAI,KAAKJ,UAAA,EAAY;IACxD,OAAOE,SAAA;EACT;EAEA,IAAI,CAACL,gBAAA,CAAiBM,KAAA,KAAU,YAAYA,KAAA,EAAO;IACjD,OAAO,C,GAAID,SAAA,E,GAAcJ,mBAAA,CAAoBK,KAAA,CAAMJ,MAAM,EAAEC,UAAA,EAAY;EACzE;EAEA,IAAIG,KAAA,CAAME,IAAI,KAAK,UAAU,UAAUF,KAAA,EAAO;IAC5C,OAAO,C,GACFD,SAAA,E,GACAC,KAAA,CAAMG,IAAI,CAACL,MAAM,CAClB,CAACM,eAAA,EAAiBC,GAAA,KAAQ,C,GACrBD,eAAA,E,IACC,UAAUC,GAAA,GAAM,CAACA,GAAA,CAAIJ,IAAI,CAAC,GAAGN,mBAAA,CAAoBU,GAAA,CAAIT,MAAM,EAAEC,UAAA,GAClE,EACD,EAAE,EAEL;EACH;EAEA,OAAO,C,GAAIE,SAAA,EAAWC,KAAA,CAAMC,IAAI,CAAC;AACnC,GAAG,EAAE;AAEP,OAAO,MAAMK,iBAAA,GAAoBA,CAC/BV,MAAA,EACAC,UAAA,EACAU,cAAA;EAEA,IAAIC,cAAA,GAAiB,EAAE;EAEvB,IAAIC,KAAA,CAAMC,OAAO,CAACH,cAAA,KAAmBA,cAAA,CAAeI,MAAM,IAAI,GAAG;IAC/DH,cAAA,GAAiBD,cAAA;EACnB,OAAO;IACL,IAAIV,UAAA,EAAY;MACdW,cAAA,CAAeI,IAAI,CAACf,UAAA;IACtB;IAEA,MAAMgB,gBAAA,GAAmBlB,mBAAA,CAAoBC,MAAA,EAAQC,UAAA;IAErDW,cAAA,GAAiBA,cAAA,CAAeM,MAAM,CAACD,gBAAA;IACvCL,cAAA,GAAiBA,cAAA,CAAeO,KAAK,CAAC,GAAG;EAC3C;EAEA,OAAOP,cAAA,CAAeQ,GAAG,CAAEC,MAAA,KAAY;IACrCC,QAAA,EAAUD,MAAA;IACVE,MAAA,EAAQ;EACV;AACF","ignoreList":[]}