fix: prevent asset conflicts between React and Grid.js versions

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>
This commit is contained in:
dwindown
2026-04-18 17:02:14 +07:00
parent bd9cdac02e
commit e8fbfb14c1
74973 changed files with 6658406 additions and 71 deletions

85
node_modules/reakit/lib/Tooltip/Tooltip.js generated vendored Normal file
View File

@@ -0,0 +1,85 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-8f9a8751.js');
var createComponent = require('reakit-system/createComponent');
var createHook = require('reakit-system/createHook');
require('reakit-utils/shallowEqual');
var React = require('react');
var useForkRef = require('reakit-utils/useForkRef');
require('reakit-utils/useLiveRef');
require('reakit-utils/isSelfTarget');
require('reakit-utils/useIsomorphicEffect');
require('../Role/Role.js');
var getDocument = require('reakit-utils/getDocument');
require('reakit-utils/canUseDOM');
require('../__keys-f41a441b.js');
var Disclosure_DisclosureContent = require('../Disclosure/DisclosureContent.js');
require('react-dom');
var Portal_Portal = require('../Portal/Portal.js');
var __keys = require('../__keys-724ea0fe.js');
var __globalState = require('../__globalState-de564b64.js');
function globallyHideTooltipOnEscape(event) {
if (event.defaultPrevented) return;
if (event.key === "Escape") {
__globalState.globalState.show(null);
}
}
var useTooltip = createHook.createHook({
name: "Tooltip",
compose: Disclosure_DisclosureContent.useDisclosureContent,
keys: __keys.TOOLTIP_KEYS,
useOptions: function useOptions(_ref) {
var _ref$unstable_portal = _ref.unstable_portal,
unstable_portal = _ref$unstable_portal === void 0 ? true : _ref$unstable_portal,
options = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["unstable_portal"]);
return _rollupPluginBabelHelpers._objectSpread2({
unstable_portal: unstable_portal
}, options);
},
useProps: function useProps(options, _ref2) {
var htmlRef = _ref2.ref,
htmlStyle = _ref2.style,
htmlWrapElement = _ref2.wrapElement,
htmlProps = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref2, ["ref", "style", "wrapElement"]);
React.useEffect(function () {
var _options$unstable_pop;
var document = getDocument.getDocument((_options$unstable_pop = options.unstable_popoverRef) === null || _options$unstable_pop === void 0 ? void 0 : _options$unstable_pop.current);
document.addEventListener("keydown", globallyHideTooltipOnEscape);
}, []);
var wrapElement = React.useCallback(function (element) {
if (options.unstable_portal) {
element = /*#__PURE__*/React.createElement(Portal_Portal.Portal, null, element);
}
if (htmlWrapElement) {
return htmlWrapElement(element);
}
return element;
}, [options.unstable_portal, htmlWrapElement]);
return _rollupPluginBabelHelpers._objectSpread2({
ref: useForkRef.useForkRef(options.unstable_popoverRef, htmlRef),
role: "tooltip",
style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, options.unstable_popoverStyles), {}, {
pointerEvents: "none"
}, htmlStyle),
wrapElement: wrapElement
}, htmlProps);
}
});
var Tooltip = createComponent.createComponent({
as: "div",
memo: true,
useHook: useTooltip
});
exports.Tooltip = Tooltip;
exports.useTooltip = useTooltip;

37
node_modules/reakit/lib/Tooltip/TooltipArrow.js generated vendored Normal file
View File

@@ -0,0 +1,37 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-8f9a8751.js');
var createComponent = require('reakit-system/createComponent');
var createHook = require('reakit-system/createHook');
require('reakit-utils/shallowEqual');
require('react');
require('reakit-utils/useForkRef');
require('../Role/Role.js');
require('../__keys-eddd3051.js');
var Popover_PopoverArrow = require('../Popover/PopoverArrow.js');
var __keys = require('../__keys-724ea0fe.js');
var useTooltipArrow = createHook.createHook({
name: "TooltipArrow",
compose: Popover_PopoverArrow.usePopoverArrow,
keys: __keys.TOOLTIP_ARROW_KEYS,
useOptions: function useOptions(_ref) {
var _ref$size = _ref.size,
size = _ref$size === void 0 ? 16 : _ref$size,
options = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["size"]);
return _rollupPluginBabelHelpers._objectSpread2({
size: size
}, options);
}
});
var TooltipArrow = createComponent.createComponent({
as: "div",
memo: true,
useHook: useTooltipArrow
});
exports.TooltipArrow = TooltipArrow;
exports.useTooltipArrow = useTooltipArrow;

76
node_modules/reakit/lib/Tooltip/TooltipReference.js generated vendored Normal file
View File

