@payloadcms/plugin-import-export 3.52.0-internal.8a9caef → 3.53.0-internal.2dadf5b

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

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

package/dist/components/ExportSaveButton/index.js

@@ -43,7 +43,17 @@ export const ExportSaveButton = ()=>{
                 toast.dismiss(toastID);
             }
             if (!response.ok) {
-                throw new Error('Failed to download file');
+                // 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();
@@ -72,8 +82,7 @@ export const ExportSaveButton = ()=>{
             document.body.removeChild(a);
             URL.revokeObjectURL(url);
         } catch (error) {
-            console.error('Error downloading file:', error);
-            toast.error('Error downloading file');
+            toast.error(error.message || 'Error downloading file');
         }
     };
     return /*#__PURE__*/ _jsxs(React.Fragment, {

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

@@ -1 +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 '@payloadcms/ui'\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      serverURL,\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(`${serverURL}${api}/exports/download`, {\n        body: JSON.stringify({\n          data,\n        }),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\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        throw new Error('Failed to download file')\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) {\n      console.error('Error downloading file:', error)\n      toast.error('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","React","ExportSaveButton","t","config","routes","api","serverURL","getEntityConfig","getData","setModified","modified","exportsCollectionConfig","collectionSlug","disableSave","admin","custom","disableDownload","label","handleDownload","timeoutID","toastID","data","setTimeout","success","response","fetch","body","JSON","stringify","credentials","headers","method","clearTimeout","dismiss","ok","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","console","Fragment","disabled","onClick","size","i18nKey"],"mappings":"AAAA;;AAEA,SACEA,MAAM,EACNC,UAAU,EACVC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,eAAe,EACfC,cAAc,QACT,iBAAgB;AACvB,OAAOC,WAAW,QAAO;AAOzB,OAAO,MAAMC,mBAA6B;IACxC,MAAM,EAAEC,CAAC,EAAE,GAAGH;IACd,MAAM,EACJI,QAAQ,EACNC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,EACDC,eAAe,EAChB,GAAGX;IAEJ,MAAM,EAAEY,OAAO,EAAEC,WAAW,EAAE,GAAGZ;IACjC,MAAMa,WAAWZ;IAEjB,MAAMa,0BAA0BJ,gBAAgB;QAAEK,gBAAgB;IAAU;IAE5E,MAAMC,cAAcF,yBAAyBG,OAAOC,QAAQF,gBAAgB;IAE5E,MAAMG,kBAAkBL,yBAAyBG,OAAOC,QAAQC,oBAAoB;IAEpF,MAAMC,QAAQf,EAAE;IAEhB,MAAMgB,iBAAiB;QACrB,IAAIC,YAAkD;QACtD,IAAIC,UAAkC;QAEtC,IAAI;YACFX,YAAY,OAAO,uBAAuB;;YAC1C,MAAMY,OAAOb;YAEb,qEAAqE;YACrEW,YAAYG,WAAW;gBACrBF,UAAU1B,MAAM6B,OAAO,CAAC;YAC1B,GAAG;YAEH,MAAMC,WAAW,MAAMC,MAAM,GAAGnB,YAAYD,IAAI,iBAAiB,CAAC,EAAE;gBAClEqB,MAAMC,KAAKC,SAAS,CAAC;oBACnBP;gBACF;gBACAQ,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,+CAA+C;YAC/C,IAAIZ,WAAW;gBACba,aAAab;YACf;YAEA,oCAAoC;YACpC,IAAIC,SAAS;gBACX1B,MAAMuC,OAAO,CAACb;YAChB;YAEA,IAAI,CAACI,SAASU,EAAE,EAAE;gBAChB,MAAM,IAAIC,MAAM;YAClB;YAEA,MAAMC,aAAaZ,SAASE,IAAI;YAChC,MAAMW,SAASD,YAAYE;YAC3B,MAAMC,UAAU,IAAIC;YACpB,IAAIC,SAAS;YAEb,MAAOJ,OAAQ;gBACb,MAAM,EAAEK,IAAI,EAAEC,KAAK,EAAE,GAAG,MAAMN,OAAOO,IAAI;gBACzC,IAAIF,MAAM;oBACR;gBACF;gBACAD,UAAUF,QAAQM,MAAM,CAACF,OAAO;oBAAEG,QAAQ;gBAAK;YACjD;YAEA,MAAMC,OAAO,IAAIC,KAAK;gBAACP;aAAO,EAAE;gBAAEQ,MAAM;YAAa;YACrD,MAAMC,MAAMC,IAAIC,eAAe,CAACL;YAChC,MAAMM,IAAIC,SAASC,aAAa,CAAC;YACjCF,EAAEG,IAAI,GAAGN;YACTG,EAAEI,QAAQ,GAAG,GAAGpC,KAAKqC,IAAI,CAAC,CAAC,EAAErC,KAAKsC,MAAM,EAAE;YAC1CL,SAAS5B,IAAI,CAACkC,WAAW,CAACP;YAC1BA,EAAEQ,KAAK;YACPP,SAAS5B,IAAI,CAACoC,WAAW,CAACT;YAC1BF,IAAIY,eAAe,CAACb;QACtB,EAAE,OAAOc,OAAO;YACdC,QAAQD,KAAK,CAAC,2BAA2BA;YACzCtE,MAAMsE,KAAK,CAAC;QACd;IACF;IAEA,qBACE,MAAChE,MAAMkE,QAAQ;;YACZ,CAACrD,6BAAe,KAACpB;gBAAWwB,OAAOA;;YACnC,CAACD,iCACA,KAACxB;gBAAO2E,UAAU,CAACzD;gBAAU0D,SAASlD;gBAAgBmD,MAAK;gBAASpB,MAAK;0BACvE,cAAA,KAACtD;oBAAY2E,SAAQ;oBAAkBpE,GAAGA;;;;;AAKpD,EAAC"}
+{"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 '@payloadcms/ui'\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      serverURL,\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(`${serverURL}${api}/exports/download`, {\n        body: JSON.stringify({\n          data,\n        }),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\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","React","ExportSaveButton","t","config","routes","api","serverURL","getEntityConfig","getData","setModified","modified","exportsCollectionConfig","collectionSlug","disableSave","admin","custom","disableDownload","label","handleDownload","timeoutID","toastID","data","setTimeout","success","response","fetch","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/Page/index.d.ts

@@ -0,0 +1,4 @@
+import type { NumberFieldClientComponent } from 'payload';
+import './index.scss';
+export declare const Page: NumberFieldClientComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Page/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAKzD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,0BA6BlB,CAAA"}

package/dist/components/Page/index.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NumberField, useField } from '@payloadcms/ui';
+import React, { useEffect } from 'react';
+import './index.scss';
+const baseClass = 'page-field';
+export const Page = (props)=>{
+    const { setValue } = useField();
+    const { value: limitValue } = useField({
+        path: 'limit'
+    });
+    // Effect to reset page to 1 if limit is removed
+    useEffect(()=>{
+        if (!limitValue) {
+            setValue(1) // Reset page to 1
+            ;
+        }
+    }, [
+        limitValue,
+        setValue
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsx(NumberField, {
+            field: {
+                name: props.field.name,
+                admin: {
+                    autoComplete: undefined,
+                    placeholder: undefined,
+                    step: 1
+                },
+                label: props.field.label,
+                min: 1
+            },
+            onChange: (value)=>setValue(value ?? 1),
+            path: props.path
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldClientComponent } from 'payload'\n\nimport { NumberField, useField } from '@payloadcms/ui'\nimport React, { useEffect } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'page-field'\n\nexport const Page: NumberFieldClientComponent = (props) => {\n  const { setValue } = useField<number>()\n  const { value: limitValue } = useField<number>({ path: 'limit' })\n\n  // Effect to reset page to 1 if limit is removed\n  useEffect(() => {\n    if (!limitValue) {\n      setValue(1) // Reset page to 1\n    }\n  }, [limitValue, setValue])\n\n  return (\n    <div className={baseClass}>\n      <NumberField\n        field={{\n          name: props.field.name,\n          admin: {\n            autoComplete: undefined,\n            placeholder: undefined,\n            step: 1,\n          },\n          label: props.field.label,\n          min: 1,\n        }}\n        onChange={(value) => setValue(value ?? 1)} // Update the page value on change\n        path={props.path}\n      />\n    </div>\n  )\n}\n"],"names":["NumberField","useField","React","useEffect","baseClass","Page","props","setValue","value","limitValue","path","div","className","field","name","admin","autoComplete","undefined","placeholder","step","label","min","onChange"],"mappings":"AAAA;;AAIA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,iBAAgB;AACtD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,OAAmC,CAACC;IAC/C,MAAM,EAAEC,QAAQ,EAAE,GAAGN;IACrB,MAAM,EAAEO,OAAOC,UAAU,EAAE,GAAGR,SAAiB;QAAES,MAAM;IAAQ;IAE/D,gDAAgD;IAChDP,UAAU;QACR,IAAI,CAACM,YAAY;YACfF,SAAS,GAAG,kBAAkB;;QAChC;IACF,GAAG;QAACE;QAAYF;KAAS;IAEzB,qBACE,KAACI;QAAIC,WAAWR;kBACd,cAAA,KAACJ;YACCa,OAAO;gBACLC,MAAMR,MAAMO,KAAK,CAACC,IAAI;gBACtBC,OAAO;oBACLC,cAAcC;oBACdC,aAAaD;oBACbE,MAAM;gBACR;gBACAC,OAAOd,MAAMO,KAAK,CAACO,KAAK;gBACxBC,KAAK;YACP;YACAC,UAAU,CAACd,QAAUD,SAASC,SAAS;YACvCE,MAAMJ,MAAMI,IAAI;;;AAIxB,EAAC"}

package/dist/components/Page/index.scss

@@ -0,0 +1,3 @@
+.page-field {
+  --field-width: 33.3333%;
+}

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":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,OAAO,yBA8KnB,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;AAKrB,eAAO,MAAM,OAAO,yBAiLnB,CAAA"}

package/dist/components/Preview/index.js

@@ -13,6 +13,9 @@ export const Preview = ()=>{
     const { value: where } = useField({
         path: 'where'
     });
+    const { value: page } = useField({
+        path: 'page'
+    });
     const { value: limit } = useField({
         path: 'limit'
     });
@@ -58,6 +61,7 @@ export const Preview = ()=>{
                         format,
                         limit,
                         locale,
+                        page,
                         sort,
                         where
                     }),
@@ -134,6 +138,7 @@ export const Preview = ()=>{
         i18n,
         limit,
         locale,
+        page,
         sort,
         where
     ]);

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 } 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 { buildDisabledFieldRegex } from '../../utilities/buildDisabledFieldRegex.js'\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: '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 disabledFieldRegexes: RegExp[] = React.useMemo(() => {\n    const disabledFieldPaths =\n      collectionConfig?.admin?.custom?.['plugin-import-export']?.disabledFields ?? []\n\n    return disabledFieldPaths.map(buildDisabledFieldRegex)\n  }, [collectionConfig])\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            format,\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 }: { docs: Record<string, unknown>[]; totalDocs: number } =\n          await res.json()\n\n        setResultCount(limit && limit < totalDocs ? limit : totalDocs)\n\n        const allKeys = Array.from(new Set(docs.flatMap((doc) => Object.keys(doc))))\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(\n                  (key) =>\n                    regex.test(key) &&\n                    !disabledFieldRegexes.some((disabledRegex) => disabledRegex.test(key)),\n                )\n              })\n            : allKeys.filter(\n                (key) =>\n                  !defaultMetaFields.includes(key) &&\n                  !disabledFieldRegexes.some((regex) => regex.test(key)),\n              )\n\n        const fieldKeys =\n          Array.isArray(fields) && fields.length > 0\n            ? selectedKeys // strictly use selected fields only\n            : [\n                ...selectedKeys,\n                ...defaultMetaFields.filter(\n                  (key) => allKeys.includes(key) && !selectedKeys.includes(key),\n                ),\n              ]\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  }, [\n    collectionConfig,\n    collectionSlug,\n    disabledFieldRegexes,\n    draft,\n    fields,\n    format,\n    i18n,\n    limit,\n    locale,\n    sort,\n    where,\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        {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","buildDisabledFieldRegex","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","disabledFieldRegexes","useMemo","disabledFieldPaths","admin","custom","disabledFields","map","isCSV","useEffect","fetchData","res","fetch","body","JSON","stringify","credentials","headers","method","ok","docs","totalDocs","json","allKeys","Array","from","Set","flatMap","doc","Object","keys","defaultMetaFields","fieldToRegex","field","parts","split","part","RegExp","join","selectedKeys","isArray","length","regex","filter","key","test","some","disabledRegex","includes","fieldKeys","newColumns","accessor","active","name","Heading","renderedCells","val","undefined","String","error","console","div","className","h3","i18nKey","variables","count","data","language","readOnly"],"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 { buildDisabledFieldRegex } from '../../utilities/buildDisabledFieldRegex.js'\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: page } = useField({ path: 'page' })\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 disabledFieldRegexes: RegExp[] = React.useMemo(() => {\n    const disabledFieldPaths =\n      collectionConfig?.admin?.custom?.['plugin-import-export']?.disabledFields ?? []\n\n    return disabledFieldPaths.map(buildDisabledFieldRegex)\n  }, [collectionConfig])\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            format,\n            limit,\n            locale,\n            page,\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 }: { docs: Record<string, unknown>[]; totalDocs: number } =\n          await res.json()\n\n        setResultCount(limit && limit < totalDocs ? limit : totalDocs)\n\n        const allKeys = Array.from(new Set(docs.flatMap((doc) => Object.keys(doc))))\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(\n                  (key) =>\n                    regex.test(key) &&\n                    !disabledFieldRegexes.some((disabledRegex) => disabledRegex.test(key)),\n                )\n              })\n            : allKeys.filter(\n                (key) =>\n                  !defaultMetaFields.includes(key) &&\n                  !disabledFieldRegexes.some((regex) => regex.test(key)),\n              )\n\n        const fieldKeys =\n          Array.isArray(fields) && fields.length > 0\n            ? selectedKeys // strictly use selected fields only\n            : [\n                ...selectedKeys,\n                ...defaultMetaFields.filter(\n                  (key) => allKeys.includes(key) && !selectedKeys.includes(key),\n                ),\n              ]\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  }, [\n    collectionConfig,\n    collectionSlug,\n    disabledFieldRegexes,\n    draft,\n    fields,\n    format,\n    i18n,\n    limit,\n    locale,\n    page,\n    sort,\n    where,\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        {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","buildDisabledFieldRegex","useImportExport","baseClass","Preview","collection","config","value","where","path","page","limit","fields","sort","draft","locale","format","dataToRender","setDataToRender","useState","resultCount","setResultCount","columns","setColumns","i18n","t","collectionSlug","collectionConfig","collections","find","slug","disabledFieldRegexes","useMemo","disabledFieldPaths","admin","custom","disabledFields","map","isCSV","useEffect","fetchData","res","fetch","body","JSON","stringify","credentials","headers","method","ok","docs","totalDocs","json","allKeys","Array","from","Set","flatMap","doc","Object","keys","defaultMetaFields","fieldToRegex","field","parts","split","part","RegExp","join","selectedKeys","isArray","length","regex","filter","key","test","some","disabledRegex","includes","fieldKeys","newColumns","accessor","active","name","Heading","renderedCells","val","undefined","String","error","console","div","className","h3","i18nKey","variables","count","data","language","readOnly"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SortBy/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAkBzD,eAAO,MAAM,MAAM,EAAE,0BAsEpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SortBy/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAgBzD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,0BAqHpB,CAAA"}

package/dist/components/SortBy/index.js

@@ -1,71 +1,113 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FieldLabel, ReactSelect, useConfig, useDocumentInfo, useField, useListQuery } from '@payloadcms/ui';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { applySortOrder, normalizeQueryParam, stripSortDash } from '../../utilities/sortHelpers.js';
 import { reduceFields } from '../FieldsToExport/reduceFields.js';
 import { useImportExport } from '../ImportExportProvider/index.js';
+import './index.scss';
 const baseClass = 'sort-by-fields';
 export const SortBy = (props)=>{
     const { id } = useDocumentInfo();
-    const { setValue, value } = useField();
+    // The "sort" text field that stores 'title' or '-title'
+    const { setValue: setSort, value: sortRaw } = useField();
+    // Sibling order field ('asc' | 'desc') used when writing sort on change
+    const { value: sortOrder = 'asc' } = useField({
+        path: 'sortOrder'
+    });
+    // Needed so we can initialize sortOrder when SortOrder component is hidden
+    const { setValue: setSortOrder } = useField({
+        path: 'sortOrder'
+    });
     const { value: collectionSlug } = useField({
         path: 'collectionSlug'
     });
     const { query } = useListQuery();
     const { getEntityConfig } = useConfig();
     const { collection } = useImportExport();
+    // ReactSelect's displayed option
     const [displayedValue, setDisplayedValue] = useState(null);
     const collectionConfig = getEntityConfig({
         collectionSlug: collectionSlug ?? collection
     });
-    const fieldOptions = reduceFields({
-        fields: collectionConfig?.fields
-    });
-    // Sync displayedValue with value from useField
+    const fieldOptions = useMemo(()=>reduceFields({
+            fields: collectionConfig?.fields
+        }), [
+        collectionConfig?.fields
+    ]);
+    // Normalize the stored value for display (strip the '-') and pick the option
     useEffect(()=>{
-        if (!value) {
+        const clean = stripSortDash(sortRaw);
+        if (!clean) {
             setDisplayedValue(null);
             return;
         }
-        const option = fieldOptions.find((field)=>field.value === value);
-        if (option && (!displayedValue || displayedValue.value !== value)) {
+        const option = fieldOptions.find((f)=>f.value === clean);
+        if (option && (!displayedValue || displayedValue.value !== clean)) {
             setDisplayedValue(option);
         }
     }, [
-        displayedValue,
+        sortRaw,
         fieldOptions,
-        value
+        displayedValue
     ]);
+    // One-time init guard so clearing `sort` doesn't rehydrate from query again
+    const didInitRef = useRef(false);
+    // Sync the visible select from list-view query sort (preferred) or groupBy (fallback)
+    // and initialize both `sort` and `sortOrder` here as SortOrder may be hidden by admin.condition.
     useEffect(()=>{
-        if (id || !query?.sort || value) {
+        if (didInitRef.current) {
+            return;
+        }
+        if (id) {
+            didInitRef.current = true;
             return;
         }
-        const option = fieldOptions.find((field)=>field.value === query.sort);
+        if (typeof sortRaw === 'string' && sortRaw.length > 0) {
+            // Already initialized elsewhere
+            didInitRef.current = true;
+            return;
+        }
+        const qsSort = normalizeQueryParam(query?.sort);
+        const qsGroupBy = normalizeQueryParam(query?.groupBy);
+        const source = qsSort ?? qsGroupBy;
+        if (!source) {
+            didInitRef.current = true;
+            return;
+        }
+        const isDesc = !!qsSort && qsSort.startsWith('-');
+        const base = stripSortDash(source);
+        const order = isDesc ? 'desc' : 'asc';
+        // Write BOTH fields so preview/export have the right values even if SortOrder is hidden
+        setSort(applySortOrder(base, order));
+        setSortOrder(order);
+        const option = fieldOptions.find((f)=>f.value === base);
         if (option) {
-            setValue(option.value);
             setDisplayedValue(option);
         }
+        didInitRef.current = true;
     }, [
-        fieldOptions,
         id,
+        query?.groupBy,
         query?.sort,
-        value,
-        setValue
+        sortRaw,
+        fieldOptions,
+        setSort,
+        setSortOrder
     ]);
+    // When user selects a different field, store it with the current order applied
     const onChange = (option)=>{
         if (!option) {
-            setValue('');
+            setSort('');
             setDisplayedValue(null);
         } else {
-            setValue(option.value);
             setDisplayedValue(option);
+            const next = applySortOrder(option.value, String(sortOrder));
+            setSort(next);
         }
     };
     return /*#__PURE__*/ _jsxs("div", {
         className: baseClass,
-        style: {
-            '--field-width': '33%'
-        },
         children: [
             /*#__PURE__*/ _jsx(FieldLabel, {
                 label: props.field.label,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SortBy/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientComponent } from 'payload'\nimport type { ReactNode } from 'react'\n\nimport {\n  FieldLabel,\n  ReactSelect,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  useListQuery,\n} from '@payloadcms/ui'\nimport React, { useEffect, useState } from 'react'\n\nimport { reduceFields } from '../FieldsToExport/reduceFields.js'\nimport { useImportExport } from '../ImportExportProvider/index.js'\n\nconst baseClass = 'sort-by-fields'\n\nexport const SortBy: SelectFieldClientComponent = (props) => {\n  const { id } = useDocumentInfo()\n  const { setValue, value } = useField<string>()\n  const { value: collectionSlug } = useField<string>({ path: 'collectionSlug' })\n  const { query } = useListQuery()\n  const { getEntityConfig } = useConfig()\n  const { collection } = useImportExport()\n\n  const [displayedValue, setDisplayedValue] = useState<{\n    id: string\n    label: ReactNode\n    value: string\n  } | null>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: collectionSlug ?? collection })\n  const fieldOptions = reduceFields({ fields: collectionConfig?.fields })\n\n  // Sync displayedValue with value from useField\n  useEffect(() => {\n    if (!value) {\n      setDisplayedValue(null)\n      return\n    }\n\n    const option = fieldOptions.find((field) => field.value === value)\n    if (option && (!displayedValue || displayedValue.value !== value)) {\n      setDisplayedValue(option)\n    }\n  }, [displayedValue, fieldOptions, value])\n\n  useEffect(() => {\n    if (id || !query?.sort || value) {\n      return\n    }\n\n    const option = fieldOptions.find((field) => field.value === query.sort)\n    if (option) {\n      setValue(option.value)\n      setDisplayedValue(option)\n    }\n  }, [fieldOptions, id, query?.sort, value, setValue])\n\n  const onChange = (option: { id: string; label: ReactNode; value: string } | null) => {\n    if (!option) {\n      setValue('')\n      setDisplayedValue(null)\n    } else {\n      setValue(option.value)\n      setDisplayedValue(option)\n    }\n  }\n\n  return (\n    <div className={baseClass} style={{ '--field-width': '33%' } as React.CSSProperties}>\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        isSortable={true}\n        // @ts-expect-error react select option\n        onChange={onChange}\n        options={fieldOptions}\n        // @ts-expect-error react select\n        value={displayedValue}\n      />\n    </div>\n  )\n}\n"],"names":["FieldLabel","ReactSelect","useConfig","useDocumentInfo","useField","useListQuery","React","useEffect","useState","reduceFields","useImportExport","baseClass","SortBy","props","id","setValue","value","collectionSlug","path","query","getEntityConfig","collection","displayedValue","setDisplayedValue","collectionConfig","fieldOptions","fields","option","find","field","sort","onChange","div","className","style","label","disabled","readOnly","getOptionValue","String","inputId","replace","isClearable","isSortable","options"],"mappings":"AAAA;;AAKA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,QAAQ,EACRC,YAAY,QACP,iBAAgB;AACvB,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAElD,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,eAAe,QAAQ,mCAAkC;AAElE,MAAMC,YAAY;AAElB,OAAO,MAAMC,SAAqC,CAACC;IACjD,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,KAAK,EAAE,GAAGd;IAClB,MAAM,EAAEe,eAAe,EAAE,GAAGlB;IAC5B,MAAM,EAAEmB,UAAU,EAAE,GAAGX;IAEvB,MAAM,CAACY,gBAAgBC,kBAAkB,GAAGf,SAIlC;IAEV,MAAMgB,mBAAmBJ,gBAAgB;QAAEH,gBAAgBA,kBAAkBI;IAAW;IACxF,MAAMI,eAAehB,aAAa;QAAEiB,QAAQF,kBAAkBE;IAAO;IAErE,+CAA+C;IAC/CnB,UAAU;QACR,IAAI,CAACS,OAAO;YACVO,kBAAkB;YAClB;QACF;QAEA,MAAMI,SAASF,aAAaG,IAAI,CAAC,CAACC,QAAUA,MAAMb,KAAK,KAAKA;QAC5D,IAAIW,UAAW,CAAA,CAACL,kBAAkBA,eAAeN,KAAK,KAAKA,KAAI,GAAI;YACjEO,kBAAkBI;QACpB;IACF,GAAG;QAACL;QAAgBG;QAAcT;KAAM;IAExCT,UAAU;QACR,IAAIO,MAAM,CAACK,OAAOW,QAAQd,OAAO;YAC/B;QACF;QAEA,MAAMW,SAASF,aAAaG,IAAI,CAAC,CAACC,QAAUA,MAAMb,KAAK,KAAKG,MAAMW,IAAI;QACtE,IAAIH,QAAQ;YACVZ,SAASY,OAAOX,KAAK;YACrBO,kBAAkBI;QACpB;IACF,GAAG;QAACF;QAAcX;QAAIK,OAAOW;QAAMd;QAAOD;KAAS;IAEnD,MAAMgB,WAAW,CAACJ;QAChB,IAAI,CAACA,QAAQ;YACXZ,SAAS;YACTQ,kBAAkB;QACpB,OAAO;YACLR,SAASY,OAAOX,KAAK;YACrBO,kBAAkBI;QACpB;IACF;IAEA,qBACE,MAACK;QAAIC,WAAWtB;QAAWuB,OAAO;YAAE,iBAAiB;QAAM;;0BACzD,KAAClC;gBAAWmC,OAAOtB,MAAMgB,KAAK,CAACM,KAAK;gBAAEjB,MAAML,MAAMK,IAAI;;0BACtD,KAACjB;gBACCgC,WAAWtB;gBACXyB,UAAUvB,MAAMwB,QAAQ;gBACxBC,gBAAgB,CAACX,SAAWY,OAAOZ,OAAOX,KAAK;gBAC/CwB,SAAS,CAAC,MAAM,EAAE3B,MAAMK,IAAI,CAACuB,OAAO,CAAC,OAAO,OAAO;gBACnDC,aAAa;gBACbC,YAAY;gBACZ,uCAAuC;gBACvCZ,UAAUA;gBACVa,SAASnB;gBACT,gCAAgC;gBAChCT,OAAOM;;;;AAIf,EAAC"}
+{"version":3,"sources":["../../../src/components/SortBy/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientComponent } from 'payload'\nimport type { ReactNode } from 'react'\n\nimport {\n  FieldLabel,\n  ReactSelect,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  useListQuery,\n} from '@payloadcms/ui'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\n\nimport { applySortOrder, normalizeQueryParam, stripSortDash } from '../../utilities/sortHelpers.js'\nimport { reduceFields } from '../FieldsToExport/reduceFields.js'\nimport { useImportExport } from '../ImportExportProvider/index.js'\nimport './index.scss'\n\nconst baseClass = 'sort-by-fields'\n\nexport const SortBy: SelectFieldClientComponent = (props) => {\n  const { id } = useDocumentInfo()\n\n  // The \"sort\" text field that stores 'title' or '-title'\n  const { setValue: setSort, value: sortRaw } = useField<string>()\n\n  // Sibling order field ('asc' | 'desc') used when writing sort on change\n  const { value: sortOrder = 'asc' } = useField<string>({ path: 'sortOrder' })\n  // Needed so we can initialize sortOrder when SortOrder component is hidden\n  const { setValue: setSortOrder } = useField<'asc' | 'desc'>({ path: 'sortOrder' })\n\n  const { value: collectionSlug } = useField<string>({ path: 'collectionSlug' })\n  const { query } = useListQuery()\n  const { getEntityConfig } = useConfig()\n  const { collection } = useImportExport()\n\n  // ReactSelect's displayed option\n  const [displayedValue, setDisplayedValue] = useState<{\n    id: string\n    label: ReactNode\n    value: string\n  } | null>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: collectionSlug ?? collection })\n  const fieldOptions = useMemo(\n    () => reduceFields({ fields: collectionConfig?.fields }),\n    [collectionConfig?.fields],\n  )\n\n  // Normalize the stored value for display (strip the '-') and pick the option\n  useEffect(() => {\n    const clean = stripSortDash(sortRaw)\n    if (!clean) {\n      setDisplayedValue(null)\n      return\n    }\n\n    const option = fieldOptions.find((f) => f.value === clean)\n    if (option && (!displayedValue || displayedValue.value !== clean)) {\n      setDisplayedValue(option)\n    }\n  }, [sortRaw, fieldOptions, displayedValue])\n\n  // One-time init guard so clearing `sort` doesn't rehydrate from query again\n  const didInitRef = useRef(false)\n\n  // Sync the visible select from list-view query sort (preferred) or groupBy (fallback)\n  // and initialize both `sort` and `sortOrder` here as SortOrder may be hidden by admin.condition.\n  useEffect(() => {\n    if (didInitRef.current) {\n      return\n    }\n    if (id) {\n      didInitRef.current = true\n      return\n    }\n    if (typeof sortRaw === 'string' && sortRaw.length > 0) {\n      // Already initialized elsewhere\n      didInitRef.current = true\n      return\n    }\n\n    const qsSort = normalizeQueryParam(query?.sort)\n    const qsGroupBy = normalizeQueryParam(query?.groupBy)\n\n    const source = qsSort ?? qsGroupBy\n    if (!source) {\n      didInitRef.current = true\n      return\n    }\n\n    const isDesc = !!qsSort && qsSort.startsWith('-')\n    const base = stripSortDash(source)\n    const order: 'asc' | 'desc' = isDesc ? 'desc' : 'asc'\n\n    // Write BOTH fields so preview/export have the right values even if SortOrder is hidden\n    setSort(applySortOrder(base, order))\n    setSortOrder(order)\n\n    const option = fieldOptions.find((f) => f.value === base)\n    if (option) {\n      setDisplayedValue(option)\n    }\n\n    didInitRef.current = true\n  }, [id, query?.groupBy, query?.sort, sortRaw, fieldOptions, setSort, setSortOrder])\n\n  // When user selects a different field, store it with the current order applied\n  const onChange = (option: { id: string; label: ReactNode; value: string } | null) => {\n    if (!option) {\n      setSort('')\n      setDisplayedValue(null)\n    } else {\n      setDisplayedValue(option)\n      const next = applySortOrder(option.value, String(sortOrder) as 'asc' | 'desc')\n      setSort(next)\n    }\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        isSortable={true}\n        // @ts-expect-error react select option\n        onChange={onChange}\n        options={fieldOptions}\n        // @ts-expect-error react select\n        value={displayedValue}\n      />\n    </div>\n  )\n}\n"],"names":["FieldLabel","ReactSelect","useConfig","useDocumentInfo","useField","useListQuery","React","useEffect","useMemo","useRef","useState","applySortOrder","normalizeQueryParam","stripSortDash","reduceFields","useImportExport","baseClass","SortBy","props","id","setValue","setSort","value","sortRaw","sortOrder","path","setSortOrder","collectionSlug","query","getEntityConfig","collection","displayedValue","setDisplayedValue","collectionConfig","fieldOptions","fields","clean","option","find","f","didInitRef","current","length","qsSort","sort","qsGroupBy","groupBy","source","isDesc","startsWith","base","order","onChange","next","String","div","className","label","field","disabled","readOnly","getOptionValue","inputId","replace","isClearable","isSortable","options"],"mappings":"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"}

package/dist/components/SortBy/index.scss

@@ -1,4 +1,3 @@
 .sort-by-fields {
-  display: block;
-  width: 33%;
+  --field-width: 25%;
 }

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

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

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

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

package/dist/components/SortOrder/index.js

@@ -0,0 +1,123 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldLabel, ReactSelect, useDocumentInfo, useField, useListQuery } from '@payloadcms/ui';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { applySortOrder, normalizeQueryParam, stripSortDash } from '../../utilities/sortHelpers.js';
+import './index.scss';
+const baseClass = 'sort-order-field';
+const options = [
+    {
+        label: 'Ascending',
+        value: 'asc'
+    },
+    {
+        label: 'Descending',
+        value: 'desc'
+    }
+];
+const defaultOption = options[0];
+export const SortOrder = (props)=>{
+    const { id } = useDocumentInfo();
+    const { query } = useListQuery();
+    // 'sortOrder' select field: 'asc' | 'desc'
+    const { setValue: setOrder, value: orderValueRaw } = useField();
+    // 'sort' text field: 'title' | '-title'
+    const { setValue: setSort, value: sortRaw } = useField({
+        path: 'sort'
+    });
+    // The current order value, defaulting to 'asc' for UI
+    const orderValue = orderValueRaw || 'asc';
+    // Map 'asc' | 'desc' to the option object for ReactSelect
+    const currentOption = useMemo(()=>options.find((o)=>o.value === orderValue) ?? defaultOption, [
+        orderValue
+    ]);
+    const [displayed, setDisplayed] = useState(currentOption);
+    // One-time init guard so clearing `sort` doesn't rehydrate from query again
+    const didInitRef = useRef(false);
+    // Derive from list-view query.sort if present; otherwise fall back to groupBy
+    useEffect(()=>{
+        if (didInitRef.current) {
+            return;
+        }
+        // Existing export -> don't initialize here
+        if (id) {
+            didInitRef.current = true;
+            return;
+        }
+        // If sort already has a value, treat as initialized
+        if (typeof sortRaw === 'string' && sortRaw.length > 0) {
+            didInitRef.current = true;
+            return;
+        }
+        const qsSort = normalizeQueryParam(query?.sort);
+        const qsGroupBy = normalizeQueryParam(query?.groupBy);
+        if (qsSort) {
+            const isDesc = qsSort.startsWith('-');
+            const base = stripSortDash(qsSort);
+            const order = isDesc ? 'desc' : 'asc';
+            setOrder(order);
+            setSort(applySortOrder(base, order)) // combined: 'title' or '-title'
+            ;
+            didInitRef.current = true;
+            return;
+        }
+        // Fallback: groupBy (always ascending)
+        if (qsGroupBy) {
+            setOrder('asc');
+            setSort(applySortOrder(qsGroupBy, 'asc')) // write 'groupByField' (no dash)
+            ;
+            didInitRef.current = true;
+            return;
+        }
+        // Nothing to initialize
+        didInitRef.current = true;
+    }, [
+        id,
+        query?.sort,
+        query?.groupBy,
+        sortRaw,
+        setOrder,
+        setSort
+    ]);
+    // Keep the select's displayed option in sync with the stored order
+    useEffect(()=>{
+        setDisplayed(currentOption ?? defaultOption);
+    }, [
+        currentOption
+    ]);
+    // Handle manual order changes via ReactSelect:
+    //  - update the order field
+    //  - rewrite the combined "sort" string to add/remove the leading '-'
+    const onChange = (option)=>{
+        const next = option?.value ?? 'asc';
+        setOrder(next);
+        const base = stripSortDash(sortRaw);
+        if (base) {
+            setSort(applySortOrder(base, next));
+        }
+        setDisplayed(option ?? defaultOption);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                label: props.field.label,
+                path: props.path
+            }),
+            /*#__PURE__*/ _jsx(ReactSelect, {
+                className: baseClass,
+                disabled: props.readOnly,
+                inputId: `field-${props.path.replace(/\./g, '__')}`,
+                isClearable: false,
+                isSearchable: false,
+                // @ts-expect-error react-select option typing differs from our local type
+                onChange: onChange,
+                options: options,
+                // @ts-expect-error react-select option typing differs from our local type
+                value: displayed
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SortOrder/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectFieldClientComponent } from 'payload'\n\nimport { FieldLabel, ReactSelect, useDocumentInfo, useField, useListQuery } from '@payloadcms/ui'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\n\nimport { applySortOrder, normalizeQueryParam, stripSortDash } from '../../utilities/sortHelpers.js'\nimport './index.scss'\n\nconst baseClass = 'sort-order-field'\n\ntype Order = 'asc' | 'desc'\ntype OrderOption = { label: string; value: Order }\n\nconst options = [\n  { label: 'Ascending', value: 'asc' as const },\n  { label: 'Descending', value: 'desc' as const },\n] as const\n\nconst defaultOption: OrderOption = options[0]\n\nexport const SortOrder: SelectFieldClientComponent = (props) => {\n  const { id } = useDocumentInfo()\n  const { query } = useListQuery()\n\n  // 'sortOrder' select field: 'asc' | 'desc'\n  const { setValue: setOrder, value: orderValueRaw } = useField<Order>()\n\n  // 'sort' text field: 'title' | '-title'\n  const { setValue: setSort, value: sortRaw } = useField<string>({ path: 'sort' })\n\n  // The current order value, defaulting to 'asc' for UI\n  const orderValue: Order = orderValueRaw || 'asc'\n\n  // Map 'asc' | 'desc' to the option object for ReactSelect\n  const currentOption = useMemo<OrderOption>(\n    () => options.find((o) => o.value === orderValue) ?? defaultOption,\n    [orderValue],\n  )\n  const [displayed, setDisplayed] = useState<null | OrderOption>(currentOption)\n\n  // One-time init guard so clearing `sort` doesn't rehydrate from query again\n  const didInitRef = useRef(false)\n\n  // Derive from list-view query.sort if present; otherwise fall back to groupBy\n  useEffect(() => {\n    if (didInitRef.current) {\n      return\n    }\n\n    // Existing export -> don't initialize here\n    if (id) {\n      didInitRef.current = true\n      return\n    }\n\n    // If sort already has a value, treat as initialized\n    if (typeof sortRaw === 'string' && sortRaw.length > 0) {\n      didInitRef.current = true\n      return\n    }\n\n    const qsSort = normalizeQueryParam(query?.sort)\n    const qsGroupBy = normalizeQueryParam(query?.groupBy)\n\n    if (qsSort) {\n      const isDesc = qsSort.startsWith('-')\n      const base = stripSortDash(qsSort)\n      const order: Order = isDesc ? 'desc' : 'asc'\n      setOrder(order)\n      setSort(applySortOrder(base, order)) // combined: 'title' or '-title'\n      didInitRef.current = true\n      return\n    }\n\n    // Fallback: groupBy (always ascending)\n    if (qsGroupBy) {\n      setOrder('asc')\n      setSort(applySortOrder(qsGroupBy, 'asc')) // write 'groupByField' (no dash)\n      didInitRef.current = true\n      return\n    }\n\n    // Nothing to initialize\n    didInitRef.current = true\n  }, [id, query?.sort, query?.groupBy, sortRaw, setOrder, setSort])\n\n  // Keep the select's displayed option in sync with the stored order\n  useEffect(() => {\n    setDisplayed(currentOption ?? defaultOption)\n  }, [currentOption])\n\n  // Handle manual order changes via ReactSelect:\n  //  - update the order field\n  //  - rewrite the combined \"sort\" string to add/remove the leading '-'\n  const onChange = (option: null | OrderOption) => {\n    const next = option?.value ?? 'asc'\n    setOrder(next)\n\n    const base = stripSortDash(sortRaw)\n    if (base) {\n      setSort(applySortOrder(base, next))\n    }\n\n    setDisplayed(option ?? defaultOption)\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        inputId={`field-${props.path.replace(/\\./g, '__')}`}\n        isClearable={false}\n        isSearchable={false}\n        // @ts-expect-error react-select option typing differs from our local type\n        onChange={onChange}\n        options={options as unknown as OrderOption[]}\n        // @ts-expect-error react-select option typing differs from our local type\n        value={displayed}\n      />\n    </div>\n  )\n}\n"],"names":["FieldLabel","ReactSelect","useDocumentInfo","useField","useListQuery","React","useEffect","useMemo","useRef","useState","applySortOrder","normalizeQueryParam","stripSortDash","baseClass","options","label","value","defaultOption","SortOrder","props","id","query","setValue","setOrder","orderValueRaw","setSort","sortRaw","path","orderValue","currentOption","find","o","displayed","setDisplayed","didInitRef","current","length","qsSort","sort","qsGroupBy","groupBy","isDesc","startsWith","base","order","onChange","option","next","div","className","field","disabled","readOnly","inputId","replace","isClearable","isSearchable"],"mappings":"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"}

package/dist/components/SortOrder/index.scss

@@ -0,0 +1,3 @@
+.sort-order-field {
+  --field-width: 25%;
+}

package/dist/export/createExport.d.ts

@@ -11,8 +11,10 @@ export type Export = {
     format: 'csv' | 'json';
     globals?: string[];
     id: number | string;
+    limit?: number;
     locale?: string;
     name: string;
+    page?: number;
     slug: string;
     sort: Sort;
     user: string;

package/dist/export/createExport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createExport.d.ts","sourceRoot":"","sources":["../../src/export/createExport.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAYrE,MAAM,MAAM,MAAM,GAAG;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,EAAE,KAAK,GAAG,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,cAAc,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,YAAY,SAAgB,gBAAgB,kCAkUxD,CAAA"}
+{"version":3,"file":"createExport.d.ts","sourceRoot":"","sources":["../../src/export/createExport.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAarE,MAAM,MAAM,MAAM,GAAG;IACnB,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,EAAE,KAAK,GAAG,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,cAAc,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,YAAY,SAAgB,gBAAgB,kCAyYxD,CAAA"}