File Manager

X7ROOT File Manager

Current Path: /var/softaculous/sitepad/editor/site-data/plugins/pagelayer-pro/js/react/src/components

var / softaculous / sitepad / editor / site-data / plugins / pagelayer-pro / js / react / src / components /

ðŸ“ ..
ðŸ“„ access.js(1.26 KB)
ðŸ“„ box-shadow.js(5.7 KB)
ðŸ“„ checkbox.js(653 B)
ðŸ“„ color.js(4.9 KB)
ðŸ“„ datetime.js(1000 B)
ðŸ“„ dimension.js(1.82 KB)
ðŸ“„ filter.js(2.29 KB)
ðŸ“„ font_family.js(1.53 KB)
ðŸ“„ gradient.js(4.01 KB)
ðŸ“„ html-to-react.js(237 B)
ðŸ“„ icon.js(5.16 KB)
ðŸ“„ image.js(2.26 KB)
ðŸ“„ label.js(1.32 KB)
ðŸ“„ link.js(7.39 KB)
ðŸ“„ media.js(1.91 KB)
ðŸ“„ modal.js(1.81 KB)
ðŸ“„ multi-image.js(2.96 KB)
ðŸ“„ multiselect.js(2.11 KB)
ðŸ“„ padding.js(2.13 KB)
ðŸ“„ radio.js(771 B)
ðŸ“„ rich_text.js(4.2 KB)
ðŸ“„ screen-icon.js(1.08 KB)
ðŸ“„ select.js(2.18 KB)
ðŸ“„ setting-tabs-control.js(1.95 KB)
ðŸ“„ slider.js(1.47 KB)
ðŸ“„ spinner.js(846 B)
ðŸ“„ text-shadow.js(7.21 KB)
ðŸ“„ textarea.js(693 B)
ðŸ“„ typography.js(17.44 KB)

Editing: access.js

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

X7ROOT File Manager

Editing: access.js

Upload File

Create Folder