5512466585

import React, {useState, createContext, ReactNode} from 'react'
import { DndProvider as ReactDndProvider } from 'react-dnd'
import { MultiBackend, MultiBackendOptions } from 'dnd-multi-backend'

export const PreviewPortalContext = createContext<Element | null>(null)

export type DndProviderProps = {
  context?: any, // eslint-disable-line @typescript-eslint/no-explicit-any
  options: MultiBackendOptions,
  children?: ReactNode,
  debugMode?: boolean,
  portal?: Element,
}

export const DndProvider = ({portal, ...props}: DndProviderProps): JSX.Element => {
  const [previewPortal, setPreviewPortal] = useState<Element | null>(null)

  return (
    <PreviewPortalContext.Provider value={portal ?? previewPortal}>
      <ReactDndProvider backend={MultiBackend} {...props} />
      {portal ? null : <div ref={setPreviewPortal} />}
    </PreviewPortalContext.Provider>
  )
}

1	import React, {useState, createContext, ReactNode} from 'react'	120✔
2	import { DndProvider as ReactDndProvider } from 'react-dnd'	15✔
3	import { MultiBackend, MultiBackendOptions } from 'dnd-multi-backend'	15✔
4
5	export const PreviewPortalContext = createContext<Element \| null>(null)	15✔
6
7	export type DndProviderProps = {
8	context?: any, // eslint-disable-line @typescript-eslint/no-explicit-any
9	options: MultiBackendOptions,
10	children?: ReactNode,
11	debugMode?: boolean,
12	portal?: Element,
13	}
14
15	export const DndProvider = ({portal, ...props}: DndProviderProps): JSX.Element => {	15✔
16	const [previewPortal, setPreviewPortal] = useState<Element \| null>(null)	21✔
17
18	return (	21✔
19	<PreviewPortalContext.Provider value={portal ?? previewPortal}>	21✔
20	<ReactDndProvider backend={MultiBackend} {...props} />
21	{portal ? null : <div ref={setPreviewPortal} />}	21✔
22	</PreviewPortalContext.Provider>
23	)
24	}

LouisBrunner / dnd-multi-backend / 5512466585

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous