@payloadcms/plugin-import-export 3.44.0-internal.6b79dc2 → 3.45.0-canary.0

package/dist/components/FieldsToExport/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldsToExport/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAmB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAkB1E,eAAO,MAAM,cAAc,EAAE,0BAiF5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldsToExport/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAyB,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAkBhF,eAAO,MAAM,cAAc,EAAE,0BAkF5B,CAAA"}

package/dist/components/FieldsToExport/index.js

@@ -49,7 +49,7 @@ export const FieldsToExport = (props)=>{
             return;
         }
         const doAsync = async ()=>{
-            const currentPreferences = await getPreference(`${collectionSlug}-list`);
+            const currentPreferences = await getPreference(`collection-${collectionSlug}`);
             const columns = currentPreferences?.columns?.filter((a)=>a.active).map((b)=>b.accessor);
             setValue(columns ?? collectionConfig?.admin?.defaultColumns ?? []);
         };

package/dist/components/FieldsToExport/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FieldsToExport/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListPreferences, SelectFieldClientComponent } from 'payload'\nimport type { ReactNode } from 'react'\n\nimport {\n  FieldLabel,\n  ReactSelect,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  usePreferences,\n} from '@payloadcms/ui'\nimport React, { useEffect, useState } from 'react'\n\nimport { useImportExport } from '../ImportExportProvider/index.js'\nimport { reduceFields } from './reduceFields.js'\n\nconst baseClass = 'fields-to-export'\n\nexport const FieldsToExport: SelectFieldClientComponent = (props) => {\n  const { id } = useDocumentInfo()\n  const { setValue, value } = useField<string[]>()\n  const { value: collectionSlug } = useField<string>({ path: 'collectionSlug' })\n  const { getEntityConfig } = useConfig()\n  const { collection } = useImportExport()\n  const { getPreference } = usePreferences()\n  const [displayedValue, setDisplayedValue] = useState<\n    { id: string; label: ReactNode; value: string }[]\n  >([])\n\n  const collectionConfig = getEntityConfig({ collectionSlug: collectionSlug ?? collection })\n  const fieldOptions = reduceFields({ fields: collectionConfig?.fields })\n\n  useEffect(() => {\n    if (value && value.length > 0) {\n      setDisplayedValue((prevDisplayedValue) => {\n        if (prevDisplayedValue.length > 0) {\n          return prevDisplayedValue\n        } // Prevent unnecessary updates\n\n        return value.map((field) => {\n          const match = fieldOptions.find((option) => option.value === field)\n          return match ? { ...match, id: field } : { id: field, label: field, value: field }\n        })\n      })\n    }\n  }, [value, fieldOptions])\n\n  useEffect(() => {\n    if (id || !collectionSlug) {\n      return\n    }\n    const doAsync = async () => {\n      const currentPreferences = await getPreference<{\n        columns: ListPreferences['columns']\n      }>(`${collectionSlug}-list`)\n\n      const columns = currentPreferences?.columns?.filter((a) => a.active).map((b) => b.accessor)\n      setValue(columns ?? collectionConfig?.admin?.defaultColumns ?? [])\n    }\n\n    void doAsync()\n  }, [\n    getPreference,\n    collection,\n    setValue,\n    collectionSlug,\n    id,\n    collectionConfig?.admin?.defaultColumns,\n  ])\n  const onChange = (options: { id: string; label: ReactNode; value: string }[]) => {\n    if (!options) {\n      setValue([])\n      return\n    }\n    const updatedValue = options?.map((option) =>\n      typeof option === 'object' ? option.value : option,\n    )\n    setValue(updatedValue)\n    setDisplayedValue(options)\n  }\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel label={props.field.label} path={props.path} />\n      <ReactSelect\n        className={baseClass}\n        disabled={props.readOnly}\n        getOptionValue={(option) => String(option.value)}\n        inputId={`field-${props.path.replace(/\\./g, '__')}`}\n        isClearable={true}\n        isMulti={true}\n        isSortable={true}\n        // @ts-expect-error react select option\n        onChange={onChange}\n        options={fieldOptions}\n        value={displayedValue}\n      />\n    </div>\n  )\n}\n"],"names":["FieldLabel","ReactSelect","useConfig","useDocumentInfo","useField","usePreferences","React","useEffect","useState","useImportExport","reduceFields","baseClass","FieldsToExport","props","id","setValue","value","collectionSlug","path","getEntityConfig","collection","getPreference","displayedValue","setDisplayedValue","collectionConfig","fieldOptions","fields","length","prevDisplayedValue","map","field","match","find","option","label","doAsync","currentPreferences","columns","filter","a","active","b","accessor","admin","defaultColumns","onChange","options","updatedValue","div","className","disabled","readOnly","getOptionValue","String","inputId","replace","isClearable","isMulti","isSortable"],"mappings":"AAAA;;AAKA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,QAAQ,EACRC,cAAc,QACT,iBAAgB;AACvB,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAElD,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,YAAY,QAAQ,oBAAmB;AAEhD,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA6C,CAACC;IACzD,MAAM,EAAEC,EAAE,EAAE,GAAGX;IACf,MAAM,EAAEY,QAAQ,EAAEC,KAAK,EAAE,GAAGZ;IAC5B,MAAM,EAAEY,OAAOC,cAAc,EAAE,GAAGb,SAAiB;QAAEc,MAAM;IAAiB;IAC5E,MAAM,EAAEC,eAAe,EAAE,GAAGjB;IAC5B,MAAM,EAAEkB,UAAU,EAAE,GAAGX;IACvB,MAAM,EAAEY,aAAa,EAAE,GAAGhB;IAC1B,MAAM,CAACiB,gBAAgBC,kBAAkB,GAAGf,SAE1C,EAAE;IAEJ,MAAMgB,mBAAmBL,gBAAgB;QAAEF,gBAAgBA,kBAAkBG;IAAW;IACxF,MAAMK,eAAef,aAAa;QAAEgB,QAAQF,kBAAkBE;IAAO;IAErEnB,UAAU;QACR,IAAIS,SAASA,MAAMW,MAAM,GAAG,GAAG;YAC7BJ,kBAAkB,CAACK;gBACjB,IAAIA,mBAAmBD,MAAM,GAAG,GAAG;oBACjC,OAAOC;gBACT,EAAE,8BAA8B;gBAEhC,OAAOZ,MAAMa,GAAG,CAAC,CAACC;oBAChB,MAAMC,QAAQN,aAAaO,IAAI,CAAC,CAACC,SAAWA,OAAOjB,KAAK,KAAKc;oBAC7D,OAAOC,QAAQ;wBAAE,GAAGA,KAAK;wBAAEjB,IAAIgB;oBAAM,IAAI;wBAAEhB,IAAIgB;wBAAOI,OAAOJ;wBAAOd,OAAOc;oBAAM;gBACnF;YACF;QACF;IACF,GAAG;QAACd;QAAOS;KAAa;IAExBlB,UAAU;QACR,IAAIO,MAAM,CAACG,gBAAgB;YACzB;QACF;QACA,MAAMkB,UAAU;YACd,MAAMC,qBAAqB,MAAMf,cAE9B,GAAGJ,eAAe,KAAK,CAAC;YAE3B,MAAMoB,UAAUD,oBAAoBC,SAASC,OAAO,CAACC,IAAMA,EAAEC,MAAM,EAAEX,IAAI,CAACY,IAAMA,EAAEC,QAAQ;YAC1F3B,SAASsB,WAAWb,kBAAkBmB,OAAOC,kBAAkB,EAAE;QACnE;QAEA,KAAKT;IACP,GAAG;QACDd;QACAD;QACAL;QACAE;QACAH;QACAU,kBAAkBmB,OAAOC;KAC1B;IACD,MAAMC,WAAW,CAACC;QAChB,IAAI,CAACA,SAAS;YACZ/B,SAAS,EAAE;YACX;QACF;QACA,MAAMgC,eAAeD,SAASjB,IAAI,CAACI,SACjC,OAAOA,WAAW,WAAWA,OAAOjB,KAAK,GAAGiB;QAE9ClB,SAASgC;QACTxB,kBAAkBuB;IACpB;IAEA,qBACE,MAACE;QAAIC,WAAWtC;;0BACd,KAACX;gBAAWkC,OAAOrB,MAAMiB,KAAK,CAACI,KAAK;gBAAEhB,MAAML,MAAMK,IAAI;;0BACtD,KAACjB;gBACCgD,WAAWtC;gBACXuC,UAAUrC,MAAMsC,QAAQ;gBACxBC,gBAAgB,CAACnB,SAAWoB,OAAOpB,OAAOjB,KAAK;gBAC/CsC,SAAS,CAAC,MAAM,EAAEzC,MAAMK,IAAI,CAACqC,OAAO,CAAC,OAAO,OAAO;gBACnDC,aAAa;gBACbC,SAAS;gBACTC,YAAY;gBACZ,uCAAuC;gBACvCb,UAAUA;gBACVC,SAASrB;gBACTT,OAAOM;;;;AAIf,EAAC"}
+{"version":3,"sources":["../../../src/components/FieldsToExport/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionPreferences, SelectFieldClientComponent } from 'payload'\nimport type { ReactNode } from 'react'\n\nimport {\n  FieldLabel,\n  ReactSelect,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  usePreferences,\n} from '@payloadcms/ui'\nimport React, { useEffect, useState } from 'react'\n\nimport { useImportExport } from '../ImportExportProvider/index.js'\nimport { reduceFields } from './reduceFields.js'\n\nconst baseClass = 'fields-to-export'\n\nexport const FieldsToExport: SelectFieldClientComponent = (props) => {\n  const { id } = useDocumentInfo()\n  const { setValue, value } = useField<string[]>()\n  const { value: collectionSlug } = useField<string>({ path: 'collectionSlug' })\n  const { getEntityConfig } = useConfig()\n  const { collection } = useImportExport()\n  const { getPreference } = usePreferences()\n  const [displayedValue, setDisplayedValue] = useState<\n    { id: string; label: ReactNode; value: string }[]\n  >([])\n\n  const collectionConfig = getEntityConfig({ collectionSlug: collectionSlug ?? collection })\n  const fieldOptions = reduceFields({ fields: collectionConfig?.fields })\n\n  useEffect(() => {\n    if (value && value.length > 0) {\n      setDisplayedValue((prevDisplayedValue) => {\n        if (prevDisplayedValue.length > 0) {\n          return prevDisplayedValue\n        } // Prevent unnecessary updates\n\n        return value.map((field) => {\n          const match = fieldOptions.find((option) => option.value === field)\n          return match ? { ...match, id: field } : { id: field, label: field, value: field }\n        })\n      })\n    }\n  }, [value, fieldOptions])\n\n  useEffect(() => {\n    if (id || !collectionSlug) {\n      return\n    }\n\n    const doAsync = async () => {\n      const currentPreferences = await getPreference<{\n        columns: CollectionPreferences['columns']\n      }>(`collection-${collectionSlug}`)\n\n      const columns = currentPreferences?.columns?.filter((a) => a.active).map((b) => b.accessor)\n      setValue(columns ?? collectionConfig?.admin?.defaultColumns ?? [])\n    }\n\n    void doAsync()\n  }, [\n    getPreference,\n    collection,\n    setValue,\n    collectionSlug,\n    id,\n    collectionConfig?.admin?.defaultColumns,\n  ])\n  const onChange = (options: { id: string; label: ReactNode; value: string }[]) => {\n    if (!options) {\n      setValue([])\n      return\n    }\n    const updatedValue = options?.map((option) =>\n      typeof option === 'object' ? option.value : option,\n    )\n    setValue(updatedValue)\n    setDisplayedValue(options)\n  }\n\n  return (\n    <div className={baseClass}>\n      <FieldLabel label={props.field.label} path={props.path} />\n      <ReactSelect\n        className={baseClass}\n        disabled={props.readOnly}\n        getOptionValue={(option) => String(option.value)}\n        inputId={`field-${props.path.replace(/\\./g, '__')}`}\n        isClearable={true}\n        isMulti={true}\n        isSortable={true}\n        // @ts-expect-error react select option\n        onChange={onChange}\n        options={fieldOptions}\n        value={displayedValue}\n      />\n    </div>\n  )\n}\n"],"names":["FieldLabel","ReactSelect","useConfig","useDocumentInfo","useField","usePreferences","React","useEffect","useState","useImportExport","reduceFields","baseClass","FieldsToExport","props","id","setValue","value","collectionSlug","path","getEntityConfig","collection","getPreference","displayedValue","setDisplayedValue","collectionConfig","fieldOptions","fields","length","prevDisplayedValue","map","field","match","find","option","label","doAsync","currentPreferences","columns","filter","a","active","b","accessor","admin","defaultColumns","onChange","options","updatedValue","div","className","disabled","readOnly","getOptionValue","String","inputId","replace","isClearable","isMulti","isSortable"],"mappings":"AAAA;;AAKA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,QAAQ,EACRC,cAAc,QACT,iBAAgB;AACvB,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAElD,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,YAAY,QAAQ,oBAAmB;AAEhD,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAA6C,CAACC;IACzD,MAAM,EAAEC,EAAE,EAAE,GAAGX;IACf,MAAM,EAAEY,QAAQ,EAAEC,KAAK,EAAE,GAAGZ;IAC5B,MAAM,EAAEY,OAAOC,cAAc,EAAE,GAAGb,SAAiB;QAAEc,MAAM;IAAiB;IAC5E,MAAM,EAAEC,eAAe,EAAE,GAAGjB;IAC5B,MAAM,EAAEkB,UAAU,EAAE,GAAGX;IACvB,MAAM,EAAEY,aAAa,EAAE,GAAGhB;IAC1B,MAAM,CAACiB,gBAAgBC,kBAAkB,GAAGf,SAE1C,EAAE;IAEJ,MAAMgB,mBAAmBL,gBAAgB;QAAEF,gBAAgBA,kBAAkBG;IAAW;IACxF,MAAMK,eAAef,aAAa;QAAEgB,QAAQF,kBAAkBE;IAAO;IAErEnB,UAAU;QACR,IAAIS,SAASA,MAAMW,MAAM,GAAG,GAAG;YAC7BJ,kBAAkB,CAACK;gBACjB,IAAIA,mBAAmBD,MAAM,GAAG,GAAG;oBACjC,OAAOC;gBACT,EAAE,8BAA8B;gBAEhC,OAAOZ,MAAMa,GAAG,CAAC,CAACC;oBAChB,MAAMC,QAAQN,aAAaO,IAAI,CAAC,CAACC,SAAWA,OAAOjB,KAAK,KAAKc;oBAC7D,OAAOC,QAAQ;wBAAE,GAAGA,KAAK;wBAAEjB,IAAIgB;oBAAM,IAAI;wBAAEhB,IAAIgB;wBAAOI,OAAOJ;wBAAOd,OAAOc;oBAAM;gBACnF;YACF;QACF;IACF,GAAG;QAACd;QAAOS;KAAa;IAExBlB,UAAU;QACR,IAAIO,MAAM,CAACG,gBAAgB;YACzB;QACF;QAEA,MAAMkB,UAAU;YACd,MAAMC,qBAAqB,MAAMf,cAE9B,CAAC,WAAW,EAAEJ,gBAAgB;YAEjC,MAAMoB,UAAUD,oBAAoBC,SAASC,OAAO,CAACC,IAAMA,EAAEC,MAAM,EAAEX,IAAI,CAACY,IAAMA,EAAEC,QAAQ;YAC1F3B,SAASsB,WAAWb,kBAAkBmB,OAAOC,kBAAkB,EAAE;QACnE;QAEA,KAAKT;IACP,GAAG;QACDd;QACAD;QACAL;QACAE;QACAH;QACAU,kBAAkBmB,OAAOC;KAC1B;IACD,MAAMC,WAAW,CAACC;QAChB,IAAI,CAACA,SAAS;YACZ/B,SAAS,EAAE;YACX;QACF;QACA,MAAMgC,eAAeD,SAASjB,IAAI,CAACI,SACjC,OAAOA,WAAW,WAAWA,OAAOjB,KAAK,GAAGiB;QAE9ClB,SAASgC;QACTxB,kBAAkBuB;IACpB;IAEA,qBACE,MAACE;QAAIC,WAAWtC;;0BACd,KAACX;gBAAWkC,OAAOrB,MAAMiB,KAAK,CAACI,KAAK;gBAAEhB,MAAML,MAAMK,IAAI;;0BACtD,KAACjB;gBACCgD,WAAWtC;gBACXuC,UAAUrC,MAAMsC,QAAQ;gBACxBC,gBAAgB,CAACnB,SAAWoB,OAAOpB,OAAOjB,KAAK;gBAC/CsC,SAAS,CAAC,MAAM,EAAEzC,MAAMK,IAAI,CAACqC,OAAO,CAAC,OAAO,OAAO;gBACnDC,aAAa;gBACbC,SAAS;gBACTC,YAAY;gBACZ,uCAAuC;gBACvCb,UAAUA;gBACVC,SAASrB;gBACTT,OAAOM;;;;AAIf,EAAC"}

package/dist/components/Preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Preview/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,OAAO,yBA8GnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Preview/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,OAAO,yBA+InB,CAAA"}

package/dist/components/Preview/index.js

@@ -1,12 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Table, Translation, useConfig, useField, useTranslation } from '@payloadcms/ui';
-import { fieldAffectsData } from 'payload/shared';
-import * as qs from 'qs-esm';
+import { CodeEditorLazy, Table, Translation, useConfig, useField, useTranslation } from '@payloadcms/ui';
 import React from 'react';
-import './index.scss';
 import { useImportExport } from '../ImportExportProvider/index.js';
+import './index.scss';
 const baseClass = 'preview';
 export const Preview = ()=>{
     const { collection } = useImportExport();
@@ -24,7 +22,13 @@ export const Preview = ()=>{
         path: 'sort'
     });
     const { value: draft } = useField({
-        path: 'draft'
+        path: 'drafts'
+    });
+    const { value: locale } = useField({
+        path: 'locale'
+    });
+    const { value: format } = useField({
+        path: 'format'
     });
     const [dataToRender, setDataToRender] = React.useState([]);
     const [resultCount, setResultCount] = React.useState('');
@@ -32,68 +36,98 @@ export const Preview = ()=>{
     const { i18n, t } = useTranslation();
     const collectionSlug = typeof collection === 'string' && collection;
     const collectionConfig = config.collections.find((collection)=>collection.slug === collectionSlug);
+    const isCSV = format === 'csv';
     React.useEffect(()=>{
         const fetchData = async ()=>{
-            if (!collectionSlug) {
+            if (!collectionSlug || !collectionConfig) {
                 return;
             }
             try {
-                const whereQuery = qs.stringify({
-                    depth: 0,
-                    draft,
-                    limit: limit > 10 ? 10 : limit,
-                    sort,
-                    where
-                }, {
-                    addQueryPrefix: true
-                });
-                const response = await fetch(`/api/${collectionSlug}${whereQuery}`, {
+                const res = await fetch('/api/preview-data', {
+                    body: JSON.stringify({
+                        collectionSlug,
+                        draft,
+                        fields,
+                        limit,
+                        locale,
+                        sort,
+                        where
+                    }),
+                    credentials: 'include',
                     headers: {
                         'Content-Type': 'application/json'
                     },
-                    method: 'GET'
+                    method: 'POST'
                 });
-                if (response.ok) {
-                    const data = await response.json();
-                    setResultCount(limit && limit < data.totalDocs ? limit : data.totalDocs);
-                    // TODO: check if this data is in the correct format for the table
-                    const filteredFields = collectionConfig?.fields?.filter((field)=>{
-                        if (!fieldAffectsData(field)) {
-                            return false;
-                        }
-                        if (fields?.length > 0) {
-                            return fields.includes(field.name);
-                        }
-                        return true;
-                    }) ?? [];
-                    setColumns(filteredFields.map((field)=>({
-                            accessor: field.name || '',
-                            active: true,
-                            field: field,
-                            Heading: getTranslation(field?.label || field.name, i18n),
-                            renderedCells: data.docs.map((doc)=>{
-                                if (!field.name || !doc[field.name]) {
-                                    return null;
-                                }
-                                if (typeof doc[field.name] === 'object') {
-                                    return JSON.stringify(doc[field.name]);
-                                }
-                                return String(doc[field.name]);
-                            })
-                        })));
-                    setDataToRender(data.docs);
+                if (!res.ok) {
+                    return;
                 }
+                const { docs, totalDocs } = await res.json();
+                setResultCount(limit && limit < totalDocs ? limit : totalDocs);
+                const allKeys = Object.keys(docs[0] || {});
+                const defaultMetaFields = [
+                    'createdAt',
+                    'updatedAt',
+                    '_status',
+                    'id'
+                ];
+                // Match CSV column ordering by building keys based on fields and regex
+                const fieldToRegex = (field)=>{
+                    const parts = field.split('.').map((part)=>`${part}(?:_\\d+)?`);
+                    return new RegExp(`^${parts.join('_')}`);
+                };
+                // Construct final list of field keys to match field order + meta order
+                const selectedKeys = Array.isArray(fields) && fields.length > 0 ? fields.flatMap((field)=>{
+                    const regex = fieldToRegex(field);
+                    return allKeys.filter((key)=>regex.test(key));
+                }) : allKeys.filter((key)=>!defaultMetaFields.includes(key));
+                const includedMeta = new Set(selectedKeys);
+                const missingMetaFields = defaultMetaFields.flatMap((field)=>{
+                    const regex = fieldToRegex(field);
+                    return allKeys.filter((key)=>regex.test(key) && !includedMeta.has(key));
+                });
+                const fieldKeys = [
+                    ...selectedKeys,
+                    ...missingMetaFields
+                ];
+                // Build columns based on flattened keys
+                const newColumns = fieldKeys.map((key)=>({
+                        accessor: key,
+                        active: true,
+                        field: {
+                            name: key
+                        },
+                        Heading: getTranslation(key, i18n),
+                        renderedCells: docs.map((doc)=>{
+                            const val = doc[key];
+                            if (val === undefined || val === null) {
+                                return null;
+                            }
+                            // Avoid ESLint warning by type-checking before calling String()
+                            if (typeof val === 'string' || typeof val === 'number' || typeof val === 'boolean') {
+                                return String(val);
+                            }
+                            if (Array.isArray(val)) {
+                                return val.map(String).join(', ');
+                            }
+                            return JSON.stringify(val);
+                        })
+                    }));
+                setColumns(newColumns);
+                setDataToRender(docs);
             } catch (error) {
-                console.error('Error fetching data:', error);
+                console.error('Error fetching preview data:', error);
             }
         };
         void fetchData();
     }, [
-        collectionConfig?.fields,
+        collectionConfig,
         collectionSlug,
         draft,
         fields,
+        i18n,
         limit,
+        locale,
         sort,
         where
     ]);
@@ -120,10 +154,14 @@ export const Preview = ()=>{
                     })
                 ]
             }),
-            dataToRender && /*#__PURE__*/ _jsx(Table, {
+            dataToRender && (isCSV ? /*#__PURE__*/ _jsx(Table, {
                 columns: columns,
                 data: dataToRender
-            })
+            }) : /*#__PURE__*/ _jsx(CodeEditorLazy, {
+                language: "json",
+                readOnly: true,
+                value: JSON.stringify(dataToRender, null, 2)
+            }))
         ]
     });
 };

package/dist/components/Preview/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Preview/index.tsx"],"sourcesContent":["'use client'\nimport type { Column } from '@payloadcms/ui'\nimport type { ClientField, FieldAffectingDataClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Table, Translation, useConfig, useField, useTranslation } from '@payloadcms/ui'\nimport { fieldAffectsData } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\n\nimport './index.scss'\nimport { useImportExport } from '../ImportExportProvider/index.js'\n\nconst baseClass = 'preview'\n\nexport const Preview = () => {\n  const { collection } = useImportExport()\n  const { config } = useConfig()\n  const { value: where } = useField({ path: 'where' })\n  const { value: limit } = useField<number>({ path: 'limit' })\n  const { value: fields } = useField<string[]>({ path: 'fields' })\n  const { value: sort } = useField({ path: 'sort' })\n  const { value: draft } = useField({ path: 'draft' })\n  const [dataToRender, setDataToRender] = React.useState<any[]>([])\n  const [resultCount, setResultCount] = React.useState<any>('')\n  const [columns, setColumns] = React.useState<Column[]>([])\n  const { i18n, t } = useTranslation<\n    PluginImportExportTranslations,\n    PluginImportExportTranslationKeys\n  >()\n\n  const collectionSlug = typeof collection === 'string' && collection\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      if (!collectionSlug) {\n        return\n      }\n\n      try {\n        const whereQuery = qs.stringify(\n          {\n            depth: 0,\n            draft,\n            limit: limit > 10 ? 10 : limit,\n            sort,\n            where,\n          },\n          {\n            addQueryPrefix: true,\n          },\n        )\n        const response = await fetch(`/api/${collectionSlug}${whereQuery}`, {\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'GET',\n        })\n\n        if (response.ok) {\n          const data = await response.json()\n          setResultCount(limit && limit < data.totalDocs ? limit : data.totalDocs)\n          // TODO: check if this data is in the correct format for the table\n\n          const filteredFields = (collectionConfig?.fields?.filter((field) => {\n            if (!fieldAffectsData(field)) {\n              return false\n            }\n            if (fields?.length > 0) {\n              return fields.includes(field.name)\n            }\n            return true\n          }) ?? []) as FieldAffectingDataClient[]\n\n          setColumns(\n            filteredFields.map((field) => ({\n              accessor: field.name || '',\n              active: true,\n              field: field as ClientField,\n              Heading: getTranslation(field?.label || (field.name as string), i18n),\n              renderedCells: data.docs.map((doc: Record<string, unknown>) => {\n                if (!field.name || !doc[field.name]) {\n                  return null\n                }\n                if (typeof doc[field.name] === 'object') {\n                  return JSON.stringify(doc[field.name])\n                }\n                return String(doc[field.name])\n              }),\n            })) as Column[],\n          )\n          setDataToRender(data.docs)\n        }\n      } catch (error) {\n        console.error('Error fetching data:', error)\n      }\n    }\n\n    void fetchData()\n  }, [collectionConfig?.fields, collectionSlug, draft, fields, limit, sort, where])\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h3>\n          <Translation i18nKey=\"version:preview\" t={t} />\n        </h3>\n        {resultCount && (\n          <Translation\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-expect-error\n            i18nKey=\"plugin-import-export:totalDocumentsCount\"\n            t={t}\n            variables={{\n              count: resultCount,\n            }}\n          />\n        )}\n      </div>\n      {dataToRender && <Table columns={columns} data={dataToRender} />}\n    </div>\n  )\n}\n"],"names":["getTranslation","Table","Translation","useConfig","useField","useTranslation","fieldAffectsData","qs","React","useImportExport","baseClass","Preview","collection","config","value","where","path","limit","fields","sort","draft","dataToRender","setDataToRender","useState","resultCount","setResultCount","columns","setColumns","i18n","t","collectionSlug","collectionConfig","collections","find","slug","useEffect","fetchData","whereQuery","stringify","depth","addQueryPrefix","response","fetch","headers","method","ok","data","json","totalDocs","filteredFields","filter","field","length","includes","name","map","accessor","active","Heading","label","renderedCells","docs","doc","JSON","String","error","console","div","className","h3","i18nKey","variables","count"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Preview/index.tsx"],"sourcesContent":["'use client'\nimport type { Column } from '@payloadcms/ui'\nimport type { ClientField } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  CodeEditorLazy,\n  Table,\n  Translation,\n  useConfig,\n  useField,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\n\nimport { useImportExport } from '../ImportExportProvider/index.js'\nimport './index.scss'\n\nconst baseClass = 'preview'\n\nexport const Preview = () => {\n  const { collection } = useImportExport()\n  const { config } = useConfig()\n  const { value: where } = useField({ path: 'where' })\n  const { value: limit } = useField<number>({ path: 'limit' })\n  const { value: fields } = useField<string[]>({ path: 'fields' })\n  const { value: sort } = useField({ path: 'sort' })\n  const { value: draft } = useField({ path: 'drafts' })\n  const { value: locale } = useField({ path: 'locale' })\n  const { value: format } = useField({ path: 'format' })\n  const [dataToRender, setDataToRender] = React.useState<any[]>([])\n  const [resultCount, setResultCount] = React.useState<any>('')\n  const [columns, setColumns] = React.useState<Column[]>([])\n  const { i18n, t } = useTranslation<\n    PluginImportExportTranslations,\n    PluginImportExportTranslationKeys\n  >()\n\n  const collectionSlug = typeof collection === 'string' && collection\n  const collectionConfig = config.collections.find(\n    (collection) => collection.slug === collectionSlug,\n  )\n\n  const isCSV = format === 'csv'\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      if (!collectionSlug || !collectionConfig) {\n        return\n      }\n\n      try {\n        const res = await fetch('/api/preview-data', {\n          body: JSON.stringify({\n            collectionSlug,\n            draft,\n            fields,\n            limit,\n            locale,\n            sort,\n            where,\n          }),\n          credentials: 'include',\n          headers: { 'Content-Type': 'application/json' },\n          method: 'POST',\n        })\n\n        if (!res.ok) {\n          return\n        }\n\n        const { docs, totalDocs } = await res.json()\n\n        setResultCount(limit && limit < totalDocs ? limit : totalDocs)\n\n        const allKeys = Object.keys(docs[0] || {})\n        const defaultMetaFields = ['createdAt', 'updatedAt', '_status', 'id']\n\n        // Match CSV column ordering by building keys based on fields and regex\n        const fieldToRegex = (field: string): RegExp => {\n          const parts = field.split('.').map((part) => `${part}(?:_\\\\d+)?`)\n          return new RegExp(`^${parts.join('_')}`)\n        }\n\n        // Construct final list of field keys to match field order + meta order\n        const selectedKeys =\n          Array.isArray(fields) && fields.length > 0\n            ? fields.flatMap((field) => {\n                const regex = fieldToRegex(field)\n                return allKeys.filter((key) => regex.test(key))\n              })\n            : allKeys.filter((key) => !defaultMetaFields.includes(key))\n\n        const includedMeta = new Set(selectedKeys)\n        const missingMetaFields = defaultMetaFields.flatMap((field) => {\n          const regex = fieldToRegex(field)\n          return allKeys.filter((key) => regex.test(key) && !includedMeta.has(key))\n        })\n\n        const fieldKeys = [...selectedKeys, ...missingMetaFields]\n\n        // Build columns based on flattened keys\n        const newColumns: Column[] = fieldKeys.map((key) => ({\n          accessor: key,\n          active: true,\n          field: { name: key } as ClientField,\n          Heading: getTranslation(key, i18n),\n          renderedCells: docs.map((doc: Record<string, unknown>) => {\n            const val = doc[key]\n\n            if (val === undefined || val === null) {\n              return null\n            }\n\n            // Avoid ESLint warning by type-checking before calling String()\n            if (typeof val === 'string' || typeof val === 'number' || typeof val === 'boolean') {\n              return String(val)\n            }\n\n            if (Array.isArray(val)) {\n              return val.map(String).join(', ')\n            }\n\n            return JSON.stringify(val)\n          }),\n        }))\n\n        setColumns(newColumns)\n        setDataToRender(docs)\n      } catch (error) {\n        console.error('Error fetching preview data:', error)\n      }\n    }\n\n    void fetchData()\n  }, [collectionConfig, collectionSlug, draft, fields, i18n, limit, locale, sort, where])\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h3>\n          <Translation i18nKey=\"version:preview\" t={t} />\n        </h3>\n        {resultCount && (\n          <Translation\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-expect-error\n            i18nKey=\"plugin-import-export:totalDocumentsCount\"\n            t={t}\n            variables={{\n              count: resultCount,\n            }}\n          />\n        )}\n      </div>\n      {dataToRender &&\n        (isCSV ? (\n          <Table columns={columns} data={dataToRender} />\n        ) : (\n          <CodeEditorLazy language=\"json\" readOnly value={JSON.stringify(dataToRender, null, 2)} />\n        ))}\n    </div>\n  )\n}\n"],"names":["getTranslation","CodeEditorLazy","Table","Translation","useConfig","useField","useTranslation","React","useImportExport","baseClass","Preview","collection","config","value","where","path","limit","fields","sort","draft","locale","format","dataToRender","setDataToRender","useState","resultCount","setResultCount","columns","setColumns","i18n","t","collectionSlug","collectionConfig","collections","find","slug","isCSV","useEffect","fetchData","res","fetch","body","JSON","stringify","credentials","headers","method","ok","docs","totalDocs","json","allKeys","Object","keys","defaultMetaFields","fieldToRegex","field","parts","split","map","part","RegExp","join","selectedKeys","Array","isArray","length","flatMap","regex","filter","key","test","includes","includedMeta","Set","missingMetaFields","has","fieldKeys","newColumns","accessor","active","name","Heading","renderedCells","doc","val","undefined","String","error","console","div","className","h3","i18nKey","variables","count","data","language","readOnly"],"mappings":"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"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAKrC,OAAO,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAMzE,eAAO,MAAM,kBAAkB,iBACd,wBAAwB,cAC9B,MAAM,KAAG,MAqEjB,CAAA;AAEH,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAiB,WAAW;QAC1B,sBAAsB,CAAC,EAAE;YACvB,KAAK,CAAC,EAAE,aAAa,CAAA;SACtB,CAAA;KACF;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAkB,MAAM,SAAS,CAAA;AAKrD,OAAO,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AASzE,eAAO,MAAM,kBAAkB,iBACd,wBAAwB,cAC9B,MAAM,KAAG,MAoIjB,CAAA;AAEH,OAAO,QAAQ,SAAS,CAAC;IACvB,UAAiB,WAAW;QAC1B,sBAAsB,CAAC,EAAE;YACvB,KAAK,CAAC,EAAE,aAAa,CAAA;SACtB,CAAA;KACF;CACF"}

package/dist/index.js

@@ -1,5 +1,8 @@
-import { deepMergeSimple } from 'payload';
+import { addDataAndFileToRequest, deepMergeSimple } from 'payload';
+import { flattenObject } from './export/flattenObject.js';
 import { getCreateCollectionExportTask } from './export/getCreateExportCollectionTask.js';
+import { getCustomFieldFunctions } from './export/getCustomFieldFunctions.js';
+import { getSelect } from './export/getSelect.js';
 import { getExportCollection } from './getExportCollection.js';
 import { translations } from './translations/index.js';
 export const importExportPlugin = (pluginConfig)=>(config)=>{
@@ -51,6 +54,51 @@ export const importExportPlugin = (pluginConfig)=>(config)=>{
             config.i18n = {};
         }
         // config.i18n.translations = deepMergeSimple(translations, config.i18n?.translations ?? {})
+        // Inject custom REST endpoints into the config
+        config.endpoints = config.endpoints || [];
+        config.endpoints.push({
+            handler: async (req)=>{
+                await addDataAndFileToRequest(req);
+                const { collectionSlug, draft, fields, limit, locale, sort, where } = req.data;
+                const collection = req.payload.collections[collectionSlug];
+                if (!collection) {
+                    return Response.json({
+                        error: `Collection with slug ${collectionSlug} not found`
+                    }, {
+                        status: 400
+                    });
+                }
+                const select = Array.isArray(fields) && fields.length > 0 ? getSelect(fields) : undefined;
+                const result = await req.payload.find({
+                    collection: collectionSlug,
+                    depth: 1,
+                    draft: draft === 'yes',
+                    limit: limit && limit > 10 ? 10 : limit,
+                    locale,
+                    overrideAccess: false,
+                    req,
+                    select,
+                    sort,
+                    where
+                });
+                const docs = result.docs;
+                const toCSVFunctions = getCustomFieldFunctions({
+                    fields: collection.config.fields,
+                    select
+                });
+                const transformed = docs.map((doc)=>flattenObject({
+                        doc,
+                        fields,
+                        toCSVFunctions
+                    }));
+                return Response.json({
+                    docs: transformed,
+                    totalDocs: result.totalDocs
+                });
+            },
+            method: 'post',
+            path: '/preview-data'
+        });
         /**
      * Merge plugin translations
      */ const simplifiedTranslations = Object.entries(translations).reduce((acc, [key, value])=>{

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'payload'\n\nimport { deepMergeSimple } from 'payload'\n\nimport type { PluginDefaultTranslationsObject } from './translations/types.js'\nimport type { ImportExportPluginConfig, ToCSVFunction } from './types.js'\n\nimport { getCreateCollectionExportTask } from './export/getCreateExportCollectionTask.js'\nimport { getExportCollection } from './getExportCollection.js'\nimport { translations } from './translations/index.js'\n\nexport const importExportPlugin =\n  (pluginConfig: ImportExportPluginConfig) =>\n  (config: Config): Config => {\n    const exportCollection = getExportCollection({ config, pluginConfig })\n    if (config.collections) {\n      config.collections.push(exportCollection)\n    } else {\n      config.collections = [exportCollection]\n    }\n\n    // inject custom import export provider\n    config.admin = config.admin || {}\n    config.admin.components = config.admin.components || {}\n    config.admin.components.providers = config.admin.components.providers || []\n    config.admin.components.providers.push(\n      '@payloadcms/plugin-import-export/rsc#ImportExportProvider',\n    )\n\n    // inject the createExport job into the config\n    ;((config.jobs ??= {}).tasks ??= []).push(getCreateCollectionExportTask(config))\n\n    let collectionsToUpdate = config.collections\n\n    const usePluginCollections = pluginConfig.collections && pluginConfig.collections?.length > 0\n\n    if (usePluginCollections) {\n      collectionsToUpdate = config.collections?.filter((collection) => {\n        return pluginConfig.collections?.includes(collection.slug)\n      })\n    }\n\n    collectionsToUpdate.forEach((collection) => {\n      if (!collection.admin) {\n        collection.admin = { components: { listMenuItems: [] } }\n      }\n      const components = collection.admin.components || {}\n      if (!components.listMenuItems) {\n        components.listMenuItems = []\n      }\n      components.listMenuItems.push({\n        clientProps: {\n          exportCollectionSlug: exportCollection.slug,\n        },\n        path: '@payloadcms/plugin-import-export/rsc#ExportListMenuItem',\n      })\n      collection.admin.components = components\n    })\n\n    if (!config.i18n) {\n      config.i18n = {}\n    }\n\n    // config.i18n.translations = deepMergeSimple(translations, config.i18n?.translations ?? {})\n\n    /**\n     * Merge plugin translations\n     */\n    const simplifiedTranslations = Object.entries(translations).reduce(\n      (acc, [key, value]) => {\n        acc[key] = value.translations\n        return acc\n      },\n      {} as Record<string, PluginDefaultTranslationsObject>,\n    )\n\n    config.i18n = {\n      ...config.i18n,\n      translations: deepMergeSimple(simplifiedTranslations, config.i18n?.translations ?? {}),\n    }\n\n    return config\n  }\n\ndeclare module 'payload' {\n  export interface FieldCustom {\n    'plugin-import-export'?: {\n      toCSV?: ToCSVFunction\n    }\n  }\n}\n"],"names":["deepMergeSimple","getCreateCollectionExportTask","getExportCollection","translations","importExportPlugin","pluginConfig","config","exportCollection","collections","push","admin","components","providers","jobs","tasks","collectionsToUpdate","usePluginCollections","length","filter","collection","includes","slug","forEach","listMenuItems","clientProps","exportCollectionSlug","path","i18n","simplifiedTranslations","Object","entries","reduce","acc","key","value"],"mappings":"AAEA,SAASA,eAAe,QAAQ,UAAS;AAKzC,SAASC,6BAA6B,QAAQ,4CAA2C;AACzF,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,SAASC,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,qBACX,CAACC,eACD,CAACC;QACC,MAAMC,mBAAmBL,oBAAoB;YAAEI;YAAQD;QAAa;QACpE,IAAIC,OAAOE,WAAW,EAAE;YACtBF,OAAOE,WAAW,CAACC,IAAI,CAACF;QAC1B,OAAO;YACLD,OAAOE,WAAW,GAAG;gBAACD;aAAiB;QACzC;QAEA,uCAAuC;QACvCD,OAAOI,KAAK,GAAGJ,OAAOI,KAAK,IAAI,CAAC;QAChCJ,OAAOI,KAAK,CAACC,UAAU,GAAGL,OAAOI,KAAK,CAACC,UAAU,IAAI,CAAC;QACtDL,OAAOI,KAAK,CAACC,UAAU,CAACC,SAAS,GAAGN,OAAOI,KAAK,CAACC,UAAU,CAACC,SAAS,IAAI,EAAE;QAC3EN,OAAOI,KAAK,CAACC,UAAU,CAACC,SAAS,CAACH,IAAI,CACpC;QAIA,CAAA,AAACH,CAAAA,OAAOO,IAAI,KAAK,CAAC,CAAA,EAAGC,KAAK,KAAK,EAAE,AAAD,EAAGL,IAAI,CAACR,8BAA8BK;QAExE,IAAIS,sBAAsBT,OAAOE,WAAW;QAE5C,MAAMQ,uBAAuBX,aAAaG,WAAW,IAAIH,aAAaG,WAAW,EAAES,SAAS;QAE5F,IAAID,sBAAsB;YACxBD,sBAAsBT,OAAOE,WAAW,EAAEU,OAAO,CAACC;gBAChD,OAAOd,aAAaG,WAAW,EAAEY,SAASD,WAAWE,IAAI;YAC3D;QACF;QAEAN,oBAAoBO,OAAO,CAAC,CAACH;YAC3B,IAAI,CAACA,WAAWT,KAAK,EAAE;gBACrBS,WAAWT,KAAK,GAAG;oBAAEC,YAAY;wBAAEY,eAAe,EAAE;oBAAC;gBAAE;YACzD;YACA,MAAMZ,aAAaQ,WAAWT,KAAK,CAACC,UAAU,IAAI,CAAC;YACnD,IAAI,CAACA,WAAWY,aAAa,EAAE;gBAC7BZ,WAAWY,aAAa,GAAG,EAAE;YAC/B;YACAZ,WAAWY,aAAa,CAACd,IAAI,CAAC;gBAC5Be,aAAa;oBACXC,sBAAsBlB,iBAAiBc,IAAI;gBAC7C;gBACAK,MAAM;YACR;YACAP,WAAWT,KAAK,CAACC,UAAU,GAAGA;QAChC;QAEA,IAAI,CAACL,OAAOqB,IAAI,EAAE;YAChBrB,OAAOqB,IAAI,GAAG,CAAC;QACjB;QAEA,4FAA4F;QAE5F;;KAEC,GACD,MAAMC,yBAAyBC,OAAOC,OAAO,CAAC3B,cAAc4B,MAAM,CAChE,CAACC,KAAK,CAACC,KAAKC,MAAM;YAChBF,GAAG,CAACC,IAAI,GAAGC,MAAM/B,YAAY;YAC7B,OAAO6B;QACT,GACA,CAAC;QAGH1B,OAAOqB,IAAI,GAAG;YACZ,GAAGrB,OAAOqB,IAAI;YACdxB,cAAcH,gBAAgB4B,wBAAwBtB,OAAOqB,IAAI,EAAExB,gBAAgB,CAAC;QACtF;QAEA,OAAOG;IACT,EAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config, FlattenedField } from 'payload'\n\nimport { addDataAndFileToRequest, deepMergeSimple } from 'payload'\n\nimport type { PluginDefaultTranslationsObject } from './translations/types.js'\nimport type { ImportExportPluginConfig, ToCSVFunction } from './types.js'\n\nimport { flattenObject } from './export/flattenObject.js'\nimport { getCreateCollectionExportTask } from './export/getCreateExportCollectionTask.js'\nimport { getCustomFieldFunctions } from './export/getCustomFieldFunctions.js'\nimport { getSelect } from './export/getSelect.js'\nimport { getExportCollection } from './getExportCollection.js'\nimport { translations } from './translations/index.js'\n\nexport const importExportPlugin =\n  (pluginConfig: ImportExportPluginConfig) =>\n  (config: Config): Config => {\n    const exportCollection = getExportCollection({ config, pluginConfig })\n    if (config.collections) {\n      config.collections.push(exportCollection)\n    } else {\n      config.collections = [exportCollection]\n    }\n\n    // inject custom import export provider\n    config.admin = config.admin || {}\n    config.admin.components = config.admin.components || {}\n    config.admin.components.providers = config.admin.components.providers || []\n    config.admin.components.providers.push(\n      '@payloadcms/plugin-import-export/rsc#ImportExportProvider',\n    )\n\n    // inject the createExport job into the config\n    ;((config.jobs ??= {}).tasks ??= []).push(getCreateCollectionExportTask(config))\n\n    let collectionsToUpdate = config.collections\n\n    const usePluginCollections = pluginConfig.collections && pluginConfig.collections?.length > 0\n\n    if (usePluginCollections) {\n      collectionsToUpdate = config.collections?.filter((collection) => {\n        return pluginConfig.collections?.includes(collection.slug)\n      })\n    }\n\n    collectionsToUpdate.forEach((collection) => {\n      if (!collection.admin) {\n        collection.admin = { components: { listMenuItems: [] } }\n      }\n      const components = collection.admin.components || {}\n      if (!components.listMenuItems) {\n        components.listMenuItems = []\n      }\n      components.listMenuItems.push({\n        clientProps: {\n          exportCollectionSlug: exportCollection.slug,\n        },\n        path: '@payloadcms/plugin-import-export/rsc#ExportListMenuItem',\n      })\n      collection.admin.components = components\n    })\n\n    if (!config.i18n) {\n      config.i18n = {}\n    }\n\n    // config.i18n.translations = deepMergeSimple(translations, config.i18n?.translations ?? {})\n\n    // Inject custom REST endpoints into the config\n    config.endpoints = config.endpoints || []\n    config.endpoints.push({\n      handler: async (req) => {\n        await addDataAndFileToRequest(req)\n\n        const { collectionSlug, draft, fields, limit, locale, sort, where } = req.data as {\n          collectionSlug: string\n          draft?: 'no' | 'yes'\n          fields?: string[]\n          limit?: number\n          locale?: string\n          sort?: any\n          where?: any\n        }\n\n        const collection = req.payload.collections[collectionSlug]\n        if (!collection) {\n          return Response.json(\n            { error: `Collection with slug ${collectionSlug} not found` },\n            { status: 400 },\n          )\n        }\n\n        const select = Array.isArray(fields) && fields.length > 0 ? getSelect(fields) : undefined\n\n        const result = await req.payload.find({\n          collection: collectionSlug,\n          depth: 1,\n          draft: draft === 'yes',\n          limit: limit && limit > 10 ? 10 : limit,\n          locale,\n          overrideAccess: false,\n          req,\n          select,\n          sort,\n          where,\n        })\n\n        const docs = result.docs\n\n        const toCSVFunctions = getCustomFieldFunctions({\n          fields: collection.config.fields as FlattenedField[],\n          select,\n        })\n\n        const transformed = docs.map((doc) =>\n          flattenObject({\n            doc,\n            fields,\n            toCSVFunctions,\n          }),\n        )\n\n        return Response.json({\n          docs: transformed,\n          totalDocs: result.totalDocs,\n        })\n      },\n      method: 'post',\n      path: '/preview-data',\n    })\n\n    /**\n     * Merge plugin translations\n     */\n    const simplifiedTranslations = Object.entries(translations).reduce(\n      (acc, [key, value]) => {\n        acc[key] = value.translations\n        return acc\n      },\n      {} as Record<string, PluginDefaultTranslationsObject>,\n    )\n\n    config.i18n = {\n      ...config.i18n,\n      translations: deepMergeSimple(simplifiedTranslations, config.i18n?.translations ?? {}),\n    }\n\n    return config\n  }\n\ndeclare module 'payload' {\n  export interface FieldCustom {\n    'plugin-import-export'?: {\n      toCSV?: ToCSVFunction\n    }\n  }\n}\n"],"names":["addDataAndFileToRequest","deepMergeSimple","flattenObject","getCreateCollectionExportTask","getCustomFieldFunctions","getSelect","getExportCollection","translations","importExportPlugin","pluginConfig","config","exportCollection","collections","push","admin","components","providers","jobs","tasks","collectionsToUpdate","usePluginCollections","length","filter","collection","includes","slug","forEach","listMenuItems","clientProps","exportCollectionSlug","path","i18n","endpoints","handler","req","collectionSlug","draft","fields","limit","locale","sort","where","data","payload","Response","json","error","status","select","Array","isArray","undefined","result","find","depth","overrideAccess","docs","toCSVFunctions","transformed","map","doc","totalDocs","method","simplifiedTranslations","Object","entries","reduce","acc","key","value"],"mappings":"AAEA,SAASA,uBAAuB,EAAEC,eAAe,QAAQ,UAAS;AAKlE,SAASC,aAAa,QAAQ,4BAA2B;AACzD,SAASC,6BAA6B,QAAQ,4CAA2C;AACzF,SAASC,uBAAuB,QAAQ,sCAAqC;AAC7E,SAASC,SAAS,QAAQ,wBAAuB;AACjD,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,SAASC,YAAY,QAAQ,0BAAyB;AAEtD,OAAO,MAAMC,qBACX,CAACC,eACD,CAACC;QACC,MAAMC,mBAAmBL,oBAAoB;YAAEI;YAAQD;QAAa;QACpE,IAAIC,OAAOE,WAAW,EAAE;YACtBF,OAAOE,WAAW,CAACC,IAAI,CAACF;QAC1B,OAAO;YACLD,OAAOE,WAAW,GAAG;gBAACD;aAAiB;QACzC;QAEA,uCAAuC;QACvCD,OAAOI,KAAK,GAAGJ,OAAOI,KAAK,IAAI,CAAC;QAChCJ,OAAOI,KAAK,CAACC,UAAU,GAAGL,OAAOI,KAAK,CAACC,UAAU,IAAI,CAAC;QACtDL,OAAOI,KAAK,CAACC,UAAU,CAACC,SAAS,GAAGN,OAAOI,KAAK,CAACC,UAAU,CAACC,SAAS,IAAI,EAAE;QAC3EN,OAAOI,KAAK,CAACC,UAAU,CAACC,SAAS,CAACH,IAAI,CACpC;QAIA,CAAA,AAACH,CAAAA,OAAOO,IAAI,KAAK,CAAC,CAAA,EAAGC,KAAK,KAAK,EAAE,AAAD,EAAGL,IAAI,CAACV,8BAA8BO;QAExE,IAAIS,sBAAsBT,OAAOE,WAAW;QAE5C,MAAMQ,uBAAuBX,aAAaG,WAAW,IAAIH,aAAaG,WAAW,EAAES,SAAS;QAE5F,IAAID,sBAAsB;YACxBD,sBAAsBT,OAAOE,WAAW,EAAEU,OAAO,CAACC;gBAChD,OAAOd,aAAaG,WAAW,EAAEY,SAASD,WAAWE,IAAI;YAC3D;QACF;QAEAN,oBAAoBO,OAAO,CAAC,CAACH;YAC3B,IAAI,CAACA,WAAWT,KAAK,EAAE;gBACrBS,WAAWT,KAAK,GAAG;oBAAEC,YAAY;wBAAEY,eAAe,EAAE;oBAAC;gBAAE;YACzD;YACA,MAAMZ,aAAaQ,WAAWT,KAAK,CAACC,UAAU,IAAI,CAAC;YACnD,IAAI,CAACA,WAAWY,aAAa,EAAE;gBAC7BZ,WAAWY,aAAa,GAAG,EAAE;YAC/B;YACAZ,WAAWY,aAAa,CAACd,IAAI,CAAC;gBAC5Be,aAAa;oBACXC,sBAAsBlB,iBAAiBc,IAAI;gBAC7C;gBACAK,MAAM;YACR;YACAP,WAAWT,KAAK,CAACC,UAAU,GAAGA;QAChC;QAEA,IAAI,CAACL,OAAOqB,IAAI,EAAE;YAChBrB,OAAOqB,IAAI,GAAG,CAAC;QACjB;QAEA,4FAA4F;QAE5F,+CAA+C;QAC/CrB,OAAOsB,SAAS,GAAGtB,OAAOsB,SAAS,IAAI,EAAE;QACzCtB,OAAOsB,SAAS,CAACnB,IAAI,CAAC;YACpBoB,SAAS,OAAOC;gBACd,MAAMlC,wBAAwBkC;gBAE9B,MAAM,EAAEC,cAAc,EAAEC,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGP,IAAIQ,IAAI;gBAU9E,MAAMnB,aAAaW,IAAIS,OAAO,CAAC/B,WAAW,CAACuB,eAAe;gBAC1D,IAAI,CAACZ,YAAY;oBACf,OAAOqB,SAASC,IAAI,CAClB;wBAAEC,OAAO,CAAC,qBAAqB,EAAEX,eAAe,UAAU,CAAC;oBAAC,GAC5D;wBAAEY,QAAQ;oBAAI;gBAElB;gBAEA,MAAMC,SAASC,MAAMC,OAAO,CAACb,WAAWA,OAAOhB,MAAM,GAAG,IAAIhB,UAAUgC,UAAUc;gBAEhF,MAAMC,SAAS,MAAMlB,IAAIS,OAAO,CAACU,IAAI,CAAC;oBACpC9B,YAAYY;oBACZmB,OAAO;oBACPlB,OAAOA,UAAU;oBACjBE,OAAOA,SAASA,QAAQ,KAAK,KAAKA;oBAClCC;oBACAgB,gBAAgB;oBAChBrB;oBACAc;oBACAR;oBACAC;gBACF;gBAEA,MAAMe,OAAOJ,OAAOI,IAAI;gBAExB,MAAMC,iBAAiBrD,wBAAwB;oBAC7CiC,QAAQd,WAAWb,MAAM,CAAC2B,MAAM;oBAChCW;gBACF;gBAEA,MAAMU,cAAcF,KAAKG,GAAG,CAAC,CAACC,MAC5B1D,cAAc;wBACZ0D;wBACAvB;wBACAoB;oBACF;gBAGF,OAAOb,SAASC,IAAI,CAAC;oBACnBW,MAAME;oBACNG,WAAWT,OAAOS,SAAS;gBAC7B;YACF;YACAC,QAAQ;YACRhC,MAAM;QACR;QAEA;;KAEC,GACD,MAAMiC,yBAAyBC,OAAOC,OAAO,CAAC1D,cAAc2D,MAAM,CAChE,CAACC,KAAK,CAACC,KAAKC,MAAM;YAChBF,GAAG,CAACC,IAAI,GAAGC,MAAM9D,YAAY;YAC7B,OAAO4D;QACT,GACA,CAAC;QAGHzD,OAAOqB,IAAI,GAAG;YACZ,GAAGrB,OAAOqB,IAAI;YACdxB,cAAcN,gBAAgB8D,wBAAwBrD,OAAOqB,IAAI,EAAExB,gBAAgB,CAAC;QACtF;QAEA,OAAOG;IACT,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-import-export",
-  "version": "3.44.0-internal.6b79dc2",
+  "version": "3.45.0-canary.0",
   "description": "Import-Export plugin for Payload",
   "keywords": [
     "payload",
@@ -64,17 +64,17 @@
     "csv-parse": "^5.6.0",
     "csv-stringify": "^6.5.2",
     "qs-esm": "7.0.2",
-    "@payloadcms/translations": "3.44.0-internal.6b79dc2",
-    "@payloadcms/ui": "3.44.0-internal.6b79dc2"
+    "@payloadcms/translations": "3.45.0-canary.0",
+    "@payloadcms/ui": "3.45.0-canary.0"
   },
   "devDependencies": {
-    "@payloadcms/ui": "3.44.0-internal.6b79dc2",
     "@payloadcms/eslint-config": "3.28.0",
-    "payload": "3.44.0-internal.6b79dc2"
+    "@payloadcms/ui": "3.45.0-canary.0",
+    "payload": "3.45.0-canary.0"
   },
   "peerDependencies": {
-    "@payloadcms/ui": "3.44.0-internal.6b79dc2",
-    "payload": "3.44.0-internal.6b79dc2"
+    "@payloadcms/ui": "3.45.0-canary.0",
+    "payload": "3.45.0-canary.0"
   },
   "homepage:": "https://payloadcms.com",
   "scripts": {