e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
56 lines
1.4 KiB
JavaScript
56 lines
1.4 KiB
JavaScript
/**
|
|
* WordPress dependencies
|
|
*/
|
|
import { useCallback } from '@wordpress/element';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { useControlledState } from '../utils/hooks';
|
|
import { clamp } from '../utils/math';
|
|
/**
|
|
* A float supported clamp function for a specific value.
|
|
*
|
|
* @param value The value to clamp.
|
|
* @param min The minimum value.
|
|
* @param max The maximum value.
|
|
*
|
|
* @return A (float) number
|
|
*/
|
|
export function floatClamp(value, min, max) {
|
|
if (typeof value !== 'number') {
|
|
return null;
|
|
}
|
|
return parseFloat(`${clamp(value, min, max)}`);
|
|
}
|
|
|
|
/**
|
|
* Hook to store a clamped value, derived from props.
|
|
*
|
|
* @param settings
|
|
* @return The controlled value and the value setter.
|
|
*/
|
|
export function useControlledRangeValue(settings) {
|
|
const {
|
|
min,
|
|
max,
|
|
value: valueProp,
|
|
initial
|
|
} = settings;
|
|
const [state, setInternalState] = useControlledState(floatClamp(valueProp, min, max), {
|
|
initial: floatClamp(initial !== null && initial !== void 0 ? initial : null, min, max),
|
|
fallback: null
|
|
});
|
|
const setState = useCallback(nextValue => {
|
|
if (nextValue === null) {
|
|
setInternalState(null);
|
|
} else {
|
|
setInternalState(floatClamp(nextValue, min, max));
|
|
}
|
|
}, [min, max, setInternalState]);
|
|
|
|
// `state` can't be an empty string because we specified a fallback value of
|
|
// `null` in `useControlledState`
|
|
return [state, setState];
|
|
}
|
|
//# sourceMappingURL=utils.js.map
|