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>
59 lines
2.0 KiB
JavaScript
59 lines
2.0 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.useBreakpointIndex = void 0;
|
|
exports.useResponsiveValue = useResponsiveValue;
|
|
var _element = require("@wordpress/element");
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
const breakpoints = ['40em', '52em', '64em'];
|
|
const useBreakpointIndex = (options = {}) => {
|
|
const {
|
|
defaultIndex = 0
|
|
} = options;
|
|
if (typeof defaultIndex !== 'number') {
|
|
throw new TypeError(`Default breakpoint index should be a number. Got: ${defaultIndex}, ${typeof defaultIndex}`);
|
|
} else if (defaultIndex < 0 || defaultIndex > breakpoints.length - 1) {
|
|
throw new RangeError(`Default breakpoint index out of range. Theme has ${breakpoints.length} breakpoints, got index ${defaultIndex}`);
|
|
}
|
|
const [value, setValue] = (0, _element.useState)(defaultIndex);
|
|
(0, _element.useEffect)(() => {
|
|
const getIndex = () => breakpoints.filter(bp => {
|
|
return typeof window !== 'undefined' ? window.matchMedia(`screen and (min-width: ${bp})`).matches : false;
|
|
}).length;
|
|
const onResize = () => {
|
|
const newValue = getIndex();
|
|
if (value !== newValue) {
|
|
setValue(newValue);
|
|
}
|
|
};
|
|
onResize();
|
|
if (typeof window !== 'undefined') {
|
|
window.addEventListener('resize', onResize);
|
|
}
|
|
return () => {
|
|
if (typeof window !== 'undefined') {
|
|
window.removeEventListener('resize', onResize);
|
|
}
|
|
};
|
|
}, [value]);
|
|
return value;
|
|
};
|
|
exports.useBreakpointIndex = useBreakpointIndex;
|
|
function useResponsiveValue(values, options = {}) {
|
|
const index = useBreakpointIndex(options);
|
|
|
|
// Allow calling the function with a "normal" value without having to check on the outside.
|
|
if (!Array.isArray(values) && typeof values !== 'function') return values;
|
|
const array = values || [];
|
|
|
|
/* eslint-disable jsdoc/no-undefined-types */
|
|
return (/** @type {T[]} */array[/* eslint-enable jsdoc/no-undefined-types */
|
|
index >= array.length ? array.length - 1 : index]
|
|
);
|
|
}
|
|
//# sourceMappingURL=use-responsive-value.js.map
|