+
+
Preview
+ {resultCount && {resultCount} total documents}
+
+ {dataToRender &&
}
+
+ )
+}
diff --git a/packages/plugin-import-export/src/components/SortBy/index.scss b/packages/plugin-import-export/src/components/SortBy/index.scss
new file mode 100644
index 0000000000..b142d9f3c3
--- /dev/null
+++ b/packages/plugin-import-export/src/components/SortBy/index.scss
@@ -0,0 +1,4 @@
+.sort-by-fields {
+ display: block;
+ width: 33%;
+}
diff --git a/packages/plugin-import-export/src/components/SortBy/index.tsx b/packages/plugin-import-export/src/components/SortBy/index.tsx
new file mode 100644
index 0000000000..75d7cbb297
--- /dev/null
+++ b/packages/plugin-import-export/src/components/SortBy/index.tsx
@@ -0,0 +1,90 @@
+'use client'
+
+import type { SelectFieldClientComponent } from 'payload'
+import type { ReactNode } from 'react'
+
+import {
+ FieldLabel,
+ ReactSelect,
+ useConfig,
+ useDocumentInfo,
+ useField,
+ useListQuery,
+} from '@payloadcms/ui'
+import React, { useEffect, useState } from 'react'
+
+import { reduceFields } from '../FieldsToExport/reduceFields.js'
+import { useImportExport } from '../ImportExportProvider/index.js'
+
+const baseClass = 'sort-by-fields'
+
+export const SortBy: SelectFieldClientComponent = (props) => {
+ const { id } = useDocumentInfo()
+ const { path } = props
+ const { setValue, value } = useField