popover-container.jsx — JetFormBuilder — Dynamic Blocks Form Builder 3.6.5.1

jetformbuilder / modules / framework / blocks-style-manager / assets / src / components / common / popover-container.jsx

jetformbuilder / modules / framework / blocks-style-manager / assets / src / components / common Last commit date

popover-container.jsx

33 lines

1	import { useState } from '@wordpress/element';
2	import ControlsPopover from './controls-popover';
3
4	const PopoverContainer = ( { children, trigger, label } ) => {
5
6	const [ popoverAnchor, setPopoverAnchor ] = useState( null );
7	const [ showPopover, setShowPopover ] = useState( false );
8
9	return (
10	<>
11	<div
12	ref={ setPopoverAnchor }
13	onClick={ () => {
14	setShowPopover( ! showPopover );
15	} }
16	>
17	{ trigger }
18	</div>
19	<ControlsPopover
20	anchor={ popoverAnchor }
21	label={ label }
22	isOpen={ showPopover }
23	onClose={ () => {
24	setShowPopover( false );
25	} }
26	>
27	{ children }
28	</ControlsPopover>
29	</>
30	);
31	}
32
33	export default PopoverContainer;