@ruya.sa/plugin-import-export 3.71.3

package/README.md

@@ -0,0 +1,7 @@
+# Payload Import/Export Plugin
+
+A plugin for [Payload](https://github.com/payloadcms/payload) to easily import and export data.
+
+- [Source code](https://github.com/payloadcms/payload/tree/main/packages/plugin-import-export)
+- [Documentation](https://payloadcms.com/docs/plugins/import-export)
+- [Documentation source](https://github.com/payloadcms/payload/tree/main/docs/plugins/import-export.mdx)

package/dist/components/CollectionField/index.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+export declare const CollectionField: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CollectionField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAiBnC,CAAA"}

package/dist/components/CollectionField/index.js

@@ -0,0 +1,29 @@
+'use client';
+import { useDocumentInfo, useField } from '@ruya.sa/ui';
+import { useEffect } from 'react';
+import { useImportExport } from '../ImportExportProvider/index.js';
+export const CollectionField = ()=>{
+    const { id, collectionSlug } = useDocumentInfo();
+    const { setValue } = useField({
+        path: 'collectionSlug'
+    });
+    const { collection } = useImportExport();
+    useEffect(()=>{
+        if (id) {
+            return;
+        }
+        if (collection) {
+            setValue(collection);
+        } else if (collectionSlug) {
+            setValue(collectionSlug);
+        }
+    }, [
+        id,
+        collection,
+        setValue,
+        collectionSlug
+    ]);
+    return null;
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CollectionField/index.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useDocumentInfo, useField } from '@ruya.sa/ui'\nimport { useEffect } from 'react'\n\nimport { useImportExport } from '../ImportExportProvider/index.js'\n\nexport const CollectionField: React.FC = () => {\n  const { id, collectionSlug } = useDocumentInfo()\n  const { setValue } = useField({ path: 'collectionSlug' })\n  const { collection } = useImportExport()\n\n  useEffect(() => {\n    if (id) {\n      return\n    }\n    if (collection) {\n      setValue(collection)\n    } else if (collectionSlug) {\n      setValue(collectionSlug)\n    }\n  }, [id, collection, setValue, collectionSlug])\n\n  return null\n}\n"],"names":["useDocumentInfo","useField","useEffect","useImportExport","CollectionField","id","collectionSlug","setValue","path","collection"],"mappings":"AAAA;AAGA,SAASA,eAAe,EAAEC,QAAQ,QAAQ,cAAa;AACvD,SAASC,SAAS,QAAQ,QAAO;AAEjC,SAASC,eAAe,QAAQ,mCAAkC;AAElE,OAAO,MAAMC,kBAA4B;IACvC,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAE,GAAGN;IAC/B,MAAM,EAAEO,QAAQ,EAAE,GAAGN,SAAS;QAAEO,MAAM;IAAiB;IACvD,MAAM,EAAEC,UAAU,EAAE,GAAGN;IAEvBD,UAAU;QACR,IAAIG,IAAI;YACN;QACF;QACA,IAAII,YAAY;YACdF,SAASE;QACX,OAAO,IAAIH,gBAAgB;YACzBC,SAASD;QACX;IACF,GAAG;QAACD;QAAII;QAAYF;QAAUD;KAAe;IAE7C,OAAO;AACT,EAAC"}

package/dist/components/ExportListMenuItem/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const ExportListMenuItem: React.FC<{
+    collectionSlug: string;
+    exportCollectionSlug: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExportListMenuItem/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAWxC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,cAAc,EAAE,MAAM,CAAA;IACtB,oBAAoB,EAAE,MAAM,CAAA;CAC7B,CAoCA,CAAA"}

package/dist/components/ExportListMenuItem/index.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { PopupList, Translation, useConfig, useDocumentDrawer, useTranslation } from '@ruya.sa/ui';
+import React, { useEffect } from 'react';
+import { useImportExport } from '../ImportExportProvider/index.js';
+const baseClass = 'export-list-menu-item';
+export const ExportListMenuItem = ({ collectionSlug, exportCollectionSlug })=>{
+    const { getEntityConfig } = useConfig();
+    const { i18n, t } = useTranslation();
+    const currentCollectionConfig = getEntityConfig({
+        collectionSlug
+    });
+    const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({
+        collectionSlug: exportCollectionSlug
+    });
+    const { setCollection } = useImportExport();
+    // Set collection and selected items on mount or when selection changes
+    useEffect(()=>{
+        setCollection(currentCollectionConfig.slug ?? '');
+    }, [
+        currentCollectionConfig,
+        setCollection
+    ]);
+    return /*#__PURE__*/ _jsxs(PopupList.Button, {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx(DocumentDrawerToggler, {
+                children: /*#__PURE__*/ _jsx(Translation, {
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                    // @ts-expect-error
+                    i18nKey: "plugin-import-export:exportDocumentLabel",
+                    t: t,
+                    variables: {
+                        label: getTranslation(currentCollectionConfig.labels.plural, i18n)
+                    }
+                })
+            }),
+            /*#__PURE__*/ _jsx(DocumentDrawer, {})
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ExportListMenuItem/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport {\n  PopupList,\n  Translation,\n  useConfig,\n  useDocumentDrawer,\n  useDocumentInfo,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport React, { useEffect } from 'react'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\n\nimport { useImportExport } from '../ImportExportProvider/index.js'\n\nconst baseClass = 'export-list-menu-item'\n\nexport const ExportListMenuItem: React.FC<{\n  collectionSlug: string\n  exportCollectionSlug: string\n}> = ({ collectionSlug, exportCollectionSlug }) => {\n  const { getEntityConfig } = useConfig()\n\n  const { i18n, t } = useTranslation<\n    PluginImportExportTranslations,\n    PluginImportExportTranslationKeys\n  >()\n\n  const currentCollectionConfig = getEntityConfig({ collectionSlug })\n\n  const [DocumentDrawer, DocumentDrawerToggler] = useDocumentDrawer({\n    collectionSlug: exportCollectionSlug,\n  })\n  const { setCollection } = useImportExport()\n\n  // Set collection and selected items on mount or when selection changes\n  useEffect(() => {\n    setCollection(currentCollectionConfig.slug ?? '')\n  }, [currentCollectionConfig, setCollection])\n\n  return (\n    <PopupList.Button className={baseClass}>\n      <DocumentDrawerToggler>\n        <Translation\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-expect-error\n          i18nKey=\"plugin-import-export:exportDocumentLabel\"\n          t={t}\n          variables={{\n            label: getTranslation(currentCollectionConfig.labels.plural, i18n),\n          }}\n        />\n      </DocumentDrawerToggler>\n      <DocumentDrawer />\n    </PopupList.Button>\n  )\n}\n"],"names":["getTranslation","PopupList","Translation","useConfig","useDocumentDrawer","useTranslation","React","useEffect","useImportExport","baseClass","ExportListMenuItem","collectionSlug","exportCollectionSlug","getEntityConfig","i18n","t","currentCollectionConfig","DocumentDrawer","DocumentDrawerToggler","setCollection","slug","Button","className","i18nKey","variables","label","labels","plural"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,wBAAuB;AACtD,SACEC,SAAS,EACTC,WAAW,EACXC,SAAS,EACTC,iBAAiB,EAEjBC,cAAc,QACT,cAAa;AACpB,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAOxC,SAASC,eAAe,QAAQ,mCAAkC;AAElE,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAGR,CAAC,EAAEC,cAAc,EAAEC,oBAAoB,EAAE;IAC5C,MAAM,EAAEC,eAAe,EAAE,GAAGV;IAE5B,MAAM,EAAEW,IAAI,EAAEC,CAAC,EAAE,GAAGV;IAKpB,MAAMW,0BAA0BH,gBAAgB;QAAEF;IAAe;IAEjE,MAAM,CAACM,gBAAgBC,sBAAsB,GAAGd,kBAAkB;QAChEO,gBAAgBC;IAClB;IACA,MAAM,EAAEO,aAAa,EAAE,GAAGX;IAE1B,uEAAuE;IACvED,UAAU;QACRY,cAAcH,wBAAwBI,IAAI,IAAI;IAChD,GAAG;QAACJ;QAAyBG;KAAc;IAE3C,qBACE,MAAClB,UAAUoB,MAAM;QAACC,WAAWb;;0BAC3B,KAACS;0BACC,cAAA,KAAChB;oBACC,6DAA6D;oBAC7D,mBAAmB;oBACnBqB,SAAQ;oBACRR,GAAGA;oBACHS,WAAW;wBACTC,OAAOzB,eAAegB,wBAAwBU,MAAM,CAACC,MAAM,EAAEb;oBAC/D;;;0BAGJ,KAACG;;;AAGP,EAAC"}

package/dist/components/ExportPreview/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const ExportPreview: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExportPreview/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAqD,MAAM,OAAO,CAAA;AASzE,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA8PjC,CAAA"}

package/dist/components/ExportPreview/index.js

@@ -0,0 +1,252 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { CodeEditorLazy, Pagination, PerPage, Table, Translation, useConfig, useDebouncedEffect, useDocumentInfo, useFormFields, useTranslation } from '@ruya.sa/ui';
+import React, { useEffect, useRef, useState, useTransition } from 'react';
+import { DEFAULT_PREVIEW_LIMIT, PREVIEW_LIMIT_OPTIONS } from '../../constants.js';
+import './index.scss';
+import { useImportExport } from '../ImportExportProvider/index.js';
+const baseClass = 'export-preview';
+export const ExportPreview = ()=>{
+    const [isPending, startTransition] = useTransition();
+    const { collection } = useImportExport();
+    const { config, config: { routes } } = useConfig();
+    const { collectionSlug } = useDocumentInfo();
+    const { draft, fields, format, limit, locale, sort, where } = useFormFields(([fields])=>{
+        return {
+            draft: fields['drafts']?.value,
+            fields: fields['fields']?.value,
+            format: fields['format']?.value,
+            limit: fields['limit']?.value,
+            locale: fields['locale']?.value,
+            sort: fields['sort']?.value,
+            where: fields['where']?.value
+        };
+    });
+    const [dataToRender, setDataToRender] = useState([]);
+    const [exportTotalDocs, setExportTotalDocs] = useState(0);
+    const [columns, setColumns] = useState([]);
+    const { i18n, t } = useTranslation();
+    // Preview pagination state (separate from export config)
+    const [previewPage, setPreviewPage] = useState(1);
+    const [previewLimit, setPreviewLimit] = useState(DEFAULT_PREVIEW_LIMIT);
+    const [paginationData, setPaginationData] = useState(null);
+    // Track previous export config to reset preview page when it changes
+    const prevExportConfigRef = useRef({
+        draft,
+        fields,
+        format,
+        limit,
+        locale,
+        sort,
+        where
+    });
+    // Reset preview page when export config changes
+    useEffect(()=>{
+        const prevConfig = prevExportConfigRef.current;
+        const configChanged = prevConfig.draft !== draft || prevConfig.limit !== limit || prevConfig.locale !== locale || prevConfig.sort !== sort || JSON.stringify(prevConfig.fields) !== JSON.stringify(fields) || JSON.stringify(prevConfig.where) !== JSON.stringify(where);
+        if (configChanged) {
+            setPreviewPage(1);
+            prevExportConfigRef.current = {
+                draft,
+                fields,
+                format,
+                limit,
+                locale,
+                sort,
+                where
+            };
+        }
+    }, [
+        draft,
+        fields,
+        format,
+        limit,
+        locale,
+        sort,
+        where
+    ]);
+    const targetCollectionSlug = typeof collection === 'string' && collection;
+    const isCSV = format === 'csv';
+    useDebouncedEffect(()=>{
+        if (!collectionSlug || !targetCollectionSlug) {
+            return;
+        }
+        const abortController = new AbortController();
+        const fetchData = async ()=>{
+            try {
+                const res = await fetch(`${routes.api}/${collectionSlug}/export-preview`, {
+                    body: JSON.stringify({
+                        collectionSlug: targetCollectionSlug,
+                        draft,
+                        fields,
+                        format,
+                        limit,
+                        locale,
+                        previewLimit,
+                        previewPage,
+                        sort,
+                        where
+                    }),
+                    credentials: 'include',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    method: 'POST',
+                    signal: abortController.signal
+                });
+                if (!res.ok) {
+                    return;
+                }
+                const { columns: serverColumns, docs, exportTotalDocs: serverExportTotalDocs, hasNextPage, hasPrevPage, limit: responseLimit, page: responsePage, totalPages } = await res.json();
+                // For CSV: use server-provided columns (from getSchemaColumns) for consistent ordering
+                // For JSON: derive keys from docs
+                const allKeys = Array.from(new Set(docs.flatMap((doc)=>Object.keys(doc))));
+                // Use server columns if available (CSV format), otherwise fall back to data-derived keys
+                const fieldKeys = serverColumns && serverColumns.length > 0 ? serverColumns : allKeys;
+                // Build columns based on field 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);
+                        })
+                    }));
+                setExportTotalDocs(serverExportTotalDocs);
+                setPaginationData({
+                    hasNextPage,
+                    hasPrevPage,
+                    limit: responseLimit,
+                    nextPage: responsePage + 1,
+                    page: responsePage,
+                    prevPage: responsePage - 1,
+                    totalPages
+                });
+                setColumns(newColumns);
+                setDataToRender(docs);
+            } catch (error) {
+                console.error('Error fetching preview data:', error);
+            }
+        };
+        startTransition(async ()=>await fetchData());
+        return ()=>{
+            if (!abortController.signal.aborted) {
+                abortController.abort('Component unmounted');
+            }
+        };
+    }, [
+        collectionSlug,
+        draft,
+        fields,
+        format,
+        i18n,
+        limit,
+        locale,
+        previewLimit,
+        previewPage,
+        sort,
+        where,
+        routes.api,
+        targetCollectionSlug
+    ], 500);
+    const handlePageChange = (page)=>{
+        setPreviewPage(page);
+    };
+    const handlePerPageChange = (newLimit)=>{
+        setPreviewLimit(newLimit);
+        setPreviewPage(1);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__header`,
+                children: [
+                    /*#__PURE__*/ _jsx("h3", {
+                        children: /*#__PURE__*/ _jsx(Translation, {
+                            i18nKey: "version:preview",
+                            t: t
+                        })
+                    }),
+                    exportTotalDocs > 0 && !isPending && /*#__PURE__*/ _jsx("span", {
+                        className: `${baseClass}__export-count`,
+                        children: /*#__PURE__*/ _jsx(Translation, {
+                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                            // @ts-expect-error
+                            i18nKey: "plugin-import-export:documentsToExport",
+                            t: t,
+                            variables: {
+                                count: exportTotalDocs
+                            }
+                        })
+                    })
+                ]
+            }),
+            isPending && !dataToRender && /*#__PURE__*/ _jsx("div", {
+                className: `${baseClass}__loading`,
+                children: /*#__PURE__*/ _jsx(Translation, {
+                    i18nKey: "general:loading",
+                    t: t
+                })
+            }),
+            dataToRender && (isCSV ? /*#__PURE__*/ _jsx(Table, {
+                columns: columns,
+                data: dataToRender
+            }) : /*#__PURE__*/ _jsx(CodeEditorLazy, {
+                language: "json",
+                readOnly: true,
+                value: JSON.stringify(dataToRender, null, 2)
+            })),
+            paginationData && exportTotalDocs > 0 && /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__pagination`,
+                children: [
+                    paginationData.totalPages > 1 && /*#__PURE__*/ _jsx(Pagination, {
+                        hasNextPage: paginationData.hasNextPage,
+                        hasPrevPage: paginationData.hasPrevPage,
+                        nextPage: paginationData.nextPage ?? undefined,
+                        numberOfNeighbors: 1,
+                        onChange: handlePageChange,
+                        page: paginationData.page,
+                        prevPage: paginationData.prevPage ?? undefined,
+                        totalPages: paginationData.totalPages
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: `${baseClass}__page-info`,
+                        children: /*#__PURE__*/ _jsx(Translation, {
+                            // @ts-expect-error - plugin translations not typed
+                            i18nKey: "plugin-import-export:previewPageInfo",
+                            t: t,
+                            variables: {
+                                end: Math.min((paginationData.page ?? 1) * previewLimit, exportTotalDocs),
+                                start: ((paginationData.page ?? 1) - 1) * previewLimit + 1,
+                                total: exportTotalDocs
+                            }
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PerPage, {
+                        handleChange: handlePerPageChange,
+                        limit: previewLimit,
+                        limits: PREVIEW_LIMIT_OPTIONS
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ExportPreview/index.tsx"],"sourcesContent":["'use client'\nimport type { Column } from '@ruya.sa/ui'\nimport type { ClientField, PaginatedDocs, Where } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport {\n  CodeEditorLazy,\n  Pagination,\n  PerPage,\n  Table,\n  Translation,\n  useConfig,\n  useDebouncedEffect,\n  useDocumentInfo,\n  useFormFields,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport React, { useEffect, useRef, useState, useTransition } from 'react'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\nimport type { ExportPreviewResponse } from '../../types.js'\n\nimport { DEFAULT_PREVIEW_LIMIT, PREVIEW_LIMIT_OPTIONS } from '../../constants.js'\nimport './index.scss'\nimport { useImportExport } from '../ImportExportProvider/index.js'\n\nconst baseClass = 'export-preview'\n\nexport const ExportPreview: React.FC = () => {\n  const [isPending, startTransition] = useTransition()\n  const { collection } = useImportExport()\n  const {\n    config,\n    config: { routes },\n  } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n  const { draft, fields, format, limit, locale, sort, where } = useFormFields(([fields]) => {\n    return {\n      draft: fields['drafts']?.value,\n      fields: fields['fields']?.value,\n      format: fields['format']?.value,\n      limit: fields['limit']?.value as number,\n      locale: fields['locale']?.value as string,\n      sort: fields['sort']?.value as string,\n      where: fields['where']?.value as Where,\n    }\n  })\n  const [dataToRender, setDataToRender] = useState<any[]>([])\n  const [exportTotalDocs, setExportTotalDocs] = useState<number>(0)\n  const [columns, setColumns] = useState<Column[]>([])\n  const { i18n, t } = useTranslation<\n    PluginImportExportTranslations,\n    PluginImportExportTranslationKeys\n  >()\n\n  // Preview pagination state (separate from export config)\n  const [previewPage, setPreviewPage] = useState(1)\n  const [previewLimit, setPreviewLimit] = useState(DEFAULT_PREVIEW_LIMIT)\n  const [paginationData, setPaginationData] = useState<null | Pick<\n    PaginatedDocs,\n    'hasNextPage' | 'hasPrevPage' | 'limit' | 'nextPage' | 'page' | 'prevPage' | 'totalPages'\n  >>(null)\n\n  // Track previous export config to reset preview page when it changes\n  const prevExportConfigRef = useRef({ draft, fields, format, limit, locale, sort, where })\n\n  // Reset preview page when export config changes\n  useEffect(() => {\n    const prevConfig = prevExportConfigRef.current\n    const configChanged =\n      prevConfig.draft !== draft ||\n      prevConfig.limit !== limit ||\n      prevConfig.locale !== locale ||\n      prevConfig.sort !== sort ||\n      JSON.stringify(prevConfig.fields) !== JSON.stringify(fields) ||\n      JSON.stringify(prevConfig.where) !== JSON.stringify(where)\n\n    if (configChanged) {\n      setPreviewPage(1)\n      prevExportConfigRef.current = { draft, fields, format, limit, locale, sort, where }\n    }\n  }, [draft, fields, format, limit, locale, sort, where])\n\n  const targetCollectionSlug = typeof collection === 'string' && collection\n\n  const isCSV = format === 'csv'\n\n  useDebouncedEffect(\n    () => {\n      if (!collectionSlug || !targetCollectionSlug) {\n        return\n      }\n\n      const abortController = new AbortController()\n\n      const fetchData = async () => {\n        try {\n          const res = await fetch(`${routes.api}/${collectionSlug}/export-preview`, {\n            body: JSON.stringify({\n              collectionSlug: targetCollectionSlug,\n              draft,\n              fields,\n              format,\n              limit,\n              locale,\n              previewLimit,\n              previewPage,\n              sort,\n              where,\n            }),\n            credentials: 'include',\n            headers: { 'Content-Type': 'application/json' },\n            method: 'POST',\n            signal: abortController.signal,\n          })\n\n          if (!res.ok) {\n            return\n          }\n\n          const {\n            columns: serverColumns,\n            docs,\n            exportTotalDocs: serverExportTotalDocs,\n            hasNextPage,\n            hasPrevPage,\n            limit: responseLimit,\n            page: responsePage,\n            totalPages,\n          }: ExportPreviewResponse = await res.json()\n\n          // For CSV: use server-provided columns (from getSchemaColumns) for consistent ordering\n          // For JSON: derive keys from docs\n          const allKeys = Array.from(new Set(docs.flatMap((doc) => Object.keys(doc))))\n\n          // Use server columns if available (CSV format), otherwise fall back to data-derived keys\n          const fieldKeys = serverColumns && serverColumns.length > 0 ? serverColumns : allKeys\n\n          // Build columns based on field 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          setExportTotalDocs(serverExportTotalDocs)\n          setPaginationData({\n            hasNextPage,\n            hasPrevPage,\n            limit: responseLimit,\n            nextPage: responsePage + 1,\n            page: responsePage,\n            prevPage: responsePage - 1,\n            totalPages,\n          })\n          setColumns(newColumns)\n          setDataToRender(docs)\n        } catch (error) {\n          console.error('Error fetching preview data:', error)\n        }\n      }\n\n      startTransition(async () => await fetchData())\n\n      return () => {\n        if (!abortController.signal.aborted) {\n          abortController.abort('Component unmounted')\n        }\n      }\n    },\n    [\n      collectionSlug,\n      draft,\n      fields,\n      format,\n      i18n,\n      limit,\n      locale,\n      previewLimit,\n      previewPage,\n      sort,\n      where,\n      routes.api,\n      targetCollectionSlug,\n    ],\n    500,\n  )\n\n  const handlePageChange = (page: number) => {\n    setPreviewPage(page)\n  }\n\n  const handlePerPageChange = (newLimit: number) => {\n    setPreviewLimit(newLimit)\n    setPreviewPage(1)\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__header`}>\n        <h3>\n          <Translation i18nKey=\"version:preview\" t={t} />\n        </h3>\n        {exportTotalDocs > 0 && !isPending && (\n          <span className={`${baseClass}__export-count`}>\n            <Translation\n              // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n              // @ts-expect-error\n              i18nKey=\"plugin-import-export:documentsToExport\"\n              t={t}\n              variables={{\n                count: exportTotalDocs,\n              }}\n            />\n          </span>\n        )}\n      </div>\n      {isPending && !dataToRender && (\n        <div className={`${baseClass}__loading`}>\n          <Translation i18nKey=\"general:loading\" t={t} />\n        </div>\n      )}\n      {dataToRender &&\n        (isCSV ? (\n          <Table columns={columns} data={dataToRender} />\n        ) : (\n          <CodeEditorLazy language=\"json\" readOnly value={JSON.stringify(dataToRender, null, 2)} />\n        ))}\n      {paginationData && exportTotalDocs > 0 && (\n        <div className={`${baseClass}__pagination`}>\n          {paginationData.totalPages > 1 && (\n            <Pagination\n              hasNextPage={paginationData.hasNextPage}\n              hasPrevPage={paginationData.hasPrevPage}\n              nextPage={paginationData.nextPage ?? undefined}\n              numberOfNeighbors={1}\n              onChange={handlePageChange}\n              page={paginationData.page}\n              prevPage={paginationData.prevPage ?? undefined}\n              totalPages={paginationData.totalPages}\n            />\n          )}\n          <span className={`${baseClass}__page-info`}>\n            <Translation\n              // @ts-expect-error - plugin translations not typed\n              i18nKey=\"plugin-import-export:previewPageInfo\"\n              t={t}\n              variables={{\n                end: Math.min((paginationData.page ?? 1) * previewLimit, exportTotalDocs),\n                start: ((paginationData.page ?? 1) - 1) * previewLimit + 1,\n                total: exportTotalDocs,\n              }}\n            />\n          </span>\n          <PerPage\n            handleChange={handlePerPageChange}\n            limit={previewLimit}\n            limits={PREVIEW_LIMIT_OPTIONS}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","CodeEditorLazy","Pagination","PerPage","Table","Translation","useConfig","useDebouncedEffect","useDocumentInfo","useFormFields","useTranslation","React","useEffect","useRef","useState","useTransition","DEFAULT_PREVIEW_LIMIT","PREVIEW_LIMIT_OPTIONS","useImportExport","baseClass","ExportPreview","isPending","startTransition","collection","config","routes","collectionSlug","draft","fields","format","limit","locale","sort","where","value","dataToRender","setDataToRender","exportTotalDocs","setExportTotalDocs","columns","setColumns","i18n","t","previewPage","setPreviewPage","previewLimit","setPreviewLimit","paginationData","setPaginationData","prevExportConfigRef","prevConfig","current","configChanged","JSON","stringify","targetCollectionSlug","isCSV","abortController","AbortController","fetchData","res","fetch","api","body","credentials","headers","method","signal","ok","serverColumns","docs","serverExportTotalDocs","hasNextPage","hasPrevPage","responseLimit","page","responsePage","totalPages","json","allKeys","Array","from","Set","flatMap","doc","Object","keys","fieldKeys","length","newColumns","map","key","accessor","active","field","name","Heading","renderedCells","val","undefined","String","isArray","join","nextPage","prevPage","error","console","aborted","abort","handlePageChange","handlePerPageChange","newLimit","div","className","h3","i18nKey","span","variables","count","data","language","readOnly","numberOfNeighbors","onChange","end","Math","min","start","total","handleChange","limits"],"mappings":"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"}

package/dist/components/ExportPreview/index.scss

@@ -0,0 +1,36 @@
+@layer payload-default {
+  .export-preview {
+    &__header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-end;
+      margin-bottom: 10px;
+    }
+
+    &__export-count {
+      font-size: var(--font-size-small);
+      color: var(--theme-elevation-500);
+    }
+
+    &__pagination {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--base);
+      margin-top: var(--base);
+      padding-top: var(--base);
+      border-top: 1px solid var(--theme-elevation-100);
+
+      // When only PerPage is present (no Pagination), keep it on the right
+      .per-page:only-child {
+        margin-left: auto;
+      }
+    }
+
+    &__page-info {
+      font-size: var(--font-size-small);
+      color: var(--theme-elevation-500);
+      white-space: nowrap;
+    }
+  }
+}

package/dist/components/ExportSaveButton/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ExportSaveButton: React.FC;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExportSaveButton/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA+GpC,CAAA"}

package/dist/components/ExportSaveButton/index.js

@@ -0,0 +1,110 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SaveButton, toast, Translation, useConfig, useForm, useFormModified, useTranslation } from '@ruya.sa/ui';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React from 'react';
+export const ExportSaveButton = ()=>{
+    const { t } = useTranslation();
+    const { config: { routes: { api } }, getEntityConfig } = useConfig();
+    const { getData, setModified } = useForm();
+    const modified = useFormModified();
+    const exportsCollectionConfig = getEntityConfig({
+        collectionSlug: 'exports'
+    });
+    const disableSave = exportsCollectionConfig?.admin?.custom?.disableSave === true;
+    const disableDownload = exportsCollectionConfig?.admin?.custom?.disableDownload === true;
+    const label = t('general:save');
+    const handleDownload = async ()=>{
+        let timeoutID = null;
+        let toastID = null;
+        try {
+            setModified(false); // Reset modified state
+            const data = getData();
+            // Set a timeout to show toast if the request takes longer than 200ms
+            timeoutID = setTimeout(()=>{
+                toastID = toast.success('Your export is being processed...');
+            }, 200);
+            const response = await fetch(formatAdminURL({
+                apiRoute: api,
+                path: '/exports/download'
+            }), {
+                body: JSON.stringify({
+                    data
+                }),
+                credentials: 'include',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                method: 'POST'
+            });
+            // Clear the timeout if fetch completes quickly
+            if (timeoutID) {
+                clearTimeout(timeoutID);
+            }
+            // Dismiss the toast if it was shown
+            if (toastID) {
+                toast.dismiss(toastID);
+            }
+            if (!response.ok) {
+                // Try to parse the error message from the JSON response
+                let errorMsg = 'Failed to download file';
+                try {
+                    const errorJson = await response.json();
+                    if (errorJson?.errors?.[0]?.message) {
+                        errorMsg = errorJson.errors[0].message;
+                    }
+                } catch  {
+                // Ignore JSON parse errors, fallback to generic message
+                }
+                throw new Error(errorMsg);
+            }
+            const fileStream = response.body;
+            const reader = fileStream?.getReader();
+            const decoder = new TextDecoder();
+            let result = '';
+            while(reader){
+                const { done, value } = await reader.read();
+                if (done) {
+                    break;
+                }
+                result += decoder.decode(value, {
+                    stream: true
+                });
+            }
+            const blob = new Blob([
+                result
+            ], {
+                type: 'text/plain'
+            });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = `${data.name}.${data.format}`;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+        } catch (error) {
+            toast.error(error.message || 'Error downloading file');
+        }
+    };
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            !disableSave && /*#__PURE__*/ _jsx(SaveButton, {
+                label: label
+            }),
+            !disableDownload && /*#__PURE__*/ _jsx(Button, {
+                disabled: !modified,
+                onClick: handleDownload,
+                size: "medium",
+                type: "button",
+                children: /*#__PURE__*/ _jsx(Translation, {
+                    i18nKey: "upload:download",
+                    t: t
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ExportSaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Button,\n  SaveButton,\n  toast,\n  Translation,\n  useConfig,\n  useForm,\n  useFormModified,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { formatAdminURL } from '@ruya.sa/payload/shared'\nimport React from 'react'\n\nimport type {\n  PluginImportExportTranslationKeys,\n  PluginImportExportTranslations,\n} from '../../translations/index.js'\n\nexport const ExportSaveButton: React.FC = () => {\n  const { t } = useTranslation<PluginImportExportTranslations, PluginImportExportTranslationKeys>()\n  const {\n    config: {\n      routes: { api },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { getData, setModified } = useForm()\n  const modified = useFormModified()\n\n  const exportsCollectionConfig = getEntityConfig({ collectionSlug: 'exports' })\n\n  const disableSave = exportsCollectionConfig?.admin?.custom?.disableSave === true\n\n  const disableDownload = exportsCollectionConfig?.admin?.custom?.disableDownload === true\n\n  const label = t('general:save')\n\n  const handleDownload = async () => {\n    let timeoutID: null | ReturnType<typeof setTimeout> = null\n    let toastID: null | number | string = null\n\n    try {\n      setModified(false) // Reset modified state\n      const data = getData()\n\n      // Set a timeout to show toast if the request takes longer than 200ms\n      timeoutID = setTimeout(() => {\n        toastID = toast.success('Your export is being processed...')\n      }, 200)\n\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: api,\n          path: '/exports/download',\n        }),\n        {\n          body: JSON.stringify({\n            data,\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'POST',\n        },\n      )\n\n      // Clear the timeout if fetch completes quickly\n      if (timeoutID) {\n        clearTimeout(timeoutID)\n      }\n\n      // Dismiss the toast if it was shown\n      if (toastID) {\n        toast.dismiss(toastID)\n      }\n\n      if (!response.ok) {\n        // Try to parse the error message from the JSON response\n        let errorMsg = 'Failed to download file'\n        try {\n          const errorJson = await response.json()\n          if (errorJson?.errors?.[0]?.message) {\n            errorMsg = errorJson.errors[0].message\n          }\n        } catch {\n          // Ignore JSON parse errors, fallback to generic message\n        }\n        throw new Error(errorMsg)\n      }\n\n      const fileStream = response.body\n      const reader = fileStream?.getReader()\n      const decoder = new TextDecoder()\n      let result = ''\n\n      while (reader) {\n        const { done, value } = await reader.read()\n        if (done) {\n          break\n        }\n        result += decoder.decode(value, { stream: true })\n      }\n\n      const blob = new Blob([result], { type: 'text/plain' })\n      const url = URL.createObjectURL(blob)\n      const a = document.createElement('a')\n      a.href = url\n      a.download = `${data.name}.${data.format}`\n      document.body.appendChild(a)\n      a.click()\n      document.body.removeChild(a)\n      URL.revokeObjectURL(url)\n    } catch (error: any) {\n      toast.error(error.message || 'Error downloading file')\n    }\n  }\n\n  return (\n    <React.Fragment>\n      {!disableSave && <SaveButton label={label} />}\n      {!disableDownload && (\n        <Button disabled={!modified} onClick={handleDownload} size=\"medium\" type=\"button\">\n          <Translation i18nKey=\"upload:download\" t={t} />\n        </Button>\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["Button","SaveButton","toast","Translation","useConfig","useForm","useFormModified","useTranslation","formatAdminURL","React","ExportSaveButton","t","config","routes","api","getEntityConfig","getData","setModified","modified","exportsCollectionConfig","collectionSlug","disableSave","admin","custom","disableDownload","label","handleDownload","timeoutID","toastID","data","setTimeout","success","response","fetch","apiRoute","path","body","JSON","stringify","credentials","headers","method","clearTimeout","dismiss","ok","errorMsg","errorJson","json","errors","message","Error","fileStream","reader","getReader","decoder","TextDecoder","result","done","value","read","decode","stream","blob","Blob","type","url","URL","createObjectURL","a","document","createElement","href","download","name","format","appendChild","click","removeChild","revokeObjectURL","error","Fragment","disabled","onClick","size","i18nKey"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+import type { SelectFieldClientComponent } from '@ruya.sa/payload';
+export declare const FieldsToExport: SelectFieldClientComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldsToExport/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AAkBlE,eAAO,MAAM,cAAc,EAAE,0BA2E5B,CAAA"}