@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

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

@@ -1 +1 @@
-{"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":[]}
+{"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,4 +1,4 @@
-import type { ClientField } from 'payload';
-import type { ColumnPreferences } from '../../providers/ListInfo/index.js';
-export declare const getInitialColumns: (fields: ClientField[], 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":"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"}
+{"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,7 +1,5 @@
-'use client';
-
 import { fieldAffectsData } from 'payload/shared';
-const getRemainingColumns = (fields, useAsTitle) => fields.reduce((remaining, field) => {
+const getRemainingColumns = (fields, useAsTitle) => fields?.reduce((remaining, field) => {
   if (fieldAffectsData(field) && field.name === useAsTitle) {
     return remaining;
   }

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

@@ -1 +1 @@
-{"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":[]}
+{"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,15 +1,17 @@
-import type { CellComponentProps } from 'payload';
 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';
 export interface ITableColumns {
     columns: Column[];
+    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;
@@ -17,12 +19,18 @@ export type ListPreferences = {
     columns: ColumnPreferences;
 };
 type Props = {
-    readonly cellProps?: Partial<CellComponentProps>[];
     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":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAA6B,MAAM,SAAS,CAAA;AAE5E,OAAO,KAA2D,MAAM,OAAO,CAAA;AAE/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAQ/C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,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,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAA;IAClD,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,eAAe,CAAC,EAAE,eAAe,CAAA;IAC1C,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8KhD,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;AAM/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,CAoMhD,CAAA"}

package/dist/elements/TableColumns/index.js

@@ -1,261 +1,168 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useCallback, useContext, useState } from 'react';
+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 { filterFields } from './filterFields.js';
-import { getInitialColumns } from './getInitialColumns.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
 export const TableColumnContext = /*#__PURE__*/createContext({});
 export const useTableColumns = () => {
   return useContext(TableColumnContext);
 };
-export const TableColumnsProvider = t0 => {
-  const $ = _c(53);
-  const {
-    cellProps,
-    children,
-    collectionSlug,
-    enableRowSelections: t1,
-    listPreferences,
-    preferenceKey
-  } = t0;
-  const enableRowSelections = t1 === undefined ? false : t1;
+// 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 {
-    config: t2
+    getEntityConfig
   } = useConfig();
   const {
-    collections
-  } = t2;
-  let t3;
-  if ($[0] !== collectionSlug || $[1] !== collections) {
-    let t4;
-    if ($[3] !== collectionSlug) {
-      t4 = collectionConfig => collectionConfig.slug === collectionSlug;
-      $[3] = collectionSlug;
-      $[4] = t4;
-    } else {
-      t4 = $[4];
-    }
-    t3 = collections.find(t4);
-    $[0] = collectionSlug;
-    $[1] = collections;
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  const collectionConfig_0 = t3;
+    getTableState
+  } = useServerFunctions();
   const {
-    admin: t4,
+    admin: {
+      defaultColumns,
+      useAsTitle
+    } = {},
     fields
-  } = collectionConfig_0;
-  const {
-    defaultColumns,
-    useAsTitle
-  } = t4;
+  } = getEntityConfig({
+    collectionSlug
+  });
   const prevCollection = React.useRef(collectionSlug);
   const {
     getPreference,
     setPreference
   } = usePreferences();
-  let t5;
-  if ($[5] !== fields || $[6] !== useAsTitle || $[7] !== defaultColumns) {
-    t5 = () => getInitialColumns(filterFields(fields), useAsTitle, defaultColumns);
-    $[5] = fields;
-    $[6] = useAsTitle;
-    $[7] = defaultColumns;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  const [initialColumns] = useState(t5);
-  let t6;
-  if ($[9] !== cellProps || $[10] !== listPreferences || $[11] !== initialColumns || $[12] !== enableRowSelections || $[13] !== fields || $[14] !== useAsTitle) {
-    t6 = () => buildColumnState({
-      cellProps,
-      columnPreferences: listPreferences?.columns,
-      columns: initialColumns,
+  const [tableColumns, setTableColumns] = React.useState(columnState);
+  const moveColumn = useCallback(async args => {
+    const {
+      fromIndex,
+      toIndex
+    } = args;
+    const withMovedColumn = [...tableColumns];
+    const [columnToMove] = withMovedColumn.splice(fromIndex, 1);
+    withMovedColumn.splice(toIndex, 0, columnToMove);
+    const {
+      state: columnState_0,
+      Table
+    } = await getTableState({
+      collectionSlug,
+      columns: sanitizeColumns(withMovedColumn),
+      docs,
       enableRowSelections,
-      fields,
-      useAsTitle
+      renderRowTypes,
+      tableAppearance
     });
-    $[9] = cellProps;
-    $[10] = listPreferences;
-    $[11] = initialColumns;
-    $[12] = enableRowSelections;
-    $[13] = fields;
-    $[14] = useAsTitle;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  const [tableColumns, setTableColumns] = React.useState(t6);
-  let t7;
-  if ($[16] !== setPreference || $[17] !== preferenceKey) {
-    t7 = newColumns => {
-      const columns = newColumns.map(c => ({
-        accessor: c?.accessor,
-        active: c?.active
-      }));
-      setPreference(preferenceKey, {
-        columns
-      }, true);
-    };
-    $[16] = setPreference;
-    $[17] = preferenceKey;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  const updateColumnPreferences = t7;
-  const reassignLinkColumn = _temp;
-  let t8;
-  if ($[19] !== tableColumns || $[20] !== updateColumnPreferences) {
-    t8 = args => {
-      const {
-        fromIndex,
-        toIndex
-      } = args;
-      const withMovedColumn = [...tableColumns];
-      const [columnToMove] = withMovedColumn.splice(fromIndex, 1);
-      withMovedColumn.splice(toIndex, 0, columnToMove);
-      const newColumns_1 = reassignLinkColumn(withMovedColumn);
-      setTableColumns(newColumns_1);
-      updateColumnPreferences(newColumns_1);
-    };
-    $[19] = tableColumns;
-    $[20] = updateColumnPreferences;
-    $[21] = t8;
-  } else {
-    t8 = $[21];
-  }
-  const moveColumn = t8;
-  let t9;
-  if ($[22] !== tableColumns || $[23] !== updateColumnPreferences) {
-    t9 = column => {
-      const toggledColumns = tableColumns.map(col_0 => ({
-        ...col_0,
-        active: col_0?.cellProps?.field && "name" in col_0.cellProps.field && col_0?.cellProps?.field?.name === column ? !col_0.active : col_0.active
-      }));
-      const newColumns_2 = reassignLinkColumn(toggledColumns);
-      setTableColumns(newColumns_2);
-      updateColumnPreferences(newColumns_2);
-    };
-    $[22] = tableColumns;
-    $[23] = updateColumnPreferences;
-    $[24] = t9;
-  } else {
-    t9 = $[24];
-  }
-  const toggleColumn = t9;
-  let t10;
-  if ($[25] !== tableColumns || $[26] !== updateColumnPreferences) {
-    t10 = activeColumnAccessors => {
-      const activeColumns = tableColumns.map(col_1 => ({
-        ...col_1,
-        active: activeColumnAccessors.includes(col_1.accessor)
-      }));
-      const newColumns_3 = reassignLinkColumn(activeColumns);
-      updateColumnPreferences(newColumns_3);
-    };
-    $[25] = tableColumns;
-    $[26] = updateColumnPreferences;
-    $[27] = t10;
-  } else {
-    t10 = $[27];
-  }
-  const setActiveColumns = t10;
-  let t11;
-  if ($[28] !== collectionSlug || $[29] !== listPreferences || $[30] !== getPreference || $[31] !== preferenceKey || $[32] !== cellProps || $[33] !== initialColumns || $[34] !== fields || $[35] !== useAsTitle) {
-    t11 = () => {
-      const sync = async () => {
-        const collectionHasChanged = prevCollection.current !== collectionSlug;
-        if (collectionHasChanged || !listPreferences) {
-          const currentPreferences = await getPreference(preferenceKey);
-          prevCollection.current = collectionSlug;
-          if (currentPreferences?.columns) {
-            setTableColumns(buildColumnState({
-              cellProps,
-              columnPreferences: currentPreferences?.columns,
-              columns: initialColumns,
-              enableRowSelections: true,
-              fields,
-              useAsTitle
-            }));
-          }
-        }
+    setTableColumns(columnState_0);
+    setTable(Table);
+  }, [tableColumns, collectionSlug, docs, getTableState, setTable, enableRowSelections, renderRowTypes, tableAppearance]);
+  const toggleColumn = useCallback(async column => {
+    const toggledColumns = tableColumns.map(col => {
+      return {
+        accessor: col.accessor,
+        active: col.accessor === column ? !col.active : col.active
       };
-      sync();
-    };
-    $[28] = collectionSlug;
-    $[29] = listPreferences;
-    $[30] = getPreference;
-    $[31] = preferenceKey;
-    $[32] = cellProps;
-    $[33] = initialColumns;
-    $[34] = fields;
-    $[35] = useAsTitle;
-    $[36] = t11;
-  } else {
-    t11 = $[36];
-  }
-  let t12;
-  if ($[37] !== preferenceKey || $[38] !== getPreference || $[39] !== collectionSlug || $[40] !== fields || $[41] !== cellProps || $[42] !== defaultColumns || $[43] !== useAsTitle || $[44] !== listPreferences || $[45] !== initialColumns) {
-    t12 = [preferenceKey, getPreference, collectionSlug, fields, cellProps, defaultColumns, useAsTitle, listPreferences, initialColumns];
-    $[37] = preferenceKey;
-    $[38] = getPreference;
-    $[39] = collectionSlug;
-    $[40] = fields;
-    $[41] = cellProps;
-    $[42] = defaultColumns;
-    $[43] = useAsTitle;
-    $[44] = listPreferences;
-    $[45] = initialColumns;
-    $[46] = t12;
-  } else {
-    t12 = $[46];
-  }
-  React.useEffect(t11, t12);
-  let t13;
-  if ($[47] !== tableColumns || $[48] !== moveColumn || $[49] !== setActiveColumns || $[50] !== toggleColumn || $[51] !== children) {
-    t13 = _jsx(TableColumnContext.Provider, {
-      value: {
-        columns: tableColumns,
-        moveColumn,
-        setActiveColumns,
-        toggleColumn
-      },
-      children
     });
-    $[47] = tableColumns;
-    $[48] = moveColumn;
-    $[49] = setActiveColumns;
-    $[50] = toggleColumn;
-    $[51] = children;
-    $[52] = t13;
-  } else {
-    t13 = $[52];
-  }
-  return t13;
-};
-function _temp(columns_0) {
-  let foundFirstActive;
-  foundFirstActive = false;
-  const newColumns_0 = columns_0.map(col => {
-    const linkColumn = col.active && !foundFirstActive && col.accessor !== "_select";
-    if (linkColumn) {
-      foundFirstActive = true;
-    }
-    return {
-      ...col,
-      cellProps: {
-        ...col.cellProps,
-        link: linkColumn
+    const {
+      state: columnState_1,
+      Table: Table_0
+    } = await getTableState({
+      collectionSlug,
+      columns: toggledColumns,
+      docs,
+      enableRowSelections,
+      renderRowTypes,
+      tableAppearance
+    });
+    setTableColumns(columnState_1);
+    setTable(Table_0);
+  }, [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_2,
+      Table: Table_1
+    } = await getTableState({
+      collectionSlug,
+      columns: activeColumns,
+      docs,
+      enableRowSelections,
+      renderRowTypes,
+      tableAppearance
+    });
+    setTableColumns(columnState_2);
+    setTable(Table_1);
+  }, [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,
+          // }),
+        }
       }
     };
+    void sync();
+  }, [preferenceKey, getPreference, collectionSlug, fields, defaultColumns, useAsTitle, listPreferences, enableRowSelections, sortColumnProps]);
+  return /*#__PURE__*/_jsx(TableColumnContext.Provider, {
+    value: {
+      columns: tableColumns,
+      LinkedCellOverride,
+      moveColumn,
+      resetColumnsState,
+      setActiveColumns,
+      toggleColumn
+    },
+    children: children
   });
-  return newColumns_0;
-}
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useState","useConfig","usePreferences","buildColumnState","filterFields","getInitialColumns","TableColumnContext","useTableColumns","TableColumnsProvider","t0","$","cellProps","children","collectionSlug","enableRowSelections","t1","listPreferences","preferenceKey","undefined","config","t2","collections","t3","t4","collectionConfig","slug","find","collectionConfig_0","admin","fields","defaultColumns","useAsTitle","prevCollection","useRef","getPreference","setPreference","t5","initialColumns","t6","columnPreferences","columns","tableColumns","setTableColumns","t7","newColumns","map","accessor","active","updateColumnPreferences","reassignLinkColumn","_temp","t8","args","fromIndex","toIndex","withMovedColumn","columnToMove","splice","newColumns_1","moveColumn","t9","column","toggledColumns","col_0","col","field","name","newColumns_2","toggleColumn","t10","activeColumnAccessors","activeColumns","col_1","includes","newColumns_3","setActiveColumns","t11","sync","collectionHasChanged","current","currentPreferences","t12","useEffect","t13","_jsx","Provider","value","columns_0","foundFirstActive","newColumns_0","linkColumn","link"],"sources":["../../../src/elements/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, SanitizedCollectionConfig } from 'payload'\n\nimport React, { createContext, useCallback, useContext, useState } from 'react'\n\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\nimport type { Column } from '../Table/index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { buildColumnState } from './buildColumnState.js'\nimport { filterFields } from './filterFields.js'\nimport { getInitialColumns } from './getInitialColumns.js'\n\nexport interface ITableColumns {\n  columns: Column[]\n  moveColumn: (args: { fromIndex: number; toIndex: number }) => void\n  setActiveColumns: (columns: string[]) => void\n  toggleColumn: (column: string) => void\n}\n\nexport const TableColumnContext = createContext<ITableColumns>({} as ITableColumns)\n\nexport const useTableColumns = (): ITableColumns => useContext(TableColumnContext)\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n}\n\ntype Props = {\n  readonly cellProps?: Partial<CellComponentProps>[]\n  readonly children: React.ReactNode\n  readonly collectionSlug: string\n  readonly enableRowSelections?: boolean\n  readonly listPreferences?: ListPreferences\n  readonly preferenceKey: string\n}\n\nexport const TableColumnsProvider: React.FC<Props> = ({\n  cellProps,\n  children,\n  collectionSlug,\n  enableRowSelections = false,\n  listPreferences,\n  preferenceKey,\n}) => {\n  const {\n    config: { collections },\n  } = useConfig()\n\n  const collectionConfig = collections.find(\n    (collectionConfig) => collectionConfig.slug === collectionSlug,\n  )\n\n  const {\n    admin: { defaultColumns, useAsTitle },\n    fields,\n  } = collectionConfig\n\n  const prevCollection = React.useRef<SanitizedCollectionConfig['slug']>(collectionSlug)\n  const { getPreference, setPreference } = usePreferences()\n\n  const [initialColumns] = useState<ColumnPreferences>(() =>\n    getInitialColumns(filterFields(fields), useAsTitle, defaultColumns),\n  )\n\n  const [tableColumns, setTableColumns] = React.useState(() =>\n    buildColumnState({\n      cellProps,\n      columnPreferences: listPreferences?.columns,\n      columns: initialColumns,\n      enableRowSelections,\n      fields,\n      useAsTitle,\n    }),\n  )\n\n  const updateColumnPreferences = React.useCallback(\n    (newColumns: Column[]) => {\n      const columns = newColumns.map((c) => ({\n        accessor: c?.accessor,\n        active: c?.active,\n      }))\n\n      void setPreference(preferenceKey, { columns }, true)\n    },\n    [preferenceKey, setPreference],\n  )\n\n  const reassignLinkColumn = (columns: Column[]): Column[] => {\n    let foundFirstActive = false\n    const newColumns = columns.map((col) => {\n      const linkColumn = col.active && !foundFirstActive && col.accessor !== '_select'\n      if (linkColumn) foundFirstActive = true\n\n      return {\n        ...col,\n        cellProps: {\n          ...col.cellProps,\n          link: linkColumn,\n        },\n      }\n    })\n\n    return newColumns\n  }\n\n  const moveColumn = useCallback(\n    (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n\n      const withMovedColumn = [...tableColumns]\n      const [columnToMove] = withMovedColumn.splice(fromIndex, 1)\n      withMovedColumn.splice(toIndex, 0, columnToMove)\n\n      const newColumns = reassignLinkColumn(withMovedColumn)\n      setTableColumns(newColumns)\n      updateColumnPreferences(newColumns)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  const toggleColumn = useCallback(\n    (column: string) => {\n      const toggledColumns = tableColumns.map((col) => {\n        return {\n          ...col,\n          active:\n            col?.cellProps?.field &&\n            'name' in col.cellProps.field &&\n            col?.cellProps?.field?.name === column\n              ? !col.active\n              : col.active,\n        }\n      })\n\n      const newColumns = reassignLinkColumn(toggledColumns)\n      setTableColumns(newColumns)\n      updateColumnPreferences(newColumns)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  const setActiveColumns = React.useCallback(\n    (activeColumnAccessors) => {\n      const activeColumns = tableColumns.map((col) => {\n        return {\n          ...col,\n          active: activeColumnAccessors.includes(col.accessor),\n        }\n      })\n\n      const newColumns = reassignLinkColumn(activeColumns)\n      updateColumnPreferences(newColumns)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  // //////////////////////////////////////////////\n  // Get preferences on collection change (drawers)\n  // //////////////////////////////////////////////\n\n  React.useEffect(() => {\n    const sync = async () => {\n      const collectionHasChanged = prevCollection.current !== collectionSlug\n\n      if (collectionHasChanged || !listPreferences) {\n        const currentPreferences = await getPreference<{\n          columns: ColumnPreferences\n        }>(preferenceKey)\n        prevCollection.current = collectionSlug\n\n        if (currentPreferences?.columns) {\n          setTableColumns(\n            buildColumnState({\n              cellProps,\n              columnPreferences: currentPreferences?.columns,\n              columns: initialColumns,\n              enableRowSelections: true,\n              fields,\n              useAsTitle,\n            }),\n          )\n        }\n      }\n    }\n\n    void sync()\n  }, [\n    preferenceKey,\n    getPreference,\n    collectionSlug,\n    fields,\n    cellProps,\n    defaultColumns,\n    useAsTitle,\n    listPreferences,\n    initialColumns,\n  ])\n\n  return (\n    <TableColumnContext.Provider\n      value={{\n        columns: tableColumns,\n        moveColumn,\n        setActiveColumns,\n        toggleColumn,\n      }}\n    >\n      {children}\n    </TableColumnContext.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","createContext","useCallback","useContext","useConfig","usePreferences","useServerFunctions","TableColumnContext","useTableColumns","sanitizeColumns","columns","map","accessor","active","TableColumnsProvider","children","collectionSlug","columnState","docs","enableRowSelections","LinkedCellOverride","listPreferences","preferenceKey","renderRowTypes","setTable","sortColumnProps","tableAppearance","getEntityConfig","getTableState","admin","defaultColumns","useAsTitle","fields","prevCollection","useRef","getPreference","setPreference","tableColumns","setTableColumns","useState","moveColumn","args","fromIndex","toIndex","withMovedColumn","columnToMove","splice","state","Table","toggleColumn","column","toggledColumns","col","setActiveColumns","activeColumnAccessors","activeColumns","includes","toSorted","first","second","indexOfFirst","indexOf","indexOfSecond","resetColumnsState","useEffect","sync","collectionHasChanged","current","currentPreferences","_jsx","Provider","value"],"sources":["../../../src/elements/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, SanitizedCollectionConfig } from 'payload'\n\nimport React, { createContext, useCallback, useContext } from 'react'\n\nimport type { ColumnPreferences } from '../../providers/ListQuery/index.js'\nimport type { SortColumnProps } from '../SortColumn/index.js'\nimport type { Column } from '../Table/index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\n\nexport interface ITableColumns {\n  columns: Column[]\n  LinkedCellOverride?: React.ReactNode\n  moveColumn: (args: { fromIndex: number; toIndex: number }) => Promise<void>\n  resetColumnsState: () => Promise<void>\n  setActiveColumns: (columns: string[]) => Promise<void>\n  toggleColumn: (column: string) => Promise<void>\n}\n\nexport const TableColumnContext = createContext<ITableColumns>({} as ITableColumns)\n\nexport const useTableColumns = (): ITableColumns => useContext(TableColumnContext)\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n}\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly collectionSlug: string\n  readonly columnState: Column[]\n  readonly docs: any[]\n  readonly enableRowSelections?: boolean\n  readonly LinkedCellOverride?: React.ReactNode\n  readonly listPreferences?: ListPreferences\n  readonly preferenceKey: string\n  readonly renderRowTypes?: boolean\n  readonly setTable: (Table: React.ReactNode) => void\n  readonly sortColumnProps?: Partial<SortColumnProps>\n  readonly tableAppearance?: 'condensed' | 'default'\n}\n\n// strip out Heading, Label, and renderedCells properties, they cannot be sent to the server\nconst sanitizeColumns = (columns: Column[]) => {\n  return columns.map(({ accessor, active }) => ({\n    accessor,\n    active,\n  }))\n}\n\nexport const TableColumnsProvider: React.FC<Props> = ({\n  children,\n  collectionSlug,\n  columnState,\n  docs,\n  enableRowSelections,\n  LinkedCellOverride,\n  listPreferences,\n  preferenceKey,\n  renderRowTypes,\n  setTable,\n  sortColumnProps,\n  tableAppearance,\n}) => {\n  const { getEntityConfig } = useConfig()\n\n  const { getTableState } = useServerFunctions()\n\n  const { admin: { defaultColumns, useAsTitle } = {}, fields } = getEntityConfig({\n    collectionSlug,\n  }) as ClientCollectionConfig\n\n  const prevCollection = React.useRef<SanitizedCollectionConfig['slug']>(collectionSlug)\n  const { getPreference, setPreference } = usePreferences()\n\n  const [tableColumns, setTableColumns] = React.useState(columnState)\n\n  const moveColumn = useCallback(\n    async (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n      const withMovedColumn = [...tableColumns]\n      const [columnToMove] = withMovedColumn.splice(fromIndex, 1)\n      withMovedColumn.splice(toIndex, 0, columnToMove)\n\n      const { state: columnState, Table } = await getTableState({\n        collectionSlug,\n        columns: sanitizeColumns(withMovedColumn),\n        docs,\n        enableRowSelections,\n        renderRowTypes,\n        tableAppearance,\n      })\n\n      setTableColumns(columnState)\n      setTable(Table)\n    },\n    [\n      tableColumns,\n      collectionSlug,\n      docs,\n      getTableState,\n      setTable,\n      enableRowSelections,\n      renderRowTypes,\n      tableAppearance,\n    ],\n  )\n\n  const toggleColumn = useCallback(\n    async (column: string) => {\n      const toggledColumns: Pick<Column, 'accessor' | 'active'>[] = tableColumns.map((col) => {\n        return {\n          accessor: col.accessor,\n          active: col.accessor === column ? !col.active : col.active,\n        }\n      })\n\n      const { state: columnState, Table } = await getTableState({\n        collectionSlug,\n        columns: toggledColumns,\n        docs,\n        enableRowSelections,\n        renderRowTypes,\n        tableAppearance,\n      })\n\n      setTableColumns(columnState)\n      setTable(Table)\n    },\n    [\n      tableColumns,\n      getTableState,\n      setTable,\n      collectionSlug,\n      docs,\n      enableRowSelections,\n      renderRowTypes,\n      tableAppearance,\n    ],\n  )\n\n  const setActiveColumns = React.useCallback(\n    async (activeColumnAccessors: string[]) => {\n      const activeColumns: Pick<Column, 'accessor' | 'active'>[] = tableColumns\n        .map((col) => {\n          return {\n            accessor: col.accessor,\n            active: activeColumnAccessors.includes(col.accessor),\n          }\n        })\n        .toSorted((first, second) => {\n          const indexOfFirst = activeColumnAccessors.indexOf(first.accessor)\n          const indexOfSecond = activeColumnAccessors.indexOf(second.accessor)\n\n          if (indexOfFirst === -1 || indexOfSecond === -1) {\n            return 0\n          }\n\n          return indexOfFirst > indexOfSecond ? 1 : -1\n        })\n\n      const { state: columnState, Table } = await getTableState({\n        collectionSlug,\n        columns: activeColumns,\n        docs,\n        enableRowSelections,\n        renderRowTypes,\n        tableAppearance,\n      })\n\n      setTableColumns(columnState)\n      setTable(Table)\n    },\n    [\n      tableColumns,\n      getTableState,\n      setTable,\n      collectionSlug,\n      docs,\n      enableRowSelections,\n      renderRowTypes,\n      tableAppearance,\n    ],\n  )\n\n  const resetColumnsState = React.useCallback(async () => {\n    await setActiveColumns(defaultColumns)\n  }, [defaultColumns, setActiveColumns])\n\n  // //////////////////////////////////////////////\n  // Get preferences on collection change (drawers)\n  // //////////////////////////////////////////////\n\n  React.useEffect(() => {\n    const sync = async () => {\n      const collectionHasChanged = prevCollection.current !== collectionSlug\n\n      if (collectionHasChanged || !listPreferences) {\n        const currentPreferences = await getPreference<{\n          columns: ColumnPreferences\n        }>(preferenceKey)\n\n        prevCollection.current = collectionSlug\n\n        if (currentPreferences?.columns) {\n          // setTableColumns()\n          // buildColumnState({\n          //   beforeRows,\n          //   columnPreferences: currentPreferences?.columns,\n          //   columns: initialColumns,\n          //   enableRowSelections,\n          //   fields,\n          //   sortColumnProps,\n          //   useAsTitle,\n          // }),\n        }\n      }\n    }\n\n    void sync()\n  }, [\n    preferenceKey,\n    getPreference,\n    collectionSlug,\n    fields,\n    defaultColumns,\n    useAsTitle,\n    listPreferences,\n    enableRowSelections,\n    sortColumnProps,\n  ])\n\n  return (\n    <TableColumnContext.Provider\n      value={{\n        columns: tableColumns,\n        LinkedCellOverride,\n        moveColumn,\n        resetColumnsState,\n        setActiveColumns,\n        toggleColumn,\n      }}\n    >\n      {children}\n    </TableColumnContext.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Thumbnail/createThumbnail.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Create a thumbnail from a File object by drawing it onto an OffscreenCanvas
+ */
+export declare const createThumbnail: (file: File) => Promise<string>;
+//# sourceMappingURL=createThumbnail.d.ts.map

package/dist/elements/Thumbnail/createThumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createThumbnail.d.ts","sourceRoot":"","sources":["../../../src/elements/Thumbnail/createThumbnail.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,IAAI,KAAG,OAAO,CAAC,MAAM,CAgD1D,CAAA"}

package/dist/elements/Thumbnail/createThumbnail.js

@@ -0,0 +1,50 @@
+/**
+ * Create a thumbnail from a File object by drawing it onto an OffscreenCanvas
+ */export const createThumbnail = file => {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.src = URL.createObjectURL(file) // Use Object URL directly
+    ;
+    img.onload = () => {
+      const maxDimension = 280;
+      let drawHeight, drawWidth;
+      // Calculate aspect ratio
+      const aspectRatio = img.width / img.height;
+      // Determine dimensions to fit within maxDimension while maintaining aspect ratio
+      if (aspectRatio > 1) {
+        // Image is wider than tall
+        drawWidth = maxDimension;
+        drawHeight = maxDimension / aspectRatio;
+      } else {
+        // Image is taller than wide, or square
+        drawWidth = maxDimension * aspectRatio;
+        drawHeight = maxDimension;
+      }
+      const canvas = new OffscreenCanvas(drawWidth, drawHeight) // Create an OffscreenCanvas
+      ;
+      const ctx = canvas.getContext('2d');
+      // Draw the image onto the OffscreenCanvas with calculated dimensions
+      ctx.drawImage(img, 0, 0, drawWidth, drawHeight);
+      // Convert the OffscreenCanvas to a Blob and free up memory
+      canvas.convertToBlob({
+        type: 'image/jpeg',
+        quality: 0.25
+      }).then(blob => {
+        URL.revokeObjectURL(img.src) // Release the Object URL
+        ;
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result) // Resolve as data URL
+        ;
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+      }).catch(reject);
+    };
+    img.onerror = error => {
+      URL.revokeObjectURL(img.src) // Release Object URL on error
+      ;
+      // eslint-disable-next-line @typescript-eslint/prefer-promise-reject-errors
+      reject(error);
+    };
+  });
+};
+//# sourceMappingURL=createThumbnail.js.map