providers

packages/ui/src/providers/ActionsProvider/SetViewActions/index.tsx

@@ -3,9 +3,9 @@ import type React from 'react'
 
 import { useEffect } from 'react'
 
-import type { ActionMap } from '../../../utilities/buildComponentMap/types'
+import type { ActionMap } from '../../../utilities/buildComponentMap/types.js'
 
-import { useActions } from '..'
+import { useActions } from '../index.js'
 
 export const SetViewActions: React.FC<{ actions: ActionMap['Edit'][string] }> = ({ actions }) => {
   const { setViewActions } = useActions()

packages/ui/src/providers/ActionsProvider/index.tsx

@@ -1,9 +1,9 @@
 'use client'
 import React, { createContext, useContext, useEffect, useState } from 'react'
 
-import type { ActionMap } from '../../utilities/buildComponentMap/types'
+import type { ActionMap } from '../../utilities/buildComponentMap/types.js'
 
-import { useConfig } from '../Config'
+import { useConfig } from '../Config/index.js'
 
 type ActionsContextType = {
   actions: ActionMap['Edit'][string]

packages/ui/src/providers/Auth/index.tsx

@@ -2,18 +2,18 @@
 import type { Permissions, User } from 'payload/auth'
 
 import { useModal } from '@faceless-ui/modal'
-import { usePathname, useRouter } from 'next/navigation'
+import { usePathname, useRouter } from 'next/navigation.js'
 import qs from 'qs'
 import React, { createContext, useCallback, useContext, useEffect, useState } from 'react'
 import { toast } from 'react-toastify'
 
-import type { AuthContext } from './types'
+import type { AuthContext } from './types.js'
 
-import useDebounce from '../../hooks/useDebounce'
-import { useTranslation } from '../../providers/Translation'
-import { requests } from '../../utilities/api'
-import { useConfig } from '../Config'
-import { useSearchParams } from '../SearchParams'
+import useDebounce from '../../hooks/useDebounce.js'
+import { useTranslation } from '../../providers/Translation/index.js'
+import { requests } from '../../utilities/api.js'
+import { useConfig } from '../Config/index.js'
+import { useSearchParams } from '../SearchParams/index.js'
 // import { useLocale } from '../Locale'
 
 const Context = createContext({} as AuthContext)
@@ -149,6 +149,7 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
     setUser(null)
     revokeTokenAndExpire()
     try {
+      // TODO: I dont think errors from unawaited promises can be caught
       requests.post(`${serverURL}${api}/${userSlug}/logout`)
     } catch (e) {
       toast.error(`Logging out failed: ${e.message}`)
@@ -243,7 +244,7 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
 
   // On mount, get user and set
   useEffect(() => {
-    fetchFullUser()
+    void fetchFullUser()
   }, [fetchFullUser])
 
   // When location changes, refresh cookie

packages/ui/src/providers/ComponentMapProvider/index.tsx

@@ -1,7 +1,11 @@
 'use client'
 import React, { createContext, useCallback, useContext } from 'react'
 
-import type { ComponentMap, FieldMap, MappedField } from '../../utilities/buildComponentMap/types'
+import type {
+  ComponentMap,
+  FieldMap,
+  MappedField,
+} from '../../utilities/buildComponentMap/types.js'
 
 export type IComponentMapContext = {
   componentMap: ComponentMap

packages/ui/src/providers/CustomProvider/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { useConfig } from '../Config'
+import { useConfig } from '../Config/index.js'
 
 const NestProviders = ({ children, providers }) => {
   const Component = providers[0]

packages/ui/src/providers/DocumentEvents/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 import React, { createContext, useContext, useState } from 'react'
 
-import type { UpdatedDocument } from './types'
+import type { UpdatedDocument } from './types.js'
 
 const Context = createContext({
   mostRecentUpdate: null,

packages/ui/src/providers/DocumentInfo/SetDocumentInfo/index.tsx

@@ -1,11 +1,11 @@
 'use client'
 
-import { useRouter } from 'next/navigation'
+import { useRouter } from 'next/navigation.js'
 import { useEffect } from 'react'
 
-import type { DocumentInfo } from '../types'
+import type { DocumentInfo } from '../types.js'
 
-import { useDocumentInfo } from '..'
+import { useDocumentInfo } from '../index.js'
 
 export const SetDocumentInfo: React.FC<DocumentInfo> = (props) => {
   const { setDocumentInfo } = useDocumentInfo()

packages/ui/src/providers/DocumentInfo/index.tsx

@@ -13,14 +13,14 @@ import React, {
   useState,
 } from 'react'
 
-import type { DocumentInfo, DocumentInfoContext, DocumentInfoProps } from './types'
+import type { DocumentInfo, DocumentInfoContext, DocumentInfoProps } from './types.js'
 
-import { useAuth } from '../Auth'
-import { useConfig } from '../Config'
-import { useLocale } from '../Locale'
-import { usePreferences } from '../Preferences'
-import { useTranslation } from '../Translation'
-import { documentInfoReducer } from './reducer'
+import { useAuth } from '../Auth/index.js'
+import { useConfig } from '../Config/index.js'
+import { useLocale } from '../Locale/index.js'
+import { usePreferences } from '../Preferences/index.js'
+import { useTranslation } from '../Translation/index.js'
+import { documentInfoReducer } from './reducer.js'
 
 const Context = createContext({} as DocumentInfoContext)
 

packages/ui/src/providers/DocumentInfo/reducer.ts

@@ -1,4 +1,4 @@
-import type { DocumentInfo } from '.'
+import type { DocumentInfo } from './index.js'
 
 type SET = {
   payload: Partial<DocumentInfo>

packages/ui/src/providers/FormQueryParams/index.tsx

@@ -2,9 +2,9 @@
 
 import React, { createContext, useContext } from 'react'
 
-import type { Action, FormQueryParamsContext, State } from './types'
+import type { Action, FormQueryParamsContext, State } from './types.js'
 
-import { useLocale } from '../Locale'
+import { useLocale } from '../Locale/index.js'
 
 export type QueryParamTypes = State
 

packages/ui/src/providers/ListInfo/index.tsx

@@ -1,9 +1,9 @@
 'use client'
 import React, { createContext, useContext, useState } from 'react'
 
-import type { ListInfo, ListInfoContext, ListInfoProps } from './types'
+import type { ListInfo, ListInfoContext, ListInfoProps } from './types.js'
 
-import { useConfig } from '../Config'
+import { useConfig } from '../Config/index.js'
 
 const Context = createContext({} as ListInfoContext)
 

packages/ui/src/providers/ListInfo/types.ts

@@ -1,7 +1,7 @@
 import type { Data, FieldAffectingData, SanitizedCollectionConfig, Where } from 'payload/types'
 import type React from 'react'
 
-import type { Column } from '../../elements/Table/types'
+import type { Column } from '../../elements/Table/types.js'
 
 export type ColumnPreferences = Pick<Column, 'accessor' | 'active'>[]