@@ -0,0 +1,76 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-8f9a8751.js');
var createComponent = require('reakit-system/createComponent');
var createHook = require('reakit-system/createHook');
require('reakit-utils/shallowEqual');
var React = require('react');
var useForkRef = require('reakit-utils/useForkRef');
var useLiveRef = require('reakit-utils/useLiveRef');
var Role_Role = require('../Role/Role.js');
var __keys = require('../__keys-724ea0fe.js');
var useTooltipReference = createHook.createHook({
name: "TooltipReference",
compose: Role_Role.useRole,
keys: __keys.TOOLTIP_REFERENCE_KEYS,
useProps: function useProps(options, _ref) {
var htmlRef = _ref.ref,
htmlOnFocus = _ref.onFocus,
htmlOnBlur = _ref.onBlur,
htmlOnMouseEnter = _ref.onMouseEnter,
htmlOnMouseLeave = _ref.onMouseLeave,
htmlProps = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["ref", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave"]);
var onFocusRef = useLiveRef.useLiveRef(htmlOnFocus);
var onBlurRef = useLiveRef.useLiveRef(htmlOnBlur);
var onMouseEnterRef = useLiveRef.useLiveRef(htmlOnMouseEnter);
var onMouseLeaveRef = useLiveRef.useLiveRef(htmlOnMouseLeave);
var onFocus = React.useCallback(function (event) {
var _onFocusRef$current, _options$show;
(_onFocusRef$current = onFocusRef.current) === null || _onFocusRef$current === void 0 ? void 0 : _onFocusRef$current.call(onFocusRef, event);
if (event.defaultPrevented) return;
(_options$show = options.show) === null || _options$show === void 0 ? void 0 : _options$show.call(options);
}, [options.show]);
var onBlur = React.useCallback(function (event) {
var _onBlurRef$current, _options$hide;
(_onBlurRef$current = onBlurRef.current) === null || _onBlurRef$current === void 0 ? void 0 : _onBlurRef$current.call(onBlurRef, event);
if (event.defaultPrevented) return;
(_options$hide = options.hide) === null || _options$hide === void 0 ? void 0 : _options$hide.call(options);
}, [options.hide]);
var onMouseEnter = React.useCallback(function (event) {
var _onMouseEnterRef$curr, _options$show2;
(_onMouseEnterRef$curr = onMouseEnterRef.current) === null || _onMouseEnterRef$curr === void 0 ? void 0 : _onMouseEnterRef$curr.call(onMouseEnterRef, event);
if (event.defaultPrevented) return;
(_options$show2 = options.show) === null || _options$show2 === void 0 ? void 0 : _options$show2.call(options);
}, [options.show]);
var onMouseLeave = React.useCallback(function (event) {
var _onMouseLeaveRef$curr, _options$hide2;
(_onMouseLeaveRef$curr = onMouseLeaveRef.current) === null || _onMouseLeaveRef$curr === void 0 ? void 0 : _onMouseLeaveRef$curr.call(onMouseLeaveRef, event);
if (event.defaultPrevented) return;
(_options$hide2 = options.hide) === null || _options$hide2 === void 0 ? void 0 : _options$hide2.call(options);
}, [options.hide]);
return _rollupPluginBabelHelpers._objectSpread2({
ref: useForkRef.useForkRef(options.unstable_referenceRef, htmlRef),
tabIndex: 0,
onFocus: onFocus,
onBlur: onBlur,
onMouseEnter: onMouseEnter,
onMouseLeave: onMouseLeave,
"aria-describedby": options.baseId
}, htmlProps);
}
});
var TooltipReference = createComponent.createComponent({
as: "div",
useHook: useTooltipReference
});
exports.TooltipReference = TooltipReference;
exports.useTooltipReference = useTooltipReference;

109
node_modules/reakit/lib/Tooltip/TooltipState.js generated vendored Normal file
View File

@@ -0,0 +1,109 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-8f9a8751.js');
require('reakit-utils/shallowEqual');
var React = require('react');
require('reakit-warning');
require('reakit-utils/useIsomorphicEffect');
require('reakit-utils/dom');
var useSealedState = require('reakit-utils/useSealedState');
require('../Id/IdProvider.js');
require('../Id/IdState.js');
require('@popperjs/core');
require('../Disclosure/DisclosureState.js');
require('../Dialog/DialogState.js');
var Popover_PopoverState = require('../Popover/PopoverState.js');
var __globalState = require('../__globalState-de564b64.js');
function useTooltipState(initialState) {
if (initialState === void 0) {
initialState = {};
}
var _useSealedState = useSealedState.useSealedState(initialState),
_useSealedState$place = _useSealedState.placement,
placement = _useSealedState$place === void 0 ? "top" : _useSealedState$place,
_useSealedState$unsta = _useSealedState.unstable_timeout,
initialTimeout = _useSealedState$unsta === void 0 ? 0 : _useSealedState$unsta,
sealed = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_useSealedState, ["placement", "unstable_timeout"]);
var _React$useState = React.useState(initialTimeout),
timeout = _React$useState[0],
setTimeout = _React$useState[1];
var showTimeout = React.useRef(null);
var hideTimeout = React.useRef(null);
var _usePopoverState = Popover_PopoverState.usePopoverState(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, sealed), {}, {
placement: placement
})),
modal = _usePopoverState.modal,
setModal = _usePopoverState.setModal,
popover = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_usePopoverState, ["modal", "setModal"]);
var clearTimeouts = React.useCallback(function () {
if (showTimeout.current !== null) {
window.clearTimeout(showTimeout.current);
}
if (hideTimeout.current !== null) {
window.clearTimeout(hideTimeout.current);
}
}, []);
var hide = React.useCallback(function () {
clearTimeouts();
popover.hide(); // Let's give some time so people can move from a reference to another
// and still show tooltips immediately
hideTimeout.current = window.setTimeout(function () {
__globalState.globalState.hide(popover.baseId);
}, timeout);
}, [clearTimeouts, popover.hide, timeout, popover.baseId]);
var show = React.useCallback(function () {
clearTimeouts();
if (!timeout || __globalState.globalState.currentTooltipId) {
// If there's no timeout or a tooltip visible already, we can show this
// immediately
__globalState.globalState.show(popover.baseId);
popover.show();
} else {
// There may be a reference with focus whose tooltip is still not visible
// In this case, we want to update it before it gets shown.
__globalState.globalState.show(null); // Otherwise, wait a little bit to show the tooltip
showTimeout.current = window.setTimeout(function () {
__globalState.globalState.show(popover.baseId);
popover.show();
}, timeout);
}
}, [clearTimeouts, timeout, popover.show, popover.baseId]);
React.useEffect(function () {
return __globalState.globalState.subscribe(function (id) {
if (id !== popover.baseId) {
clearTimeouts();
if (popover.visible) {
// Make sure there will be only one tooltip visible
popover.hide();
}
}
});
}, [popover.baseId, clearTimeouts, popover.visible, popover.hide]);
React.useEffect(function () {
return function () {
clearTimeouts();
__globalState.globalState.hide(popover.baseId);
};
}, [clearTimeouts, popover.baseId]);
return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, popover), {}, {
hide: hide,
show: show,
unstable_timeout: timeout,
unstable_setTimeout: setTimeout
});
}
exports.useTooltipState = useTooltipState;

