Software: Apache. PHP/7.3.33 

uname -a: Linux acloudg.aryanict.com 4.18.0-513.9.1.lve.el8.x86_64 #1 SMP Mon Dec 4 15:01:22 UTC
2023 x86_64 

uid=1095(katebhospital) gid=1098(katebhospital) groups=1098(katebhospital) 

Safe-mode: OFF (not secure)

/var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/   drwxr-xr-x
Free 293.02 GB of 429.69 GB (68.19%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Feedback    Self remove    Logout    

Viewing file:     access.js (1.26 KB)      -rw-r--r--

import { LabelControl } from './label';
import { useState, useRef, useEffect } from '@wordpress/element';
import { ColorPicker } from '@wordpress/components';

export const AccessControl = (props) => {
	const { children } = props;

	const [isAccessVisible, setIsAccessVisible] = useState(false);
	const accessRef = useRef(null);

	useEffect(() => {
		const handleDocumentClick = (e) => {

			// Access Modal Handler
			if (
				accessRef.current &&
				!accessRef.current.contains(e.target)
			) {
				setIsAccessVisible(false);
			}
		};

		document.addEventListener('click', handleDocumentClick);
		return () => {
			document.removeEventListener('click', handleDocumentClick);
		};
	}, []);
	
	const openCaret = isAccessVisible ? 'pli-caret-open': '';
	
	return (
		<div className="components-base-control pagelayer-base-control">
			<LabelControl {...props} />
			<div className="pagelayer-elp-access-div" ref={accessRef}>
				<span
					className="pagelayer-elp-access"
					onClick={() => setIsAccessVisible(!isAccessVisible)}
				>
					<i className={`pli pli-caret-right ${openCaret}`}></i>
				</span>
				{isAccessVisible &&
					<div className="pagelayer-elp-access-holder">
						{ children }
					</div>
				}
			</div>
		</div>
	)
}