FM / components

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

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

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

Edit: /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/select.js (2233B)

import { useState } from '@wordpress/element';
import { LabelControl } from './label';

export const SelectControl = (props) =>{
	
	const { prop, label, value, setAttributes, attributes } = props;
	const { name } = prop['c'];
	
	const handleSelectChange = (e) => {
		var val = e.target.value;

setAttributes({ [name]: val });

if( name == 'animation' ){
			var jEle = jQuery(`.p-${attributes['pagelayer-id']}`);
			var sel = jQuery(e.target);
			pagelayer_trigger_anim(jEle, sel, val);
		}
	};
	
	const renderOptions = () => {
		return Object.keys(prop.list).map((groupOrValue, index) => {
			if (typeof prop.list[groupOrValue] === 'string') {
				return (
					<option
						key={index}
						value={groupOrValue}
						selected={groupOrValue == value ? 'selected' : ''}
					>
					{prop.list[groupOrValue]}
					</option>
				);
			}else{
				return (
					<optgroup key={index} label={groupOrValue}>
						{Object.keys(prop.list[groupOrValue]).map((subOption, subIndex) => (
						<option
							key={subIndex}
							value={subOption}
							selected={subOption == value ? 'selected' : ''}
						>
						{prop.list[groupOrValue][subOption]}
						</option>
						))}
					</optgroup>
				);
			}
		});
	};
	
	return (
		<div className="components-base-control pagelayer-base-control pagelayer-flex">
			<LabelControl {...props}/>
			<div className="pagelayer-elp-select-div pagelayer-elp-pos-rel">
				<select
					className="pagelayer-elp-select pagelayer-select"
					name={name}
					onChange={handleSelectChange}
				>
				{renderOptions()}
				</select>
			</div>
		</div>
	);	
}

const pagelayer_trigger_anim = (elem, sel, anim) => {

var classList = elem.attr('class');
	classList = classList.split(/\s+/);

jQuery(sel).find('option').each(function(){
		var found = jQuery.inArray( jQuery(this).val(), classList );
		if( found != -1){
			elem.removeClass(jQuery(this).val());
		}
	});
	
	elem.css('animation-name', '');
	elem.removeClass('pagelayer-wow').addClass(anim + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
		jQuery(this).removeClass(anim+ ' animated');
	});
}

import { useState } from '@wordpress/element'; import { LabelControl } from './label'; export const SelectControl = (props) =>{ const { prop, label, value, setAttributes, attributes } = props; const { name } = prop['c']; const handleSelectChange = (e) => { var val = e.target.value; setAttributes({ [name]: val }); if( name == 'animation' ){ var jEle = jQuery(`.p-${attributes['pagelayer-id']}`); var sel = jQuery(e.target); pagelayer_trigger_anim(jEle, sel, val); } }; const renderOptions = () => { return Object.keys(prop.list).map((groupOrValue, index) => { if (typeof prop.list[groupOrValue] === 'string') { return ( ); }else{ return ( {Object.keys(prop.list[groupOrValue]).map((subOption, subIndex) => ( ))} ); } }); }; return (

); } const pagelayer_trigger_anim = (elem, sel, anim) => { var classList = elem.attr('class'); classList = classList.split(/\s+/); jQuery(sel).find('option').each(function(){ var found = jQuery.inArray( jQuery(this).val(), classList ); if( found != -1){ elem.removeClass(jQuery(this).val()); } }); elem.css('animation-name', ''); elem.removeClass('pagelayer-wow').addClass(anim + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ jQuery(this).removeClass(anim+ ' animated'); }); }