XMAN Replicator

Path: /home/vestsxzf/public_html/wp-content/themes/blocksy/static/js/options/options/ratio/

Name	Size	Rights	Date	Actions
[.]	<DIR>	drwxr-xr-x	2026-03-27 10:28	🔄 🗑️ 🗑️📁 ⬇️ 🔒
[..]	<DIR>	drwxr-xr-x	2026-03-27 10:28	🔄 🗑️ 🗑️📁 ⬇️ 🔒
RatioModal.js	1,841 B	-rw-r--r--	2026-03-27 10:28	✏️ 🔄 🗑️ ⬇️ 🔒

Edit: RatioModal.js

import {
	createElement,
	Component,
	createPortal,
	useRef,
	createRef,
} from '@wordpress/element'
import { Transition, animated } from 'react-spring'
import bezierEasing from 'bezier-easing'
import classnames from 'classnames'
import GenericOptionType from '../../GenericOptionType'
import { __ } from 'ct-i18n'

const RatioModal = ({
	renderContent,
	stopTransitioning,

el,

isTransitioning,
	isPicking,
}) => {
	return (
		(isTransitioning || isPicking) &&
		createPortal(
			<Transition
				items={isPicking}
				onRest={(isOpen) => stopTransitioning()}
				config={{
					duration: 100,
					easing: bezierEasing(0.25, 0.1, 0.25, 1.0),
				}}
				from={{
					transform: 'scale3d(0.95, 0.95, 1)',
					opacity: 0,
				}}
				enter={{
					transform: 'scale3d(1, 1, 1)',
					opacity: 1,
				}}
				leave={{
					transform: 'scale3d(0.95, 0.95, 1)',
					opacity: 0,
				}}>
				{(props, isPicking) =>
					isPicking && (
						<animated.div
							style={props}
							className="ct-ratio-modal"
							onClick={(e) => {
								e.preventDefault()
								e.stopPropagation()
							}}
							onMouseDownCapture={(e) => {
								e.nativeEvent.stopImmediatePropagation()
								e.nativeEvent.stopPropagation()
							}}
							onMouseUpCapture={(e) => {
								e.nativeEvent.stopImmediatePropagation()
								e.nativeEvent.stopPropagation()
							}}>
							{renderContent && renderContent()}
						</animated.div>
					)
				}
			</Transition>,
			el.current.closest('.ct-single-palette')
				? el.current
						.closest('.ct-single-palette')
						.querySelector('.ct-color-modal-wrapper')
				: el.current.closest('.ct-color-modal-wrapper')
				? el.current.closest('.ct-color-modal-wrapper')
				: el.current
						.closest('.ct-control')
						.querySelector('.ct-color-modal-wrapper')
		)
	)
}

export default RatioModal

🛸 XMAN Replicator

Edit: RatioModal.js

PHP Console

SQL Console