@payloadcms/ui 3.0.0-beta.13 → 3.0.0-beta.131

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

@@ -1,3 +1,3 @@
-import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
-export declare const filterFields: (fieldMap: FieldMap) => FieldMap;
+import type { ClientField, Field } from 'payload';
+export declare const filterFields: <T extends ClientField | Field>(incomingFields: T[]) => T[];
 //# sourceMappingURL=filterFields.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"filterFields.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/filterFields.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIjD,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,kBAAkB,CAAC,EAAE,KAAG,CAAC,EAyBlF,CAAA"}

package/dist/elements/TableColumns/filterFields.js

@@ -1,27 +1,20 @@
 // 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;
+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":["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"}
+{"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":["import type { ClientField, Field } 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 = <T extends ClientField | Field>(incomingFields: T[]): T[] => {\n  const shouldSkipField = (field: T): boolean =>\n    (field.type !== 'ui' && field.admin?.disabled === true) ||\n    field?.admin?.disableListColumn === true\n\n  const fields: T[] = incomingFields?.reduce((formatted, field) => {\n    if (shouldSkipField(field)) {\n      return formatted\n    }\n\n    const formattedField: T =\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":"AAEA;AACA;AACA,OAAO,MAAMA,YAAA,GAA+CC,cAAA;EAC1D,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,GAAcP,cAAA,EAAgBQ,MAAA,CAAO,CAACC,SAAA,EAAWP,KAAA;IACrD,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

@@ -1,5 +1,4 @@
-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;
+import type { ClientField, Field } from 'payload';
+import type { ColumnPreferences } from '../../providers/ListQuery/index.js';
+export declare const getInitialColumns: <T extends ClientField[] | Field[]>(fields: T, useAsTitle: string, defaultColumns: string[]) => ColumnPreferences;
 //# sourceMappingURL=getInitialColumns.d.ts.map

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,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"}
+{"version":3,"file":"getInitialColumns.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/getInitialColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AA+B3E,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,EAAE,GAAG,KAAK,EAAE,UACzD,CAAC,cACG,MAAM,kBACF,MAAM,EAAE,KACvB,iBAoBF,CAAA"}

package/dist/elements/TableColumns/getInitialColumns.js

@@ -1,48 +1,31 @@
-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);
+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);
     }
-    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 { 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"}
+{"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":["import type { ClientField, Field } from 'payload'\n\nimport { fieldAffectsData } from 'payload/shared'\n\nimport type { ColumnPreferences } from '../../providers/ListQuery/index.js'\n\nconst getRemainingColumns = <T extends ClientField[] | Field[]>(\n  fields: T,\n  useAsTitle: string,\n): 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 = <T extends ClientField[] | Field[]>(\n  fields: T,\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":"AAEA,SAASA,gBAAgB,QAAQ;AAIjC,MAAMC,mBAAA,GAAsBA,CAC1BC,MAAA,EACAC,UAAA,KAEAD,MAAA,EAAQE,MAAA,CAAO,CAACC,SAAA,EAAWC,KAAA;EACzB,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":[]}

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

@@ -1,17 +1,17 @@
-import type { CellComponentProps } from 'payload/types';
 import React from 'react';
-import type { ColumnPreferences } from '../../providers/ListInfo/index.js';
+import type { ColumnPreferences } from '../../providers/ListQuery/index.js';
+import type { SortColumnProps } from '../SortColumn/index.js';
 import type { Column } from '../Table/index.js';
-import type { Action } from './columnReducer.js';
 export interface ITableColumns {
     columns: Column[];
-    dispatchTableColumns: React.Dispatch<Action>;
+    LinkedCellOverride?: React.ReactNode;
     moveColumn: (args: {
         fromIndex: number;
         toIndex: number;
-    }) => void;
-    setActiveColumns: (columns: string[]) => void;
-    toggleColumn: (column: string) => void;
+    }) => Promise<void>;
+    resetColumnsState: () => Promise<void>;
+    setActiveColumns: (columns: string[]) => Promise<void>;
+    toggleColumn: (column: string) => Promise<void>;
 }
 export declare const TableColumnContext: React.Context<ITableColumns>;
 export declare const useTableColumns: () => ITableColumns;
