fix: updates incorrect e2e import paths

test/admin/components/AfterNavLinks/index.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { NavLink } from 'react-router-dom'
 
 // As this is the demo project, we import our dependencies from the `src` directory.
-import { useConfig } from '../../../../packages/payload/src/admin/components/utilities/Config'
+import { useConfig } from '../../../../packages/ui/src/providers/Config'
 
 // In your projects, you can import as follows:
 // import { useConfig } from 'payload/components/utilities';

test/admin/components/BeforeLogin/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import { useTranslation } from 'react-i18next'
+
+import { useTranslation } from '../../../../packages/ui/src/providers/Translation'
 
 const BeforeLogin: React.FC<{ i18n }> = () => {
   const { t } = useTranslation()

test/admin/components/Logout/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
-import LogOut from '../../../../packages/payload/src/admin/components/icons/LogOut'
-import { useConfig } from '../../../../packages/payload/src/admin/components/utilities/Config'
+import { LogOut } from '../../../../packages/ui/src/icons/LogOut'
+import { useConfig } from '../../../../packages/ui/src/providers/Config'
 
 const Logout: React.FC = () => {
   const config = useConfig()

test/admin/components/views/CustomDefault/index.tsx

@@ -3,12 +3,13 @@ import { Redirect } from 'react-router-dom'
 
 import type { AdminViewComponent } from '../../../../../packages/payload/src/config/types'
 
-import Button from '../../../../../packages/payload/src/admin/components/elements/Button'
-import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
+import { Button } from '../../../../../packages/ui/src/elements/Button'
+// TODO(3.0): Meta?
+// import Meta from '../../../../../packages/payload/src/admin/components/utilities/Meta'
+import { useStepNav } from '../../../../../packages/ui/src/elements/StepNav'
+import { useConfig } from '../../../../../packages/ui/src/providers/Config'
 // As this is the demo project, we import our dependencies from the `src` directory.
-import DefaultTemplate from '../../../../../packages/payload/src/admin/components/templates/Default'
-import { useConfig } from '../../../../../packages/payload/src/admin/components/utilities/Config'
-import Meta from '../../../../../packages/payload/src/admin/components/utilities/Meta'
+import { DefaultTemplate } from '../../../../../packages/ui/src/templates/Default'
 
 // In your projects, you can import as follows:
 // import { DefaultTemplate } from 'payload/components/templates';
@@ -47,11 +48,11 @@ const CustomDefaultView: AdminViewComponent = ({ canAccessAdmin, user }) => {
 
   return (
     <DefaultTemplate>
-      <Meta
+      {/* <Meta
         description="Building custom views into Payload is easy."
         keywords="Custom React Components, Payload, CMS"
         title="Custom Admin View with Default Template"
-      />
+      /> */}
       <div
         className={`${baseClass}__content`}
         style={{

test/admin/components/views/CustomEdit/index.tsx

@@ -3,8 +3,8 @@ import { Redirect } from 'react-router-dom'
 
 import type { AdminViewComponent } from '../../../../../packages/payload/src/config/types'
 
-import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
-import { useConfig } from '../../../../../packages/payload/src/admin/components/utilities/Config'
+import { useStepNav } from '../../../../../packages/ui/src/elements/StepNav'
+import { useConfig } from '../../../../../packages/ui/src/providers/Config'
 
 const CustomEditView: AdminViewComponent = ({
   canAccessAdmin,

test/admin/components/views/CustomEditDefault/index.tsx

@@ -3,8 +3,8 @@ import { Redirect } from 'react-router-dom'
 
 import type { AdminViewComponent } from '../../../../../packages/payload/src/config/types'
 
-import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
-import { useConfig } from '../../../../../packages/payload/src/admin/components/utilities/Config'
+import { useStepNav } from '../../../../../packages/ui/src/elements/StepNav'
+import { useConfig } from '../../../../../packages/ui/src/providers/Config'
 
 const CustomDefaultEditView: AdminViewComponent = ({
   canAccessAdmin,

test/admin/components/views/CustomMinimal/index.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
 
-import Button from '../../../../../packages/payload/src/admin/components/elements/Button'
+import { Button } from '../../../../../packages/ui/src/elements/Button'
+import { useConfig } from '../../../../../packages/ui/src/providers/Config'
 // As this is the demo project, we import our dependencies from the `src` directory.
-import MinimalTemplate from '../../../../../packages/payload/src/admin/components/templates/Minimal'
-import { useConfig } from '../../../../../packages/payload/src/admin/components/utilities/Config'
+import { MinimalTemplate } from '../../../../../packages/ui/src/templates/Minimal'
 
 // In your projects, you can import as follows:
 // import { MinimalTemplate } from 'payload/components/templates';

test/admin/components/views/CustomTab/index.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment, useEffect } from 'react'
 
-import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
 import { type AdminViewComponent } from '../../../../../packages/payload/src/config/types'
+import { useStepNav } from '../../../../../packages/ui/src/elements/StepNav'
 import { customTabViewTitle } from '../../../shared'
 
 const CustomTabView: AdminViewComponent = () => {

test/admin/components/views/CustomTab2/index.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment, useEffect } from 'react'
 
-import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
 import { type AdminViewComponent } from '../../../../../packages/payload/src/config/types'
+import { useStepNav } from '../../../../../packages/ui/src/elements/StepNav'
 import { customTabViewTitle } from '../../../shared'
 
 const CustomTabView2: AdminViewComponent = () => {

test/admin/components/views/CustomTabNested/index.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment, useEffect } from 'react'
 
-import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
 import { type AdminViewComponent } from '../../../../../packages/payload/src/config/types'
+import { useStepNav } from '../../../../../packages/ui/src/elements/StepNav'
 import { customNestedTabViewTitle } from '../../../shared'
 
 const CustomNestedTabView: AdminViewComponent = () => {

test/admin/components/views/CustomVersions/index.tsx

@@ -3,8 +3,8 @@ import { Redirect } from 'react-router-dom'
 
 import type { AdminViewComponent } from '../../../../../packages/payload/src/config/types'
 
-import { useStepNav } from '../../../../../packages/payload/src/admin/components/elements/StepNav'
-import { useConfig } from '../../../../../packages/payload/src/admin/components/utilities/Config'
+import { useStepNav } from '../../../../../packages/ui/src/elements/StepNav'
+import { useConfig } from '../../../../../packages/ui/src/providers/Config'
 
 const CustomVersionsView: AdminViewComponent = ({
   canAccessAdmin,

test/refresh-permissions/GlobalViewWithRefresh.tsx

@@ -1,9 +1,9 @@
 import React, { useCallback } from 'react'
 
-import type { EditViewProps as Props } from '../../packages/ui/src'
+import type { EditViewProps as Props } from '../../packages/payload/src/config/types'
 
+import { EditView as DefaultEditView } from '../../packages/next/src/views/Edit'
 import { useAuth } from '../../packages/ui/src/providers/Auth'
-import { DefaultEditView } from '../../packages/ui/src/views/Edit'
 
 const GlobalView: React.FC<Props> = (props) => {
   const { onSave } = props

tsconfig.json

@@ -10,11 +10,7 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "jsx": "preserve",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "noEmit": true,
     "outDir": "./dist",
     "resolveJsonModule": true,
@@ -22,11 +18,7 @@
     "skipLibCheck": true,
     "sourceMap": true,
     "strict": false,
-    "types": [
-      "jest",
-      "node",
-      "@types/jest"
-    ],
+    "types": ["jest", "node", "@types/jest"],
     "incremental": true,
     "isolatedModules": true,
     "plugins": [
@@ -35,62 +27,27 @@
       }
     ],
     "paths": {
-      "payload": [
-        "./packages/payload/src"
-      ],
-      "payload/*": [
-        "./packages/payload/src/exports/*"
-      ],
-      "@payloadcms/db-mongodb": [
-        "./packages/db-mongodb/src"
-      ],
-      "@payloadcms/richtext-lexical": [
-        "./packages/richtext-lexical/src"
-      ],
-      "@payloadcms/plugin-cloud-storage": [
-        "./packages/plugin-cloud-storage/src"
-      ],
-      "@payloadcms/ui": [
-        "./packages/ui/src/exports/index.ts"
-      ],
-      "@payloadcms/ui/*": [
-        "./packages/ui/src/exports/*"
-      ],
-      "@payloadcms/ui/scss": [
-        "./packages/ui/src/scss/styles.scss"
-      ],
-      "@payloadcms/ui/scss/app.scss": [
-        "./packages/ui/src/scss/app.scss"
-      ],
-      "@payloadcms/translations": [
-        "./packages/translations/src/exports/index.ts"
-      ],
+      "payload": ["./packages/payload/src"],
+      "payload/*": ["./packages/payload/src/exports/*"],
+      "@payloadcms/db-mongodb": ["./packages/db-mongodb/src"],
+      "@payloadcms/richtext-lexical": ["./packages/richtext-lexical/src"],
+      "@payloadcms/plugin-cloud-storage": ["./packages/plugin-cloud-storage/src"],
+      "@payloadcms/ui": ["./packages/ui/src/exports/index.ts"],
+      "@payloadcms/ui/*": ["./packages/ui/src/exports/*"],
+      "@payloadcms/ui/scss": ["./packages/ui/src/scss/styles.scss"],
+      "@payloadcms/ui/scss/app.scss": ["./packages/ui/src/scss/app.scss"],
+      "@payloadcms/translations": ["./packages/translations/src/exports/index.ts"],
       "@payloadcms/translations/client": [
         "./packages/translations/src/_generatedFiles_/client/index.ts"
       ],
-      "@payloadcms/translations/api": [
-        "./packages/translations/src/_generatedFiles_/api/index.ts"
-      ],
-      "@payloadcms/next/*": [
-        "./packages/next/src/*"
-      ],
-      "@payloadcms/next": [
-        "./packages/next/src/exports/*"
-      ],
-      "@payloadcms/graphql": [
-        "./packages/graphql/src"
-      ],
-      "@payload-config": [
-        "./test/_community/config.ts"
-      ]
+      "@payloadcms/translations/api": ["./packages/translations/src/_generatedFiles_/api/index.ts"],
+      "@payloadcms/next/*": ["./packages/next/src/*"],
+      "@payloadcms/next": ["./packages/next/src/exports/*"],
+      "@payloadcms/graphql": ["./packages/graphql/src"],
+      "@payload-config": ["./test/_community/config.ts"]
     }
   },
-  "exclude": [
-    "dist",
-    "build",
-    "temp",
-    "node_modules"
-  ],
+  "exclude": ["dist", "build", "temp", "node_modules"],
   "composite": true,
   "references": [
     {