Name	Size	Mode	Actions
access.js	1293	0644	editdlrm
box-shadow.js	5836	0644	editdlrm
checkbox.js	653	0644	editdlrm
color.js	5021	0644	editdlrm
datetime.js	1000	0644	editdlrm
dimension.js	1862	0644	editdlrm
filter.js	2348	0644	editdlrm
font_family.js	1566	0644	editdlrm
gradient.js	4106	0644	editdlrm
html-to-react.js	237	0644	editdlrm
icon.js	5286	0644	editdlrm
image.js	2314	0644	editdlrm
label.js	1349	0644	editdlrm
link.js	7565	0644	editdlrm
media.js	1951	0644	editdlrm
modal.js	1854	0644	editdlrm
multi-image.js	3035	0644	editdlrm
multiselect.js	2158	0644	editdlrm
padding.js	2185	0644	editdlrm
radio.js	771	0644	editdlrm
rich_text.js	4303	0644	editdlrm
screen-icon.js	1107	0644	editdlrm
select.js	2233	0644	editdlrm
setting-tabs-control.js	1993	0644	editdlrm
slider.js	1507	0644	editdlrm
spinner.js	846	0644	editdlrm
text-shadow.js	7385	0644	editdlrm
textarea.js	693	0644	editdlrm
typography.js	17862	0644	editdlrm

import { LabelControl } from './label'; import { useState, useRef, useEffect } from '@wordpress/element'; import { Popover } from '@wordpress/components'; export const ModalControl = (props) => { const { prop, children, label } = props; const { width } = prop; const [isModalVisible, setIsModalVisible] = useState(false); const modalRef = useRef(null); const modalIconRef = useRef(null); useEffect(() => { const handleDocumentClick = (e) => { // Access Modal Handler if ( modalRef.current && !modalRef.current.contains(e.target) && modalIconRef.current && !modalIconRef.current.contains(e.target) ) { setIsModalVisible(false); } }; document.addEventListener('click', handleDocumentClick); return () => { document.removeEventListener('click', handleDocumentClick); }; }, []); var style = pagelayer_empty(width) ? {} : {width: width}; return ( ) }