@@ -19,12 +19,18 @@ export type ListPreferences = {
     columns: ColumnPreferences;
 };
 type Props = {
-    cellProps?: Partial<CellComponentProps>[];
-    children: React.ReactNode;
-    collectionSlug: string;
-    enableRowSelections?: boolean;
-    listPreferences?: ListPreferences;
-    preferenceKey: string;
+    readonly children: React.ReactNode;
+    readonly collectionSlug: string;
+    readonly columnState: Column[];
+    readonly docs: any[];
+    readonly enableRowSelections?: boolean;
+    readonly LinkedCellOverride?: React.ReactNode;
+    readonly listPreferences?: ListPreferences;
+    readonly preferenceKey: string;
+    readonly renderRowTypes?: boolean;
+    readonly setTable: (Table: React.ReactNode) => void;
+    readonly sortColumnProps?: Partial<SortColumnProps>;
+    readonly tableAppearance?: 'condensed' | 'default';
 };
 export declare const TableColumnsProvider: React.FC<Props>;
 export {};

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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/TableColumns/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAO/C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3E,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,gBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACtD,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAChD;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,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,WAAW,EAAE,MAAM,EAAE,CAAA;IAC9B,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,CAAA;IACpB,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7C,QAAQ,CAAC,eAAe,CAAC,EAAE,eAAe,CAAA;IAC1C,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACnD,QAAQ,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;CACnD,CAAA;AAUD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoPhD,CAAA"}

package/dist/elements/TableColumns/index.js

@@ -1,141 +1,203 @@
 'use client';