47
node_modules/reakit/lib/Tooltip/index.js generated vendored Normal file
View File

@@ -0,0 +1,47 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
require('../_rollupPluginBabelHelpers-8f9a8751.js');
require('reakit-system/createComponent');
require('reakit-system/createHook');
require('reakit-utils/shallowEqual');
require('react');
require('reakit-utils/useForkRef');
require('reakit-warning');
require('reakit-utils/useLiveRef');
require('reakit-utils/isSelfTarget');
require('reakit-utils/useIsomorphicEffect');
require('reakit-utils/dom');
require('../Role/Role.js');
require('reakit-utils/useSealedState');
require('reakit-utils/getDocument');
require('reakit-utils/canUseDOM');
require('../Id/IdProvider.js');
require('../Id/IdState.js');
require('@popperjs/core');
require('../Disclosure/DisclosureState.js');
require('../Dialog/DialogState.js');
require('../Popover/PopoverState.js');
require('../__keys-f41a441b.js');
require('../Disclosure/DisclosureContent.js');
require('react-dom');
require('../Portal/Portal.js');
require('../__keys-eddd3051.js');
require('../Popover/PopoverArrow.js');
require('../__keys-724ea0fe.js');
require('../__globalState-de564b64.js');
var Tooltip_Tooltip = require('./Tooltip.js');
var Tooltip_TooltipArrow = require('./TooltipArrow.js');
var Tooltip_TooltipReference = require('./TooltipReference.js');
var Tooltip_TooltipState = require('./TooltipState.js');
exports.Tooltip = Tooltip_Tooltip.Tooltip;
exports.useTooltip = Tooltip_Tooltip.useTooltip;
exports.TooltipArrow = Tooltip_TooltipArrow.TooltipArrow;
exports.useTooltipArrow = Tooltip_TooltipArrow.useTooltipArrow;
exports.TooltipReference = Tooltip_TooltipReference.TooltipReference;
exports.useTooltipReference = Tooltip_TooltipReference.useTooltipReference;
exports.useTooltipState = Tooltip_TooltipState.useTooltipState;