ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: usr / local / sitepad / editor / site-data / plugins / pagelayer / js / react / src / components

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);
			}
		};

[+] ..
[-] typography.js [open]
[-] spinner.js [open]
[-] text-shadow.js [open]
[-] filter.js [open]
[-] multiselect.js [open]
[-] padding.js [open]
[-] select.js [open]
[-] link.js [open]
[-] color.js [open]
[-] gradient.js [open]
[-] setting-tabs-control.js [open]
[-] modal.js [open]
[-] slider.js [open]
[-] screen-icon.js [open]
[-] icon.js [open]
[-] label.js [open]
[-] image.js [open]
[-] rich_text.js [open]
[-] media.js [open]
[-] checkbox.js [open]
[-] html-to-react.js [open]
[-] textarea.js [open]
[-] datetime.js [open]
[-] font_family.js [open]
[-] dimension.js [open]
[-] box-shadow.js [open]
[-] radio.js [open]
[-] access.js [open]
[-] multi-image.js [open]