Improve findDOMElement and UIPluginOptions types

packages/@uppy/audio/src/Audio.tsx

@@ -14,7 +14,6 @@ import locale from './locale.ts'
 import packageJson from '../package.json'
 
 interface AudioOptions extends UIPluginOptions {
-  target?: HTMLElement | string
   showAudioSourceDropdown?: boolean
 }
 interface AudioState {

packages/@uppy/core/src/UIPlugin.ts

@@ -33,6 +33,7 @@ function debounce<T extends (...args: any[]) => any>(
 }
 
 export interface UIPluginOptions extends PluginOpts {
+  target?: null | string | Element | typeof BasePlugin
   replaceTargetContent?: boolean
   direction?: 'ltr' | 'rtl'
 }
@@ -91,7 +92,8 @@ class UIPlugin<
   ): HTMLElement {
     const callerPluginName = plugin.id
 
-    const targetElement = findDOMElement(target)
+    // eslint-disable-next-line no-use-before-define
+    const targetElement = findDOMElement<PluginTarget<Me, Bo>>(target)
 
     if (targetElement) {
       this.isTargetDOMEl = true

packages/@uppy/core/src/Uppy.ts

@@ -42,7 +42,7 @@
 import locale from './locale.ts'
 
 import type BasePlugin from './BasePlugin.ts'
 import type UIPlugin from './UIPlugin.ts'
 import type { Restrictions } from './Restricter.ts'
 
 type Processor = (fileIDs: string[], uploadID: string) => Promise<void> | void
@@ -1910,7 +1910,7 @@
    * Passes messages to a function, provided in `opts.logger`.
    * If `opts.logger: Uppy.debugLogger` or `opts.debug: true`, logs to the browser console.
    */
-  log(message: string | Record<string, unknown> | Error, type?: string): void {
+  log(message: string | Record<any, any> | Error, type?: string): void {
     const { logger } = this.opts
     switch (type) {
       case 'error':

packages/@uppy/image-editor/src/ImageEditor.tsx

@@ -37,7 +37,6 @@ declare module '@uppy/core' {
 }
 
 interface Opts extends UIPluginOptions {
-  target?: string | HTMLElement
   quality?: number
   cropperOptions?: Cropper.Options & {
     croppedCanvasOptions?: Cropper.GetCroppedCanvasOptions

packages/@uppy/status-bar/src/StatusBarOptions.ts

@@ -2,7 +2,6 @@ import type { UIPluginOptions } from '@uppy/core/lib/UIPlugin'
 import type StatusBarLocale from './locale.ts'
 
 export interface StatusBarOptions extends UIPluginOptions {
-  target?: HTMLElement | string
   showProgressDetails?: boolean
   hideUploadButton?: boolean
   hideAfterFinish?: boolean

packages/@uppy/utils/src/findDOMElement.ts

@@ -1,10 +1,10 @@
 import isDOMElement from './isDOMElement.ts'
 
-export default function findDOMElement<T>(
-  element: T,
+export default function findDOMElement<E, ReturnType = Element>(
+  element: E,
   context: Document = document,
-): T extends Element ? T
-: T extends Node | string ? Element | null
+): ReturnType extends Element ? ReturnType
+: ReturnType extends Node | string ? Element | null
 : null {
   if (typeof element === 'string') {
     // @ts-expect-error ????