-import React, { createContext, useCallback, useContext, useEffect, useReducer, useRef, useState } from 'react';
-import { useComponentMap } from '../../providers/ComponentMap/index.js';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useCallback, useContext } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { usePreferences } from '../../providers/Preferences/index.js';
-import { buildColumnState } from './buildColumnState.js';
-import { columnReducer } from './columnReducer.js';
-import { filterFields } from './filterFields.js';
-import { getInitialColumns } from './getInitialColumns.js';
-export const TableColumnContext = /*#__PURE__*/ createContext({});
-export const useTableColumns = ()=>useContext(TableColumnContext);
-export const TableColumnsProvider = ({ cellProps, children, collectionSlug, enableRowSelections = false, listPreferences, preferenceKey })=>{
-    const config = useConfig();
-    const { componentMap } = useComponentMap();
-    const { fieldMap } = componentMap.collections[collectionSlug];
-    const collectionConfig = config.collections.find((collectionConfig)=>collectionConfig.slug === collectionSlug);
-    const { admin: { defaultColumns, useAsTitle } } = collectionConfig;
-    const prevCollection = useRef(collectionSlug);
-    const hasInitialized = useRef(false);
-    const { getPreference, setPreference } = usePreferences();
-    const [initialColumns] = useState(()=>getInitialColumns(filterFields(fieldMap), useAsTitle, defaultColumns));
-    const [tableColumns, dispatchTableColumns] = useReducer(columnReducer, {}, ()=>{
-        return buildColumnState({
-            cellProps,
-            columnPreferences: listPreferences?.columns,
-            columns: initialColumns,
-            enableRowSelections,
-            fieldMap,
-            useAsTitle
-        });
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
+import { abortAndIgnore } from '../../utilities/abortAndIgnore.js';
+export const TableColumnContext = /*#__PURE__*/createContext({});
+export const useTableColumns = () => {
+  return useContext(TableColumnContext);
+};
+// strip out Heading, Label, and renderedCells properties, they cannot be sent to the server
+const sanitizeColumns = columns => {
+  return columns.map(({
+    accessor,
+    active
+  }) => ({
+    accessor,
+    active
+  }));
+};
+export const TableColumnsProvider = ({
+  children,
+  collectionSlug,
+  columnState,
+  docs,
+  enableRowSelections,
+  LinkedCellOverride,
+  listPreferences,
+  preferenceKey,
+  renderRowTypes,
+  setTable,
+  sortColumnProps,
+  tableAppearance
+}) => {
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    getTableState
+  } = useServerFunctions();
+  const {
+    admin: {
+      defaultColumns,
+      useAsTitle
+    } = {},
+    fields
+  } = getEntityConfig({
+    collectionSlug
+  });
+  const prevCollection = React.useRef(collectionSlug);
+  const {
+    getPreference,
+    setPreference
+  } = usePreferences();
+  const [tableColumns, setTableColumns] = React.useState(columnState);
+  const tableStateControllerRef = React.useRef(null);
+  const moveColumn = useCallback(async args => {
+    abortAndIgnore(tableStateControllerRef.current);
+    const {
+      fromIndex,
+      toIndex
+    } = args;
+    const withMovedColumn = [...tableColumns];
+    const [columnToMove] = withMovedColumn.splice(fromIndex, 1);
+    withMovedColumn.splice(toIndex, 0, columnToMove);
+    setTableColumns(withMovedColumn);
+    const controller = new AbortController();
+    tableStateControllerRef.current = controller;
+    const result = await getTableState({
+      collectionSlug,
+      columns: sanitizeColumns(withMovedColumn),
+      docs,
+      enableRowSelections,
+      renderRowTypes,
+      signal: controller.signal,
+      tableAppearance
     });
-    // /////////////////////////////////////
-    // Get preferences on collection change
-    // /////////////////////////////////////
-    useEffect(()=>{
-        const sync = async ()=>{
-            const collectionHasChanged = prevCollection.current !== collectionSlug;
-            if (collectionHasChanged || !listPreferences) {
-                const currentPreferences = await getPreference(preferenceKey);
-                prevCollection.current = collectionSlug;
-                if (currentPreferences?.columns) {
-                    dispatchTableColumns({
-                        type: 'set',
-                        payload: {
-                            columns: buildColumnState({
-                                cellProps,
-                                columnPreferences: currentPreferences?.columns,
-                                columns: initialColumns,
-                                enableRowSelections: true,
-                                fieldMap,
-                                useAsTitle
-                            })
-                        }
-                    });
-                }
-            }
-        };
-        void sync();
-    }, [
-        preferenceKey,
-        getPreference,
-        collectionSlug,
-        fieldMap,
-        cellProps,
-        defaultColumns,
-        useAsTitle,
-        listPreferences,
-        initialColumns
-    ]);
-    // /////////////////////////////////////
-    // Set preferences on column change
-    // /////////////////////////////////////
-    useEffect(()=>{
-        if (!hasInitialized.current) {
-            hasInitialized.current = true;
-            return;
-        }
-        const columns = tableColumns.map((c)=>({
-                accessor: c?.accessor,
-                active: c?.active
-            }));
-        void setPreference(preferenceKey, {
-            columns
-        }, true);
-    }, [
-        tableColumns,
-        preferenceKey,
-        setPreference
-    ]);
-    const setActiveColumns = useCallback((columns)=>{
-    // dispatchTableColumns({
-    //   type: 'set',
-    //   payload: {
-    //     // onSelect,
-    //     cellProps,
-    //     collection: { ...collectionConfig, fields: formatFields(collectionConfig) },
-    //     columns: columns.map((column) => ({
-    //       accessor: column,
-    //       active: true,
-    //     })),
-    //     i18n,
-    //   },
-    // })
-    }, [
-        collectionConfig,
-        cellProps
-    ]);
-    const moveColumn = useCallback((args)=>{
-        const { fromIndex, toIndex } = args;
-        dispatchTableColumns({
-            type: 'move',
-            payload: {
-                fromIndex,
-                toIndex
-            }
+    if (result) {
+      setTableColumns(result.state);
+      setTable(result.Table);
+    }
+  }, [tableColumns, collectionSlug, docs, getTableState, setTable, enableRowSelections, renderRowTypes, tableAppearance]);
+  const toggleColumn = useCallback(async column => {
+    abortAndIgnore(tableStateControllerRef.current);
+    const {
+      newColumnState,
+      toggledColumns
+    } = tableColumns.reduce((acc, col) => {
+      if (col.accessor === column) {
+        acc.newColumnState.push({
+          ...col,
+          accessor: col.accessor,
+          active: !col.active
+        });
+        acc.toggledColumns.push({
+          accessor: col.accessor,
+          active: !col.active
         });
-    }, [
-        dispatchTableColumns
-    ]);
-    const toggleColumn = useCallback((column)=>{
-        dispatchTableColumns({
-            type: 'toggle',
-            payload: {
-                column
-            }
+      } else {
+        acc.newColumnState.push(col);
+        acc.toggledColumns.push({
+          accessor: col.accessor,
+          active: col.active
         });
-    }, [
-        dispatchTableColumns
-    ]);
-    return /*#__PURE__*/ React.createElement(TableColumnContext.Provider, {
-        value: {
-            columns: tableColumns,
-            dispatchTableColumns,
-            moveColumn,
-            setActiveColumns,
-            toggleColumn
+      }
+      return acc;
+    }, {
+      newColumnState: [],
+      toggledColumns: []
+    });
+    setTableColumns(newColumnState);
+    const controller_0 = new AbortController();
+    tableStateControllerRef.current = controller_0;
+    const result_0 = await getTableState({
+      collectionSlug,
+      columns: toggledColumns,
+      docs,
+      enableRowSelections,
+      renderRowTypes,
+      signal: controller_0.signal,
+      tableAppearance
+    });
+    if (result_0) {
+      setTableColumns(result_0.state);
+      setTable(result_0.Table);
+    }
+  }, [tableColumns, getTableState, setTable, collectionSlug, docs, enableRowSelections, renderRowTypes, tableAppearance]);
+  const setActiveColumns = React.useCallback(async activeColumnAccessors => {
+    const activeColumns = tableColumns.map(col_0 => {
+      return {
+        accessor: col_0.accessor,
+        active: activeColumnAccessors.includes(col_0.accessor)
+      };
+    }).toSorted((first, second) => {
+      const indexOfFirst = activeColumnAccessors.indexOf(first.accessor);
+      const indexOfSecond = activeColumnAccessors.indexOf(second.accessor);
+      if (indexOfFirst === -1 || indexOfSecond === -1) {
+        return 0;
+      }
+      return indexOfFirst > indexOfSecond ? 1 : -1;
+    });
+    const {
+      state: columnState_0,
+      Table
+    } = await getTableState({
+      collectionSlug,
+      columns: activeColumns,
+      docs,
+      enableRowSelections,
+      renderRowTypes,
+      tableAppearance
+    });
+    setTableColumns(columnState_0);
+    setTable(Table);
+  }, [tableColumns, getTableState, setTable, collectionSlug, docs, enableRowSelections, renderRowTypes, tableAppearance]);
+  const resetColumnsState = React.useCallback(async () => {
+    await setActiveColumns(defaultColumns);
+  }, [defaultColumns, setActiveColumns]);
+  // //////////////////////////////////////////////
+  // Get preferences on collection change (drawers)
+  // //////////////////////////////////////////////
+  React.useEffect(() => {
+    const sync = async () => {
+      const collectionHasChanged = prevCollection.current !== collectionSlug;
+      if (collectionHasChanged || !listPreferences) {
+        const currentPreferences = await getPreference(preferenceKey);
+        prevCollection.current = collectionSlug;
+        if (currentPreferences?.columns) {
+          // setTableColumns()
+          // buildColumnState({
+          //   beforeRows,
+          //   columnPreferences: currentPreferences?.columns,
+          //   columns: initialColumns,
+          //   enableRowSelections,
+          //   fields,
+          //   sortColumnProps,
+          //   useAsTitle,
+          // }),
         }
-    }, children);
+      }
+    };
+    void sync();
+  }, [preferenceKey, getPreference, collectionSlug, fields, defaultColumns, useAsTitle, listPreferences, enableRowSelections, sortColumnProps]);
+  React.useEffect(() => {
+    return () => {
+      abortAndIgnore(tableStateControllerRef.current);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(TableColumnContext.Provider, {
+    value: {
+      columns: tableColumns,
+      LinkedCellOverride,
+      moveColumn,
+      resetColumnsState,
+      setActiveColumns,
+      toggleColumn
+    },
+    children: children
+  });
 };
-
 //# sourceMappingURL=index.js.map