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>
57 lines
1.7 KiB
JavaScript
57 lines
1.7 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = exports.RovingTabIndexItem = void 0;
|
|
var _react = require("react");
|
|
var _element = require("@wordpress/element");
|
|
var _rovingTabIndexContext = require("./roving-tab-index-context");
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
const RovingTabIndexItem = (0, _element.forwardRef)(function UnforwardedRovingTabIndexItem({
|
|
children,
|
|
as: Component,
|
|
...props
|
|
}, forwardedRef) {
|
|
const localRef = (0, _element.useRef)();
|
|
const ref = forwardedRef || localRef;
|
|
// @ts-expect-error - We actually want to throw an error if this is undefined.
|
|
const {
|
|
lastFocusedElement,
|
|
setLastFocusedElement
|
|
} = (0, _rovingTabIndexContext.useRovingTabIndexContext)();
|
|
let tabIndex;
|
|
if (lastFocusedElement) {
|
|
tabIndex = lastFocusedElement === (
|
|
// TODO: The original implementation simply used `ref.current` here, assuming
|
|
// that a forwarded ref would always be an object, which is not necessarily true.
|
|
// This workaround maintains the original runtime behavior in a type-safe way,
|
|
// but should be revisited.
|
|
'current' in ref ? ref.current : undefined) ? 0 : -1;
|
|
}
|
|
const onFocus = event => setLastFocusedElement?.(event.target);
|
|
const allProps = {
|
|
ref,
|
|
tabIndex,
|
|
onFocus,
|
|
...props
|
|
};
|
|
if (typeof children === 'function') {
|
|
return children(allProps);
|
|
}
|
|
if (!Component) return null;
|
|
return (0, _react.createElement)(Component, {
|
|
...allProps
|
|
}, children);
|
|
});
|
|
exports.RovingTabIndexItem = RovingTabIndexItem;
|
|
var _default = RovingTabIndexItem;
|
|
exports.default = _default;
|
|
//# sourceMappingURL=roving-tab-index-item.js.map
|