LouisBrunner / dnd-multi-backend / 5789803565

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

100.0
/packages/react-dnd-multi-backend/src/components/Preview.tsx
1 
import React, {useContext} from 'react'
69✔
2 
import {createPortal} from 'react-dom'
12✔
3 
import {Preview as DnDPreview, PreviewProps, Context as PreviewContext, PreviewState} from 'react-dnd-preview'
12✔
4 









5



import {useObservePreviews} from '../hooks/useObservePreviews'




12✔





6



import {PreviewPortalContext} from './DndProvider'




12✔





7












8



export const Preview = <T = unknown, El extends Element = Element>(props: PreviewProps<T, El>): JSX.Element | null => {




12✔





9



  const enabled = useObservePreviews()




39✔





10



  const portal = useContext<Element | null>(PreviewPortalContext)




39✔





11



  if (!enabled) {





39✔





12



    return null




27✔





13



  }










14












15



  const result = <DnDPreview<T, El> {...props} />




12✔





16



  if (portal !== null) {





12✔





17



    return createPortal(result, portal)




3✔





18



  }










19



  return result




9✔





20



}










21












22



Preview.Context = PreviewContext




12✔





23



export {PreviewContext}










24



export type {PreviewState}
























    

  • 

    •