fix(ui): folder server function must reference exports dir (#12898)

Author: JarrodMFlesch

packages/ui/src/exports/client/index.ts

@@ -123,6 +123,8 @@ export { SaveDraftButton } from '../../elements/SaveDraftButton/index.js'
 // folder elements
 export { FolderProvider, useFolder } from '../../providers/Folders/index.js'
 export { BrowseByFolderButton } from '../../elements/FolderView/BrowseByFolderButton/index.js'
+export { ItemCardGrid } from '../../elements/FolderView/ItemCardGrid/index.js'
+export { FolderFileTable } from '../../elements/FolderView/FolderFileTable/index.js'
 
 export { type Option as ReactSelectOption, ReactSelect } from '../../elements/ReactSelect/index.js'
 export { ReactSelect as Select } from '../../elements/ReactSelect/index.js'

packages/ui/src/utilities/getFolderResultsComponentAndData.tsx

@@ -10,8 +10,11 @@ import type { FolderBreadcrumb, FolderOrDocument } from 'payload/shared'
 import { APIError, formatErrors, getFolderData } from 'payload'
 import { buildFolderWhereConstraints } from 'payload/shared'
 
-import { FolderFileTable } from '../elements/FolderView/FolderFileTable/index.js'
-import { ItemCardGrid } from '../elements/FolderView/ItemCardGrid/index.js'
+import {
+  FolderFileTable,
+  ItemCardGrid,
+  // eslint-disable-next-line payload/no-imports-from-exports-dir -- This component is returned via server functions, it must reference the exports dir
+} from '../exports/client/index.js'
 
 type GetFolderResultsComponentAndDataResult = {
   breadcrumbs?: FolderBreadcrumb[]