chore: fix all esm test suite imports

package.json

@@ -180,5 +180,6 @@
       "abab": "2",
       "domexception": "4"
     }
-  }
+  },
+  "packageManager": "pnpm@8.15.4+sha256.cea6d0bdf2de3a0549582da3983c70c92ffc577ff4410cbf190817ddc35137c2"
 }

test/array-update/config.ts

@@ -1,6 +1,6 @@
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { arraySlug } from './shared'
+import { arraySlug } from './shared.js'
 
 export default buildConfigWithDefaults({
   collections: [

test/auth/AuthDebug.tsx

@@ -2,10 +2,10 @@
 
 import React, { useEffect, useState } from 'react'
 
-import type { User } from '../../packages/payload/src/auth'
+import type { User } from '../../packages/payload/src/auth/types.js'
-import type { UIField } from '../../packages/payload/src/fields/config/types'
+import type { UIField } from '../../packages/payload/src/fields/config/types.js'
 
-import { useAuth } from '../../packages/ui'
+import { useAuth } from '../../packages/ui/src/providers/Auth/index.js'
 
 export const AuthDebug: React.FC<UIField> = () => {
   const [state, setState] = useState<User | null | undefined>()

test/auth/config.ts

@@ -1,10 +1,10 @@
 import { v4 as uuid } from 'uuid'
 
-import { mapAsync } from '../../packages/payload/src/utilities/mapAsync'
+import { mapAsync } from '../../packages/payload/src/utilities/mapAsync.js'
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js.'
-import { AuthDebug } from './AuthDebug'
+import { AuthDebug } from './AuthDebug.js'
-import { apiKeysSlug, namedSaveToJWTValue, saveToJWTKey, slug } from './shared'
+import { apiKeysSlug, namedSaveToJWTValue, saveToJWTKey, slug } from './shared.js'
 
 export default buildConfigWithDefaults({
   admin: {

test/auth/custom-strategy/config.ts

@@ -1,11 +1,9 @@
-import type { Request } from 'express'
-
 import { Strategy } from 'passport-strategy'
 
-import type { Payload } from '../../../packages/payload/src'
+import type { Payload } from '../../../packages/payload/src/index.js'
 
-import { buildConfigWithDefaults } from '../../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../../buildConfigWithDefaults.js'
-import { usersSlug } from './shared'
+import { usersSlug } from './shared.js'
 
 export const strategyName = 'test-local'
 

test/auth/custom-strategy/int.spec.ts

@@ -1,10 +1,10 @@
-import type { Payload } from '../../../packages/payload/src'
+import type { Payload } from '../../../packages/payload/src/index.js'
 
-import { getPayload } from '../../../packages/payload/src'
+import { getPayload } from '../../../packages/payload/src/index.js'
-import { NextRESTClient } from '../../helpers/NextRESTClient'
+import { NextRESTClient } from '../../helpers/NextRESTClient.js'
-import { startMemoryDB } from '../../startMemoryDB'
+import { startMemoryDB } from '../../startMemoryDB.js'
-import configPromise from './config'
+import configPromise from './config.js'
-import { usersSlug } from './shared'
+import { usersSlug } from './shared.js'
 
 let payload: Payload
 let restClient: NextRESTClient

test/auth/e2e.spec.ts

@@ -4,12 +4,12 @@ import { expect, test } from '@playwright/test'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import payload from '../../packages/payload/src'
+import payload from '../../packages/payload/src/index.js'
-import { initPageConsoleErrorCatch, login, saveDocAndAssert } from '../helpers'
+import { initPageConsoleErrorCatch, login, saveDocAndAssert } from '../helpers.js'
-import { AdminUrlUtil } from '../helpers/adminUrlUtil'
+import { AdminUrlUtil } from '../helpers/adminUrlUtil.js'
-import { initPayloadE2E } from '../helpers/configHelpers'
+import { initPayloadE2E } from '../helpers/configHelpers.js'
-import config from './config'
+import config from './config.js'
-import { apiKeysSlug, slug } from './shared'
+import { apiKeysSlug, slug } from './shared.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/auth/int.spec.ts

@@ -1,14 +1,14 @@
 import jwtDecode from 'jwt-decode'
 
-import type { Payload } from '../../packages/payload/src'
+import type { User } from '../../packages/payload/src/auth/index.js'
-import type { User } from '../../packages/payload/src/auth'
+import type { Payload } from '../../packages/payload/src/index.js'
 
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { NextRESTClient } from '../helpers/NextRESTClient'
+import { NextRESTClient } from '../helpers/NextRESTClient.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import configPromise from './config'
+import configPromise from './config.js'
-import { namedSaveToJWTValue, saveToJWTKey, slug } from './shared'
+import { namedSaveToJWTValue, saveToJWTKey, slug } from './shared.js'
 
 let restClient: NextRESTClient
 let payload: Payload

test/auth/removed-token/config.ts

@@ -1,4 +1,4 @@
-import { buildConfigWithDefaults } from '../../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../../buildConfigWithDefaults.js'
 
 export const collectionSlug = 'users'
 

test/auth/removed-token/int.spec.ts

@@ -1,11 +1,11 @@
-import type { Payload } from '../../../packages/payload/src'
+import type { Payload } from '../../../packages/payload/src/index.js'
 
-import { getPayload } from '../../../packages/payload/src'
+import { getPayload } from '../../../packages/payload/src/index.js'
-import { devUser } from '../../credentials'
+import { devUser } from '../../credentials.js'
-import { NextRESTClient } from '../../helpers/NextRESTClient'
+import { NextRESTClient } from '../../helpers/NextRESTClient.js'
-import { startMemoryDB } from '../../startMemoryDB'
+import { startMemoryDB } from '../../startMemoryDB.js'
-import { collectionSlug } from './config'
+import { collectionSlug } from './config.js'
-import configPromise from './config'
+import configPromise from './config.js'
 
 let restClient: NextRESTClient
 let payload: Payload

test/auth/ui/AuthDebug.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from 'react'
 
-import type { User } from '../../../packages/payload/src/auth'
+import type { User } from '../../../packages/payload/src/auth/index.js'
-import type { UIField } from '../../../packages/payload/src/fields/config/types'
+import type { UIField } from '../../../packages/payload/src/fields/config/types.js'
 
-import { useAuth } from '../../../packages/payload/src/admin/components/utilities/Auth'
+import { useAuth } from '../../../packages/ui/src/providers/Auth/index.js'
 
 export const AuthDebug: React.FC<UIField> = () => {
   const [state, setState] = useState<User | null | undefined>()

test/buildConfigWithDefaults.ts

@@ -1,6 +1,6 @@
 import sharp from 'sharp'
 
-import type { Config, SanitizedConfig } from '../packages/payload/src/config/types.d.ts'
+import type { Config, SanitizedConfig } from '../packages/payload/src/config/types.js'
 
 import { mongooseAdapter } from '../packages/db-mongodb/src/index.js'
 import { postgresAdapter } from '../packages/db-postgres/src/index.js'

test/collections-graphql/config.ts

@@ -1,10 +1,10 @@
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import type { CollectionConfig } from '../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../packages/payload/src/collections/config/types.js'
 
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/collections-graphql/int.spec.ts

@@ -1,12 +1,12 @@
-import type { Payload } from '../../packages/payload/src'
+import type { Payload } from '../../packages/payload/src/index.js'
-import type { Post } from './payload-types'
+import type { Post } from './payload-types.js'
 
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { mapAsync } from '../../packages/payload/src/utilities/mapAsync'
+import { mapAsync } from '../../packages/payload/src/utilities/mapAsync.js'
-import { NextRESTClient } from '../helpers/NextRESTClient'
+import { NextRESTClient } from '../helpers/NextRESTClient.js'
-import { idToString } from '../helpers/idToString'
+import { idToString } from '../helpers/idToString.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import configPromise, { errorOnHookSlug, pointSlug, relationSlug, slug } from './config'
+import configPromise, { errorOnHookSlug, pointSlug, relationSlug, slug } from './config.js'
 
 const title = 'title'
 

test/collections-rest/config.ts

@@ -1,7 +1,7 @@
-import type { CollectionConfig } from '../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../packages/payload/src/collections/config/types.js'
 
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
 
 export interface Relation {
   id: string

test/collections-rest/int.spec.ts

@@ -1,13 +1,13 @@
 import { randomBytes } from 'crypto'
 
-import type { Payload } from '../../packages/payload/src'
+import type { Payload } from '../../packages/payload/src/index.js'
-import type { Relation } from './config'
+import type { Relation } from './config.js'
-import type { Post } from './payload-types'
+import type { Post } from './payload-types.js'
 
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { mapAsync } from '../../packages/payload/src/utilities/mapAsync'
+import { mapAsync } from '../../packages/payload/src/utilities/mapAsync.js'
-import { NextRESTClient } from '../helpers/NextRESTClient'
+import { NextRESTClient } from '../helpers/NextRESTClient.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
 import configPromise, {
   customIdNumberSlug,
   customIdSlug,
@@ -15,7 +15,7 @@ import configPromise, {
   pointSlug,
   relationSlug,
   slug,
-} from './config'
+} from './config.js'
 
 let restClient: NextRESTClient
 let payload: Payload

test/config/config.ts

@@ -1,5 +1,5 @@
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
 
 export default buildConfigWithDefaults({
   collections: [

test/config/int.spec.ts

@@ -1,9 +1,9 @@
-import type { Payload } from '../../packages/payload/src'
+import type { BlockField } from '../../packages/payload/src/fields/config/types.js'
-import type { BlockField } from 'payload/types'
+import type { Payload } from '../../packages/payload/src/index.js'
 
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import configPromise from './config'
+import configPromise from './config.js'
 
 let payload: Payload
 

test/create-payload-app/int.spec.ts

@@ -7,7 +7,7 @@ import shelljs from 'shelljs'
 import { fileURLToPath } from 'url'
 import { promisify } from 'util'
 
-import { initNext } from '../../packages/create-payload-app/src/lib/init-next'
+import { initNext } from '../../packages/create-payload-app/src/lib/init-next.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/custom-graphql/config.ts

@@ -1,8 +1,8 @@
-import { commitTransaction } from '../../packages/payload/src/utilities/commitTransaction'
+import { commitTransaction } from '../../packages/payload/src/utilities/commitTransaction.js'
-import { initTransaction } from '../../packages/payload/src/utilities/initTransaction'
+import { initTransaction } from '../../packages/payload/src/utilities/initTransaction.js'
-import { killTransaction } from '../../packages/payload/src/utilities/killTransaction'
+import { killTransaction } from '../../packages/payload/src/utilities/killTransaction.js'
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
 
 const resolveTransactionId = async (_obj, _args, context) => {
   try {

test/custom-graphql/int.spec.ts

@@ -1,7 +1,7 @@
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { NextRESTClient } from '../helpers/NextRESTClient'
+import { NextRESTClient } from '../helpers/NextRESTClient.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import configPromise from './config'
+import configPromise from './config.js'
 
 let restClient: NextRESTClient
 

test/database/config.ts

@@ -1,5 +1,5 @@
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
 
 export default buildConfigWithDefaults({
   collections: [

test/database/int.spec.ts

@@ -2,18 +2,18 @@ import fs from 'fs'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import type { PostgresAdapter } from '../../packages/db-postgres/src/types'
+import type { PostgresAdapter } from '../../packages/db-postgres/src/types.js'
-import type { Payload } from '../../packages/payload/src'
+import type { TypeWithID } from '../../packages/payload/src/collections/config/types.js'
-import type { TypeWithID } from '../../packages/payload/src/collections/config/types'
+import type { Payload } from '../../packages/payload/src/index.js'
-import type { PayloadRequest } from '../../packages/payload/src/types'
+import type { PayloadRequest } from '../../packages/payload/src/types/index.js'
 
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { commitTransaction } from '../../packages/payload/src/utilities/commitTransaction'
+import { commitTransaction } from '../../packages/payload/src/utilities/commitTransaction.js'
-import { initTransaction } from '../../packages/payload/src/utilities/initTransaction'
+import { initTransaction } from '../../packages/payload/src/utilities/initTransaction.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import removeFiles from '../helpers/removeFiles'
+import removeFiles from '../helpers/removeFiles.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import configPromise from './config'
+import configPromise from './config.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/dataloader/config.ts

@@ -1,5 +1,5 @@
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
 
 export default buildConfigWithDefaults({
   collections: [

test/dataloader/int.spec.ts

@@ -1,11 +1,11 @@
-import type { Payload } from '../../packages/payload/src'
+import type { Payload } from '../../packages/payload/src/index.js'
 
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { NextRESTClient } from '../helpers/NextRESTClient'
+import { NextRESTClient } from '../helpers/NextRESTClient.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import configPromise from './config'
+import configPromise from './config.js'
-import { postDoc } from './config'
+import { postDoc } from './config.js'
 
 let restClient: NextRESTClient
 let payload: Payload

test/endpoints/config.ts

@@ -1,14 +1,14 @@
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { collectionEndpoints } from './endpoints/collections'
+import { collectionEndpoints } from './endpoints/collections.js'
-import { globalEndpoints } from './endpoints/globals'
+import { globalEndpoints } from './endpoints/globals.js'
-import { endpoints } from './endpoints/root'
+import { endpoints } from './endpoints/root.js'
 import {
   collectionSlug,
   globalSlug,
   noEndpointsCollectionSlug,
   noEndpointsGlobalSlug,
-} from './shared'
+} from './shared.js'
 
 export default buildConfigWithDefaults({
   collections: [

test/endpoints/endpoints/collections.ts

@@ -1,4 +1,4 @@
-import type { CollectionConfig } from '../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../packages/payload/src/collections/config/types.js'
 
 export const collectionEndpoints: CollectionConfig['endpoints'] = [
   {

test/endpoints/endpoints/globals.ts

@@ -1,6 +1,6 @@
-import type { GlobalConfig } from '../../../packages/payload/src/globals/config/types'
+import type { GlobalConfig } from '../../../packages/payload/src/globals/config/types.js'
 
-import { globalEndpoint } from '../shared'
+import { globalEndpoint } from '../shared.js'
 
 export const globalEndpoints: GlobalConfig['endpoints'] = [
   {

test/endpoints/endpoints/root.ts

@@ -1,6 +1,6 @@
-import type { Config } from '../../../packages/payload/src/config/types'
+import type { Config } from '../../../packages/payload/src/config/types.js'
 
-import { applicationEndpoint, rootEndpoint } from '../shared'
+import { applicationEndpoint, rootEndpoint } from '../shared.js'
 
 export const endpoints: Config['endpoints'] = [
   {

test/endpoints/int.spec.ts

@@ -1,7 +1,7 @@
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { NextRESTClient } from '../helpers/NextRESTClient'
+import { NextRESTClient } from '../helpers/NextRESTClient.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import configPromise from './config'
+import configPromise from './config.js'
 import {
   applicationEndpoint,
   collectionSlug,
@@ -10,7 +10,7 @@ import {
   noEndpointsCollectionSlug,
   noEndpointsGlobalSlug,
   rootEndpoint,
-} from './shared'
+} from './shared.js'
 
 let restClient: NextRESTClient
 

test/field-error-states/collections/ErrorFields/index.ts

@@ -1,5 +1,5 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
-import type { Field } from '../../../../packages/payload/src/fields/config/types'
+import type { Field } from '../../../../packages/payload/src/fields/config/types.js'
 
 export const errorFieldsSlug = 'error-fields'
 

test/field-error-states/collections/Upload/index.ts

@@ -1,6 +1,6 @@
 import path from 'path'
 
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
 const Uploads: CollectionConfig = {
   slug: 'uploads',

test/field-error-states/config.ts

@@ -1,7 +1,7 @@
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { ErrorFieldsCollection } from './collections/ErrorFields'
+import { ErrorFieldsCollection } from './collections/ErrorFields/index.js'
-import Uploads from './collections/Upload'
+import Uploads from './collections/Upload/index.js'
 
 export default buildConfigWithDefaults({
   collections: [ErrorFieldsCollection, Uploads],

test/field-error-states/e2e.spec.ts

@@ -2,9 +2,9 @@ import type { Page } from '@playwright/test'
 
 import { expect, test } from '@playwright/test'
 
-import { initPageConsoleErrorCatch } from '../helpers'
+import { initPageConsoleErrorCatch } from '../helpers.js'
-import { initPayloadE2E } from '../helpers/configHelpers'
+import { initPayloadE2E } from '../helpers/configHelpers.js'
-import config from './config'
+import config from './config.js'
 
 const { beforeAll, describe } = test
 

test/field-perf/config.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
 
 export default buildConfigWithDefaults({
   collections: [

test/fields-relationship/PrePopulateFieldUI/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 
-import useField from '../../../packages/ui/src/forms/useField'
+import useField from '../../../packages/ui/src/forms/useField/index.js'
-import { collection1Slug } from '../collectionSlugs'
+import { collection1Slug } from '../collectionSlugs.js'
 
 export const PrePopulateFieldUI: React.FC<{
   hasMany?: boolean

test/fields-relationship/config.ts

@@ -1,10 +1,10 @@
-import type { CollectionConfig } from '../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../packages/payload/src/collections/config/types.js'
-import type { FilterOptionsProps } from '../../packages/payload/src/fields/config/types'
+import type { FilterOptionsProps } from '../../packages/payload/src/fields/config/types.js'
 
-import { mapAsync } from '../../packages/payload/src/utilities/mapAsync'
+import { mapAsync } from '../../packages/payload/src/utilities/mapAsync.js'
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { PrePopulateFieldUI } from './PrePopulateFieldUI'
+import { PrePopulateFieldUI } from './PrePopulateFieldUI/index.js'
 import {
   collection1Slug,
   collection2Slug,
@@ -16,7 +16,7 @@ import {
   relationUpdatedExternallySlug,
   relationWithTitleSlug,
   slug,
-} from './collectionSlugs'
+} from './collectionSlugs.js'
 
 export interface FieldsRelationship {
   createdAt: Date

test/fields-relationship/e2e.spec.ts

@@ -4,19 +4,19 @@ import { expect, test } from '@playwright/test'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import type { Payload } from '../../packages/payload/src'
+import type { Payload } from '../../packages/payload/src/index.js'
 import type {
   FieldsRelationship as CollectionWithRelationships,
   RelationOne,
   RelationRestricted,
   RelationTwo,
   RelationWithTitle,
-} from './payload-types'
+} from './payload-types.js'
 
-import wait from '../../packages/payload/src/utilities/wait'
+import wait from '../../packages/payload/src/utilities/wait.js'
-import { initPageConsoleErrorCatch, openDocControls, saveDocAndAssert } from '../helpers'
+import { initPageConsoleErrorCatch, openDocControls, saveDocAndAssert } from '../helpers.js'
-import { AdminUrlUtil } from '../helpers/adminUrlUtil'
+import { AdminUrlUtil } from '../helpers/adminUrlUtil.js'
-import { initPayloadE2E } from '../helpers/configHelpers'
+import { initPayloadE2E } from '../helpers/configHelpers.js'
 import {
   relationFalseFilterOptionSlug,
   relationOneSlug,
@@ -26,8 +26,8 @@ import {
   relationUpdatedExternallySlug,
   relationWithTitleSlug,
   slug,
-} from './collectionSlugs'
+} from './collectionSlugs.js'
-import config from './config'
+import config from './config.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/fields/collections/Array/LabelComponent.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import type { RowLabelComponent } from '../../../../packages/payload/src/admin/components/forms/RowLabel/types'
+import type { RowLabelComponent } from '../../../../packages/payload/src/admin/forms/RowLabel.js'
 
 export const ArrayRowLabel: RowLabelComponent = ({ data }) => {
   return (

test/fields/collections/Array/index.ts

@@ -1,7 +1,7 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { arrayFieldsSlug } from '../../slugs'
+import { arrayFieldsSlug } from '../../slugs.js'
-import { ArrayRowLabel } from './LabelComponent'
+import { ArrayRowLabel } from './LabelComponent.js'
 
 export const arrayDefaultValue = [{ text: 'row one' }, { text: 'row two' }]
 

test/fields/collections/Array/shared.ts

@@ -1,4 +1,4 @@
-import type { ArrayField } from '../../payload-types'
+import type { ArrayField } from '../../payload-types.js'
 
 export const arrayDoc: Partial<ArrayField> = {
   title: 'array doc 1',

test/fields/collections/Blocks/components/AddCustomBlocks/index.tsx

@@ -1,8 +1,8 @@
 'use client'
 import * as React from 'react'
 
-import { useForm } from '../../../../../../packages/ui/src/forms/Form/context'
+import { useForm } from '../../../../../../packages/ui/src/forms/Form/context.js'
-import useField from '../../../../../../packages/ui/src/forms/useField'
+import useField from '../../../../../../packages/ui/src/forms/useField/index.js'
 import './index.scss'
 
 const baseClass = 'custom-blocks-field-management'

test/fields/collections/Blocks/index.ts

@@ -1,9 +1,9 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
-import type { BlockField } from '../../../../packages/payload/src/fields/config/types'
+import type { BlockField } from '../../../../packages/payload/src/fields/config/types.js'
 
-import { blockFieldsSlug, textFieldsSlug } from '../../slugs'
+import { blockFieldsSlug, textFieldsSlug } from '../../slugs.js'
-import { AddCustomBlocks } from './components/AddCustomBlocks'
+import { AddCustomBlocks } from './components/AddCustomBlocks/index.js'
-import { getBlocksFieldSeedData } from './shared'
+import { getBlocksFieldSeedData } from './shared.js'
 
 export const getBlocksField = (prefix?: string): BlockField => ({
   name: 'blocks',

test/fields/collections/Blocks/shared.ts

@@ -1,4 +1,4 @@
-import type { BlockField } from '../../payload-types'
+import type { BlockField } from '../../payload-types.js'
 
 export const getBlocksFieldSeedData = (prefix?: string): any => [
   {

test/fields/collections/Checkbox/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { checkboxFieldsSlug } from '../../slugs'
+import { checkboxFieldsSlug } from '../../slugs.js'
 
 const CheckboxFields: CollectionConfig = {
   slug: checkboxFieldsSlug,

test/fields/collections/Code/index.tsx

@@ -1,46 +1,46 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { codeFieldsSlug } from '../../slugs'
+import { codeFieldsSlug } from '../../slugs.js'
 
 const Code: CollectionConfig = {
+  slug: codeFieldsSlug,
   fields: [
     {
       name: 'javascript',
+      type: 'code',
       admin: {
         language: 'javascript',
       },
-      type: 'code',
     },
     {
       name: 'typescript',
+      type: 'code',
       admin: {
         language: 'typescript',
       },
-      type: 'code',
     },
     {
       name: 'json',
+      type: 'code',
       admin: {
         language: 'json',
       },
-      type: 'code',
     },
     {
       name: 'html',
+      type: 'code',
       admin: {
         language: 'html',
       },
-      type: 'code',
     },
     {
       name: 'css',
+      type: 'code',
       admin: {
         language: 'css',
       },
-      type: 'code',
     },
   ],
-  slug: codeFieldsSlug,
 }
 
 export default Code

test/fields/collections/Code/shared.ts

@@ -1,4 +1,4 @@
-import type { CodeField } from '../../payload-types'
+import type { CodeField } from '../../payload-types.js'
 
 export const codeDoc: Partial<CodeField> = {
   css: `@import url(https://fonts.googleapis.com/css?family=Questrial);

test/fields/collections/Collapsible/LabelComponent.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import type { RowLabelComponent } from '../../../../packages/payload/src/admin/components/forms/RowLabel/types'
+import type { RowLabelComponent } from '../../../../packages/payload/src/admin/forms/RowLabel.js'
 
 export const CollapsibleLabelComponent: RowLabelComponent = ({ data }) => {
   return (

test/fields/collections/Collapsible/index.ts

@@ -1,7 +1,7 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { collapsibleFieldsSlug } from '../../slugs'
+import { collapsibleFieldsSlug } from '../../slugs.js'
-import { CollapsibleLabelComponent } from './LabelComponent'
+import { CollapsibleLabelComponent } from './LabelComponent.js'
 
 const CollapsibleFields: CollectionConfig = {
   slug: collapsibleFieldsSlug,

test/fields/collections/Collapsible/shared.ts

@@ -1,4 +1,4 @@
-import type { CollapsibleField } from '../../payload-types'
+import type { CollapsibleField } from '../../payload-types.js'
 
 export const collapsibleDoc: Partial<CollapsibleField> = {
   text: 'Seeded collapsible doc',

test/fields/collections/ConditionalLogic/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { conditionalLogicSlug } from '../../slugs'
+import { conditionalLogicSlug } from '../../slugs.js'
 
 const ConditionalLogic: CollectionConfig = {
   slug: conditionalLogicSlug,

test/fields/collections/ConditionalLogic/shared.ts

@@ -1,4 +1,4 @@
-import type { ConditionalLogic } from '../../payload-types'
+import type { ConditionalLogic } from '../../payload-types.js'
 
 export const conditionalLogicDoc: Partial<ConditionalLogic> = {
   text: 'Seeded conditional logic document',

test/fields/collections/Date/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { dateFieldsSlug } from '../../slugs'
+import { dateFieldsSlug } from '../../slugs.js'
 
 export const defaultText = 'default-text'
 

test/fields/collections/Date/shared.ts

@@ -1,4 +1,4 @@
-import type { DateField } from '../../payload-types'
+import type { DateField } from '../../payload-types.js'
 
 export const dateDoc: Partial<DateField> = {
   default: '2022-08-12T10:00:00.000+00:00',

test/fields/collections/Group/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { groupFieldsSlug } from '../../slugs'
+import { groupFieldsSlug } from '../../slugs.js'
 
 export const groupDefaultValue = 'set from parent'
 export const groupDefaultChild = 'child takes priority'

test/fields/collections/Group/shared.ts

@@ -1,4 +1,4 @@
-import type { GroupField } from '../../payload-types'
+import type { GroupField } from '../../payload-types.js'
 
 export const groupDoc: Partial<GroupField> = {
   group: {

test/fields/collections/Indexed/index.ts

@@ -1,10 +1,10 @@
 import type {
   BeforeDuplicate,
   CollectionConfig,
-} from '../../../../packages/payload/src/collections/config/types'
+} from '../../../../packages/payload/src/collections/config/types.js'
-import type { IndexedField } from '../../payload-types'
+import type { IndexedField } from '../../payload-types.js'
 
-import { indexedFieldsSlug } from '../../slugs'
+import { indexedFieldsSlug } from '../../slugs.js'
 
 const beforeDuplicate: BeforeDuplicate<IndexedField> = ({ data }) => {
   return {

test/fields/collections/JSON/index.tsx

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { jsonFieldsSlug } from '../../slugs'
+import { jsonFieldsSlug } from '../../slugs.js'
 
 type JSONField = {
   createdAt: string
@@ -10,6 +10,7 @@ type JSONField = {
 }
 
 const JSON: CollectionConfig = {
+  slug: jsonFieldsSlug,
   access: {
     read: () => true,
   },
@@ -19,7 +20,6 @@ const JSON: CollectionConfig = {
       type: 'json',
     },
   ],
-  slug: jsonFieldsSlug,
   versions: {
     maxPerDoc: 1,
   },

test/fields/collections/JSON/shared.ts

@@ -1,4 +1,4 @@
-import type { JsonField } from '../../payload-types'
+import type { JsonField } from '../../payload-types.js'
 
 export const jsonDoc: Partial<JsonField> = {
   json: {

test/fields/collections/Lexical/blocks.ts

@@ -1,7 +1,7 @@
-import type { ArrayField, Block } from '../../../../packages/payload/src/fields/config/types'
+import type { ArrayField, Block } from '../../../../packages/payload/src/fields/config/types.js'
 
-import { lexicalEditor } from '../../../../packages/richtext-lexical/src'
+import { lexicalEditor } from '../../../../packages/richtext-lexical/src/index.js'
-import { textFieldsSlug } from '../Text/shared'
+import { textFieldsSlug } from '../Text/shared.js'
 
 export const BlockColumns = ({ name }: { name: string }): ArrayField => ({
   type: 'array',

test/fields/collections/Lexical/data.ts

@@ -1,4 +1,4 @@
-import { generateLexicalRichText } from './generateLexicalRichText'
+import { generateLexicalRichText } from './generateLexicalRichText.js'
 
 export const lexicalDocData = {
   title: 'Rich Text',

test/fields/collections/Lexical/index.ts

@@ -1,4 +1,4 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
 import {
   BlocksFeature,
@@ -6,8 +6,8 @@ import {
   TreeViewFeature,
   UploadFeature,
   lexicalEditor,
-} from '../../../../packages/richtext-lexical/src'
+} from '../../../../packages/richtext-lexical/src/index.js'
-import { lexicalFieldsSlug } from '../../slugs'
+import { lexicalFieldsSlug } from '../../slugs.js'
 import {
   ConditionalLayoutBlock,
   RadioButtonsBlock,
@@ -18,7 +18,7 @@ import {
   SubBlockBlock,
   TextBlock,
   UploadAndRichTextBlock,
-} from './blocks'
+} from './blocks.js'
 
 export const LexicalFields: CollectionConfig = {
   slug: lexicalFieldsSlug,

test/fields/collections/LexicalMigrate/data.ts

@@ -1,5 +1,5 @@
-import { generateSlateRichText } from '../RichText/generateSlateRichText'
+import { generateSlateRichText } from '../RichText/generateSlateRichText.js'
-import { payloadPluginLexicalData } from './generatePayloadPluginLexicalData'
+import { payloadPluginLexicalData } from './generatePayloadPluginLexicalData.js'
 
 export const lexicalMigrateDocData = {
   title: 'Rich Text',

test/fields/collections/LexicalMigrate/index.ts

@@ -1,4 +1,4 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
 import {
   HTMLConverterFeature,
@@ -9,9 +9,9 @@ import {
   UploadFeature,
   lexicalEditor,
   lexicalHTML,
-} from '../../../../packages/richtext-lexical/src'
+} from '../../../../packages/richtext-lexical/src/index.js'
-import { lexicalMigrateFieldsSlug } from '../../slugs'
+import { lexicalMigrateFieldsSlug } from '../../slugs.js'
-import { getSimpleLexicalData } from './data'
+import { getSimpleLexicalData } from './data.js'
 
 export const LexicalMigrateFields: CollectionConfig = {
   slug: lexicalMigrateFieldsSlug,

test/fields/collections/LexicalMigrate/shared.ts

@@ -1,4 +1,4 @@
-import { payloadPluginLexicalData } from './generatePayloadPluginLexicalData'
+import { payloadPluginLexicalData } from './generatePayloadPluginLexicalData.js'
 
 export const LexicalRichTextDoc = {
   title: 'Rich Text',

test/fields/collections/Number/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { numberFieldsSlug } from '../../slugs'
+import { numberFieldsSlug } from '../../slugs.js'
 
 export const defaultNumber = 5
 

test/fields/collections/Number/shared.ts

@@ -1,4 +1,4 @@
-import type { NumberField } from '../../payload-types'
+import type { NumberField } from '../../payload-types.js'
 
 export const numberDoc: Partial<NumberField> = {
   number: 5,

test/fields/collections/Point/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { pointFieldsSlug } from '../../slugs'
+import { pointFieldsSlug } from '../../slugs.js'
 
 const PointFields: CollectionConfig = {
   slug: pointFieldsSlug,

test/fields/collections/Point/shared.ts

@@ -1,4 +1,4 @@
-import type { PointField } from '../../payload-types'
+import type { PointField } from '../../payload-types.js'
 
 export const pointDoc: Partial<PointField> = {
   point: [7, -7],

test/fields/collections/Radio/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { radioFieldsSlug } from '../../slugs'
+import { radioFieldsSlug } from '../../slugs.js'
 
 const RadioFields: CollectionConfig = {
   slug: radioFieldsSlug,

test/fields/collections/Radio/shared.ts

@@ -1,4 +1,4 @@
-import type { RadioField } from '../../payload-types'
+import type { RadioField } from '../../payload-types.js'
 
 export const radiosDoc: Partial<RadioField> = {
   radio: 'one',

test/fields/collections/Relationship/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { relationshipFieldsSlug } from '../../slugs'
+import { relationshipFieldsSlug } from '../../slugs.js'
 
 const RelationshipFields: CollectionConfig = {
   fields: [

test/fields/collections/RichText/blocks.ts

@@ -1,6 +1,6 @@
-import type { Block } from '../../../../packages/payload/src/fields/config/types'
+import type { Block } from '../../../../packages/payload/src/fields/config/types.js'
 
-import { lexicalEditor } from '../../../../packages/richtext-lexical/src'
+import { lexicalEditor } from '../../../../packages/richtext-lexical/src/index.js'
 
 export const TextBlock: Block = {
   fields: [

test/fields/collections/RichText/data.ts

@@ -1,6 +1,5 @@
-import { defaultRichTextValue } from '../../../../packages/richtext-lexical/src'
+import { generateLexicalRichText } from './generateLexicalRichText.js'
-import { generateLexicalRichText } from './generateLexicalRichText'
+import { generateSlateRichText } from './generateSlateRichText.js'
-import { generateSlateRichText } from './generateSlateRichText'
 
 export const richTextBlocks = [
   {

test/fields/collections/RichText/generateLexicalRichText.ts

@@ -1,4 +1,4 @@
-import { loremIpsum } from './loremIpsum'
+import { loremIpsum } from './loremIpsum.js'
 
 export function generateLexicalRichText() {
   return {

test/fields/collections/RichText/generateSlateRichText.ts

@@ -1,4 +1,4 @@
-import { loremIpsum } from './loremIpsum'
+import { loremIpsum } from './loremIpsum.js'
 
 export function generateSlateRichText() {
   return [

test/fields/collections/RichText/index.ts

@@ -1,5 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
+import { lexicalHTML } from '../../../../packages/richtext-lexical/src/field/features/converters/html/field/index.js'
 import {
   BlocksFeature,
   HTMLConverterFeature,
@@ -7,11 +8,10 @@ import {
   TreeViewFeature,
   UploadFeature,
   lexicalEditor,
-} from '../../../../packages/richtext-lexical/src'
+} from '../../../../packages/richtext-lexical/src/index.js'
-import { lexicalHTML } from '../../../../packages/richtext-lexical/src/field/features/converters/html/field'
+import { slateEditor } from '../../../../packages/richtext-slate/src/index.js'
-import { slateEditor } from '../../../../packages/richtext-slate/src'
+import { richTextFieldsSlug } from '../../slugs.js'
-import { richTextFieldsSlug } from '../../slugs'
+import { RelationshipBlock, SelectFieldBlock, TextBlock, UploadAndRichTextBlock } from './blocks.js'
-import { RelationshipBlock, SelectFieldBlock, TextBlock, UploadAndRichTextBlock } from './blocks'
 
 const RichTextFields: CollectionConfig = {
   slug: richTextFieldsSlug,

test/fields/collections/Row/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { rowFieldsSlug } from '../../slugs'
+import { rowFieldsSlug } from '../../slugs.js'
 
 const RowFields: CollectionConfig = {
   slug: rowFieldsSlug,

test/fields/collections/Select/index.ts

@@ -1,6 +1,6 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { selectFieldsSlug } from '../../slugs'
+import { selectFieldsSlug } from '../../slugs.js'
 
 const SelectFields: CollectionConfig = {
   slug: selectFieldsSlug,

test/fields/collections/Select/shared.ts

@@ -1,4 +1,4 @@
-import type { SelectField } from '../../payload-types'
+import type { SelectField } from '../../payload-types.js'
 
 export const selectsDoc: Partial<SelectField> = {
   select: 'one',

test/fields/collections/Tabs/index.ts

@@ -1,10 +1,10 @@
 /* eslint-disable no-param-reassign */
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { tabsFieldsSlug } from '../../slugs'
+import { tabsFieldsSlug } from '../../slugs.js'
-import { getBlocksField } from '../Blocks'
+import { getBlocksField } from '../Blocks/index.js'
-import { UIField } from './UIField'
+import { UIField } from './UIField.js'
-import { namedTabDefaultValue } from './constants'
+import { namedTabDefaultValue } from './constants.js'
 
 const TabsFields: CollectionConfig = {
   slug: tabsFieldsSlug,

test/fields/collections/Tabs/shared.ts

@@ -1,7 +1,7 @@
-import type { TabsField } from '../../payload-types'
+import type { TabsField } from '../../payload-types.js'
 
-import { getBlocksFieldSeedData } from '../Blocks/shared'
+import { getBlocksFieldSeedData } from '../Blocks/shared.js'
-import { localizedTextValue, namedTabText } from './constants'
+import { localizedTextValue, namedTabText } from './constants.js'
 
 export const tabsDoc: Partial<TabsField> = {
   array: [

test/fields/collections/Text/CustomError.tsx

@@ -1,8 +1,6 @@
 import React from 'react'
 
-import type { Props } from '../../../../packages/payload/src/admin/components/forms/Error/types'
+const CustomError: React.FC<any> = (props) => {
-
-const CustomError: React.FC<Props> = (props) => {
   const { showError = false } = props
 
   if (showError) {

test/fields/collections/Text/index.ts

@@ -1,10 +1,10 @@
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { AfterInput } from './AfterInput'
+import { AfterInput } from './AfterInput.js'
-import { BeforeInput } from './BeforeInput'
+import { BeforeInput } from './BeforeInput.js'
-import CustomError from './CustomError'
+import CustomError from './CustomError.js'
-import CustomLabel from './CustomLabel'
+import CustomLabel from './CustomLabel.js'
-import { defaultText, textFieldsSlug } from './shared'
+import { defaultText, textFieldsSlug } from './shared.js'
 
 const TextFields: CollectionConfig = {
   admin: {

test/fields/collections/Text/shared.ts

@@ -1,4 +1,4 @@
-import type { TextField } from '../../payload-types'
+import type { TextField } from '../../payload-types.js'
 
 export const defaultText = 'default-text'
 export const textFieldsSlug = 'text-fields'

test/fields/collections/Upload/index.ts

@@ -1,9 +1,9 @@
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { uploadsSlug } from '../../slugs'
+import { uploadsSlug } from '../../slugs.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/fields/collections/Upload/shared.ts

@@ -1,4 +1,4 @@
-import type { Upload } from '../../payload-types'
+import type { Upload } from '../../payload-types.js'
 
 export const uploadsDoc: Partial<Upload> = {
   text: 'An upload here',

test/fields/collections/Upload2/index.ts

@@ -1,9 +1,9 @@
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { uploads2Slug } from '../../slugs'
+import { uploads2Slug } from '../../slugs.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/fields/collections/Upload2/shared.ts

@@ -1,4 +1,4 @@
-import type { Uploads2 } from '../../payload-types'
+import type { Uploads2 } from '../../payload-types.js'
 
 export const uploadsDoc: Partial<Uploads2> = {
   text: 'An upload here',

test/fields/collections/Uploads3/index.ts

@@ -1,9 +1,9 @@
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../../../packages/payload/src/collections/config/types.js'
 
-import { uploads3Slug } from '../../slugs'
+import { uploads3Slug } from '../../slugs.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/fields/config.ts

@@ -1,35 +1,34 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import path from 'path'
 
-import type { CollectionConfig } from '../../packages/payload/src/collections/config/types'
+import type { CollectionConfig } from '../../packages/payload/src/collections/config/types.js'
 
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import ArrayFields from './collections/Array'
+import ArrayFields from './collections/Array/index.js'
-import BlockFields from './collections/Blocks'
+import BlockFields from './collections/Blocks/index.js'
-import CheckboxFields from './collections/Checkbox'
+import CheckboxFields from './collections/Checkbox/index.js'
-import CodeFields from './collections/Code'
+import CodeFields from './collections/Code/index.js'
-import CollapsibleFields from './collections/Collapsible'
+import CollapsibleFields from './collections/Collapsible/index.js'
-import ConditionalLogic from './collections/ConditionalLogic'
+import ConditionalLogic from './collections/ConditionalLogic/index.js'
-import DateFields from './collections/Date'
+import DateFields from './collections/Date/index.js'
-import GroupFields from './collections/Group'
+import GroupFields from './collections/Group/index.js'
-import IndexedFields from './collections/Indexed'
+import IndexedFields from './collections/Indexed/index.js'
-import JSONFields from './collections/JSON'
+import JSONFields from './collections/JSON/index.js'
-import { LexicalFields } from './collections/Lexical'
+import { LexicalFields } from './collections/Lexical/index.js'
-import { LexicalMigrateFields } from './collections/LexicalMigrate'
+import { LexicalMigrateFields } from './collections/LexicalMigrate/index.js'
-import NumberFields from './collections/Number'
+import NumberFields from './collections/Number/index.js'
-import PointFields from './collections/Point'
+import PointFields from './collections/Point/index.js'
-import RadioFields from './collections/Radio'
+import RadioFields from './collections/Radio/index.js'
-import RelationshipFields from './collections/Relationship'
+import RelationshipFields from './collections/Relationship/index.js'
-import RichTextFields from './collections/RichText'
+import RichTextFields from './collections/RichText/index.js'
-import RowFields from './collections/Row'
+import RowFields from './collections/Row/index.js'
-import SelectFields from './collections/Select'
+import SelectFields from './collections/Select/index.js'
-import TabsFields from './collections/Tabs'
+import TabsFields from './collections/Tabs/index.js'
-import TextFields from './collections/Text'
+import TextFields from './collections/Text/index.js'
-import Uploads from './collections/Upload'
+import Uploads from './collections/Upload/index.js'
-import Uploads2 from './collections/Upload2'
+import Uploads2 from './collections/Upload2/index.js'
-import Uploads3 from './collections/Uploads3'
+import Uploads3 from './collections/Uploads3/index.js'
-import TabsWithRichText from './globals/TabsWithRichText'
+import TabsWithRichText from './globals/TabsWithRichText.js'
-import { clearAndSeedEverything } from './seed'
+import { clearAndSeedEverything } from './seed.js'
 
 export const collectionSlugs: CollectionConfig[] = [
   LexicalFields,

test/fields/e2e.spec.ts

@@ -1,34 +1,34 @@
 import type { Page } from '@playwright/test'
-import type { Payload } from 'payload'
 
 import { expect, test } from '@playwright/test'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import type { RelationshipField, TextField } from './payload-types'
+import type { Payload } from '../../packages/payload/src/index.js'
+import type { RelationshipField, TextField } from './payload-types.js'
 
-import wait from '../../packages/payload/src/utilities/wait'
+import wait from '../../packages/payload/src/utilities/wait.js'
 import {
   exactText,
   initPageConsoleErrorCatch,
   saveDocAndAssert,
   saveDocHotkeyAndAssert,
-} from '../helpers'
+} from '../helpers.js'
-import { AdminUrlUtil } from '../helpers/adminUrlUtil'
+import { AdminUrlUtil } from '../helpers/adminUrlUtil.js'
-import { initPayloadE2E } from '../helpers/configHelpers'
+import { initPayloadE2E } from '../helpers/configHelpers.js'
-import { RESTClient } from '../helpers/rest'
+import { RESTClient } from '../helpers/rest.js'
-import { jsonDoc } from './collections/JSON/shared'
+import { jsonDoc } from './collections/JSON/shared.js'
-import { numberDoc } from './collections/Number/shared'
+import { numberDoc } from './collections/Number/shared.js'
-import { textDoc } from './collections/Text/shared'
+import { textDoc } from './collections/Text/shared.js'
-import config from './config'
+import config from './config.js'
-import { clearAndSeedEverything } from './seed'
+import { clearAndSeedEverything } from './seed.js'
 import {
   collapsibleFieldsSlug,
   pointFieldsSlug,
   relationshipFieldsSlug,
   tabsFieldsSlug,
   textFieldsSlug,
-} from './slugs'
+} from './slugs.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/fields/globals/TabsWithRichText.ts

@@ -5,9 +5,9 @@
  * - each tab has a different label in each language. Needs to be a LOCALIZED label, not a single label for all languages. Only then can it be reproduced
  */
 
-import type { GlobalConfig } from '../../../packages/payload/src/globals/config/types'
+import type { GlobalConfig } from '../../../packages/payload/src/globals/config/types.js'
 
-import { lexicalEditor } from '../../../packages/richtext-lexical/src'
+import { lexicalEditor } from '../../../packages/richtext-lexical/src/index.js'
 
 const initializedEditor = lexicalEditor()
 

test/fields/int.spec.ts

@@ -1,33 +1,32 @@
 import type { IndexDirection, IndexOptions } from 'mongoose'
 
-import type { MongooseAdapter } from '../../packages/db-mongodb/src/index'
+import type { MongooseAdapter } from '../../packages/db-mongodb/src/index.js'
-import type { Payload } from '../../packages/payload/src'
+import type { PaginatedDocs } from '../../packages/payload/src/database/types.js'
-import type { PaginatedDocs } from '../../packages/payload/src/database/types'
+import type { Payload } from '../../packages/payload/src/index.js'
-import type { GroupField, RichTextField } from './payload-types'
+import type { GroupField, RichTextField } from './payload-types.js'
-import type { GroupField } from './payload-types'
 
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { NextRESTClient } from '../helpers/NextRESTClient'
+import { NextRESTClient } from '../helpers/NextRESTClient.js'
-import { isMongoose } from '../helpers/isMongoose'
+import { isMongoose } from '../helpers/isMongoose.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import { arrayDefaultValue } from './collections/Array'
+import { arrayDefaultValue } from './collections/Array/index.js'
-import { blocksDoc } from './collections/Blocks/shared'
+import { blocksDoc } from './collections/Blocks/shared.js'
-import { dateDoc } from './collections/Date/shared'
+import { dateDoc } from './collections/Date/shared.js'
-import { groupDefaultChild, groupDefaultValue } from './collections/Group'
+import { groupDefaultChild, groupDefaultValue } from './collections/Group/index.js'
-import { groupDoc } from './collections/Group/shared'
+import { groupDoc } from './collections/Group/shared.js'
-import { defaultNumber } from './collections/Number'
+import { defaultNumber } from './collections/Number/index.js'
-import { numberDoc } from './collections/Number/shared'
+import { numberDoc } from './collections/Number/shared.js'
-import { pointDoc } from './collections/Point/shared'
+import { pointDoc } from './collections/Point/shared.js'
 import {
   localizedTextValue,
   namedTabDefaultValue,
   namedTabText,
-} from './collections/Tabs/constants'
+} from './collections/Tabs/constants.js'
-import { tabsDoc } from './collections/Tabs/shared'
+import { tabsDoc } from './collections/Tabs/shared.js'
-import { defaultText } from './collections/Text/shared'
+import { defaultText } from './collections/Text/shared.js'
-import configPromise from './config'
+import configPromise from './config.js'
-import { clearAndSeedEverything } from './seed'
+import { clearAndSeedEverything } from './seed.js'
 import {
   arrayFieldsSlug,
   blockFieldsSlug,
@@ -35,7 +34,7 @@ import {
   relationshipFieldsSlug,
   tabsFieldsSlug,
   textFieldsSlug,
-} from './slugs'
+} from './slugs.js'
 
 let restClient: NextRESTClient
 let user: any

test/fields/lexical.e2e.spec.ts

@@ -5,18 +5,18 @@ import { expect, test } from '@playwright/test'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import type { Payload } from '../../packages/payload/src'
+import type { Payload } from '../../packages/payload/src/index.js'
-import type { SerializedBlockNode } from '../../packages/richtext-lexical/src'
+import type { SerializedBlockNode } from '../../packages/richtext-lexical/src/index.js'
-import type { LexicalField } from './payload-types'
+import type { LexicalField } from './payload-types.js'
 
-import { initPageConsoleErrorCatch, saveDocAndAssert } from '../helpers'
+import { initPageConsoleErrorCatch, saveDocAndAssert } from '../helpers.js'
-import { AdminUrlUtil } from '../helpers/adminUrlUtil'
+import { AdminUrlUtil } from '../helpers/adminUrlUtil.js'
-import { initPayloadE2E } from '../helpers/configHelpers'
+import { initPayloadE2E } from '../helpers/configHelpers.js'
-import { RESTClient } from '../helpers/rest'
+import { RESTClient } from '../helpers/rest.js'
-import { lexicalDocData } from './collections/Lexical/data'
+import { lexicalDocData } from './collections/Lexical/data.js'
-import config from './config'
+import config from './config.js'
-import { clearAndSeedEverything } from './seed'
+import { clearAndSeedEverything } from './seed.js'
-import { lexicalFieldsSlug } from './slugs'
+import { lexicalFieldsSlug } from './slugs.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/fields/lexical.int.spec.ts

@@ -1,28 +1,28 @@
 import type { SerializedEditorState, SerializedParagraphNode } from 'lexical'
 
-import type { Payload } from '../../packages/payload/src'
+import type { PaginatedDocs } from '../../packages/payload/src/database/types.js'
-import type { PaginatedDocs } from '../../packages/payload/src/database/types'
+import type { Payload } from '../../packages/payload/src/index.js'
 import type {
   SerializedBlockNode,
   SerializedLinkNode,
   SerializedRelationshipNode,
   SerializedUploadNode,
-} from '../../packages/richtext-lexical/src'
+} from '../../packages/richtext-lexical/src/index.js'
-import type { LexicalField, LexicalMigrateField, RichTextField } from './payload-types'
+import type { LexicalField, LexicalMigrateField, RichTextField } from './payload-types.js'
 
-import { getPayload } from '../../packages/payload/src'
+import { getPayload } from '../../packages/payload/src/index.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { NextRESTClient } from '../helpers/NextRESTClient'
+import { NextRESTClient } from '../helpers/NextRESTClient.js'
-import { startMemoryDB } from '../startMemoryDB'
+import { startMemoryDB } from '../startMemoryDB.js'
-import { arrayDoc } from './collections/Array/shared'
+import { arrayDoc } from './collections/Array/shared.js'
-import { lexicalDocData } from './collections/Lexical/data'
+import { lexicalDocData } from './collections/Lexical/data.js'
-import { lexicalMigrateDocData } from './collections/LexicalMigrate/data'
+import { lexicalMigrateDocData } from './collections/LexicalMigrate/data.js'
-import { richTextDocData } from './collections/RichText/data'
+import { richTextDocData } from './collections/RichText/data.js'
-import { generateLexicalRichText } from './collections/RichText/generateLexicalRichText'
+import { generateLexicalRichText } from './collections/RichText/generateLexicalRichText.js'
-import { textDoc } from './collections/Text/shared'
+import { textDoc } from './collections/Text/shared.js'
-import { uploadsDoc } from './collections/Upload/shared'
+import { uploadsDoc } from './collections/Upload/shared.js'
-import configPromise from './config'
+import configPromise from './config.js'
-import { clearAndSeedEverything } from './seed'
+import { clearAndSeedEverything } from './seed.js'
 import {
   arrayFieldsSlug,
   lexicalFieldsSlug,
@@ -30,7 +30,7 @@ import {
   richTextFieldsSlug,
   textFieldsSlug,
   uploadsSlug,
-} from './slugs'
+} from './slugs.js'
 
 let payload: Payload
 let restClient: NextRESTClient

test/fields/seed.ts

@@ -1,28 +1,28 @@
 import path from 'path'
 import { fileURLToPath } from 'url'
 
-import { type Payload } from '../../packages/payload/src'
+import { type Payload } from '../../packages/payload/src/index.js'
-import getFileByPath from '../../packages/payload/src/uploads/getFileByPath'
+import getFileByPath from '../../packages/payload/src/uploads/getFileByPath.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
-import { seedDB } from '../helpers/seed'
+import { seedDB } from '../helpers/seed.js'
-import { anotherArrayDoc, arrayDoc } from './collections/Array/shared'
+import { anotherArrayDoc, arrayDoc } from './collections/Array/shared.js'
-import { blocksDoc } from './collections/Blocks/shared'
+import { blocksDoc } from './collections/Blocks/shared.js'
-import { codeDoc } from './collections/Code/shared'
+import { codeDoc } from './collections/Code/shared.js'
-import { collapsibleDoc } from './collections/Collapsible/shared'
+import { collapsibleDoc } from './collections/Collapsible/shared.js'
-import { conditionalLogicDoc } from './collections/ConditionalLogic/shared'
+import { conditionalLogicDoc } from './collections/ConditionalLogic/shared.js'
-import { dateDoc } from './collections/Date/shared'
+import { dateDoc } from './collections/Date/shared.js'
-import { groupDoc } from './collections/Group/shared'
+import { groupDoc } from './collections/Group/shared.js'
-import { jsonDoc } from './collections/JSON/shared'
+import { jsonDoc } from './collections/JSON/shared.js'
-import { lexicalDocData } from './collections/Lexical/data'
+import { lexicalDocData } from './collections/Lexical/data.js'
-import { lexicalMigrateDocData } from './collections/LexicalMigrate/data'
+import { lexicalMigrateDocData } from './collections/LexicalMigrate/data.js'
-import { numberDoc } from './collections/Number/shared'
+import { numberDoc } from './collections/Number/shared.js'
-import { pointDoc } from './collections/Point/shared'
+import { pointDoc } from './collections/Point/shared.js'
-import { radiosDoc } from './collections/Radio/shared'
+import { radiosDoc } from './collections/Radio/shared.js'
-import { richTextBulletsDocData, richTextDocData } from './collections/RichText/data'
+import { richTextBulletsDocData, richTextDocData } from './collections/RichText/data.js'
-import { selectsDoc } from './collections/Select/shared'
+import { selectsDoc } from './collections/Select/shared.js'
-import { tabsDoc } from './collections/Tabs/shared'
+import { tabsDoc } from './collections/Tabs/shared.js'
-import { anotherTextDoc, textDoc } from './collections/Text/shared'
+import { anotherTextDoc, textDoc } from './collections/Text/shared.js'
-import { uploadsDoc } from './collections/Upload/shared'
+import { uploadsDoc } from './collections/Upload/shared.js'
 import {
   arrayFieldsSlug,
   blockFieldsSlug,
@@ -44,7 +44,7 @@ import {
   textFieldsSlug,
   uploadsSlug,
   usersSlug,
-} from './slugs'
+} from './slugs.js'
 const filename = fileURLToPath(import.meta.url)
 const dirname = path.dirname(filename)
 

test/generateGraphQLSchema.ts

@@ -1,8 +1,8 @@
 import fs from 'fs'
 import path from 'path'
 
-import { generateGraphQLSchema } from '../packages/payload/src/bin/generateGraphQLSchema'
+import { generateGraphQLSchema } from '../packages/payload/src/bin/generateGraphQLSchema.'
-import { setTestEnvPaths } from './helpers/setTestEnvPaths'
+import { setTestEnvPaths } from './helpers/setTestEnvPaths.js'
 
 const [testConfigDir] = process.argv.slice(2)
 

test/generateTypes.ts

@@ -1,8 +1,8 @@
 import fs from 'fs'
 import path from 'path'
 
-import { generateTypes } from '../packages/payload/src/bin/generateTypes'
+import { generateTypes } from '../packages/payload/src/bin/generateTypes.js'
-import { setTestEnvPaths } from './helpers/setTestEnvPaths'
+import { setTestEnvPaths } from './helpers/setTestEnvPaths.js'
 
 const [testConfigDir] = process.argv.slice(2)
 

test/globals/config.ts

@@ -1,5 +1,5 @@
-import { buildConfigWithDefaults } from '../buildConfigWithDefaults'
+import { buildConfigWithDefaults } from '../buildConfigWithDefaults.js'
-import { devUser } from '../credentials'
+import { devUser } from '../credentials.js'
 
 export const slug = 'global'
 export const arraySlug = 'array'