Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
function JsStory({ positionType, ...rest }) {
const TAIL_POSITION_MAP = {
above: Tooltip.tailPositions.bottomCenter,
aboveLeft: Tooltip.tailPositions.bottomLeft,
aboveRight: Tooltip.tailPositions.bottomRight,
rightOf: null,
below: Tooltip.tailPositions.topCenter,
belowLeft: Tooltip.tailPositions.topLeft,
belowRight: Tooltip.tailPositions.topRight,
leftOf: null
}
const tailPosition = TAIL_POSITION_MAP[positionType]
const boxRef = React.useRef()
const tooltipRef = React.useRef()
const [styles, setStyles] = React.useState({ position: 'absolute' })
React.useEffect(() => {
const { current: box } = boxRef
const { current: tooltip } = tooltipRef
if (!box || !tooltip) return
export default function PortalExample() {
const portal = React.useRef()
const [node, setNode] = React.useState(portal.current)
React.useEffect(() => {
if (portal.current) setNode(portal.current)
}, [portal])
return (
<div>
<div>
<div>
Rendered through a Portal
}
inNode={node}
>
<button style="{{">
Button
</button>
This is an area that needs escaped
</div>
<div></div></div></div>
function JsStory({ positionType, ...rest }) {
const TAIL_POSITION_MAP = {
above: Tooltip.tailPositions.bottomCenter,
aboveLeft: Tooltip.tailPositions.bottomLeft,
aboveRight: Tooltip.tailPositions.bottomRight,
rightOf: null,
below: Tooltip.tailPositions.topCenter,
belowLeft: Tooltip.tailPositions.topLeft,
belowRight: Tooltip.tailPositions.topRight,
leftOf: null
}
const tailPosition = TAIL_POSITION_MAP[positionType]
const boxRef = React.useRef()
const tooltipRef = React.useRef()
const [styles, setStyles] = React.useState({ position: 'absolute' })
React.useEffect(() => {