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

75
node_modules/reakit/lib/Popover/Popover.js generated vendored Normal file
View File

@@ -0,0 +1,75 @@
'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');
var useForkRef = require('reakit-utils/useForkRef');
require('reakit-utils/isButton');
var reakitWarning = require('reakit-warning');
require('reakit-utils/useLiveRef');
require('reakit-utils/isSelfTarget');
require('reakit-utils/useIsomorphicEffect');
require('reakit-utils/hasFocusWithin');
require('reakit-utils/tabbable');
require('../Role/Role.js');
require('reakit-utils/useUpdateEffect');
var useCreateElement = require('reakit-system/useCreateElement');
require('reakit-utils/getDocument');
require('reakit-utils/canUseDOM');
require('reakit-utils/getNextActiveElementOnBlur');
require('reakit-utils/ensureFocus');
require('../__keys-f41a441b.js');
require('../Disclosure/DisclosureContent.js');
require('react-dom');
require('../Portal/Portal.js');
require('reakit-utils/removeItemFromArray');
require('../MenuContext-2d32bb3e.js');
var Dialog_Dialog = require('../Dialog/Dialog.js');
require('body-scroll-lock');
require('reakit-utils/closest');
require('reakit-utils/getActiveElement');
require('reakit-utils/contains');
require('../DialogBackdropContext-b43e21d7.js');
require('reakit-utils/isEmpty');
require('../__keys-0c8e6398.js');
var __keys = require('../__keys-eddd3051.js');
var usePopover = createHook.createHook({
name: "Popover",
compose: Dialog_Dialog.useDialog,
keys: __keys.POPOVER_KEYS,
useOptions: function useOptions(_ref) {
var _ref$modal = _ref.modal,
modal = _ref$modal === void 0 ? false : _ref$modal,
options = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["modal"]);
return _rollupPluginBabelHelpers._objectSpread2({
modal: modal
}, options);
},
useProps: function useProps(options, _ref2) {
var htmlRef = _ref2.ref,
htmlStyle = _ref2.style,
htmlProps = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref2, ["ref", "style"]);
return _rollupPluginBabelHelpers._objectSpread2({
ref: useForkRef.useForkRef(options.unstable_popoverRef, htmlRef),
style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, options.unstable_popoverStyles), htmlStyle)
}, htmlProps);
}
});
var Popover = createComponent.createComponent({
as: "div",
useHook: usePopover,
useCreateElement: function useCreateElement$1(type, props, children) {
process.env.NODE_ENV !== "production" ? reakitWarning.useWarning(!props["aria-label"] && !props["aria-labelledby"], "You should provide either `aria-label` or `aria-labelledby` props.", "See https://reakit.io/docs/popover") : void 0;
return useCreateElement.useCreateElement(type, props, children);
}
});
exports.Popover = Popover;
exports.usePopover = usePopover;

78
node_modules/reakit/lib/Popover/PopoverArrow.js generated vendored Normal file
View File

@@ -0,0 +1,78 @@
'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 Role_Role = require('../Role/Role.js');
var __keys = require('../__keys-eddd3051.js');
var usePopoverArrow = createHook.createHook({
name: "PopoverArrow",
compose: Role_Role.useRole,
keys: __keys.POPOVER_ARROW_KEYS,
useOptions: function useOptions(_ref) {
var _ref$size = _ref.size,
size = _ref$size === void 0 ? 30 : _ref$size,
options = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["size"]);
return _rollupPluginBabelHelpers._objectSpread2({
size: size
}, options);
},
useProps: function useProps(options, _ref2) {
var _objectSpread2;
var htmlRef = _ref2.ref,
htmlStyle = _ref2.style,
htmlProps = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref2, ["ref", "style"]);
var _options$placement$sp = options.placement.split("-"),
placement = _options$placement$sp[0];
var transformMap = {
top: "rotateZ(180deg)",
right: "rotateZ(-90deg)",
bottom: "rotateZ(360deg)",
left: "rotateZ(90deg)"
};
var arrowStyles = options.unstable_arrowStyles;
var transform = transformMap[placement];
var children = React.useMemo(function () {
return /*#__PURE__*/React.createElement("svg", {
viewBox: "0 0 30 30",
style: {
transform: transform
}
}, /*#__PURE__*/React.createElement("path", {
className: "stroke",
d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z"
}), /*#__PURE__*/React.createElement("path", {
className: "fill",
d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
}));
}, [transform]);
return _rollupPluginBabelHelpers._objectSpread2({
ref: useForkRef.useForkRef(options.unstable_arrowRef, htmlRef),
style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, arrowStyles), {}, (_objectSpread2 = {
fontSize: options.size,
width: "1em",
height: "1em",
pointerEvents: "none"
}, _objectSpread2[placement] = "100%", _objectSpread2), htmlStyle),
children: children
}, htmlProps);
}
});
var PopoverArrow = createComponent.createComponent({
as: "div",
memo: true,
useHook: usePopoverArrow
});
exports.PopoverArrow = PopoverArrow;
exports.usePopoverArrow = usePopoverArrow;

45
node_modules/reakit/lib/Popover/PopoverBackdrop.js generated vendored Normal file
View File

@@ -0,0 +1,45 @@
'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/useLiveRef');
require('reakit-utils/isSelfTarget');
require('reakit-utils/useIsomorphicEffect');
require('../Role/Role.js');
require('reakit-utils/canUseDOM');
require('../__keys-f41a441b.js');
require('../Disclosure/DisclosureContent.js');
require('react-dom');
require('../Portal/Portal.js');
require('../DialogBackdropContext-b43e21d7.js');
require('../__keys-0c8e6398.js');
var __keys = require('../__keys-eddd3051.js');
var Dialog_DialogBackdrop = require('../Dialog/DialogBackdrop.js');
var usePopoverBackdrop = createHook.createHook({
name: "PopoverBackdrop",
compose: Dialog_DialogBackdrop.useDialogBackdrop,
keys: __keys.POPOVER_BACKDROP_KEYS,
useOptions: function useOptions(_ref) {
var _ref$modal = _ref.modal,
modal = _ref$modal === void 0 ? false : _ref$modal,
options = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["modal"]);
return _rollupPluginBabelHelpers._objectSpread2({
modal: modal
}, options);
}
});
var PopoverBackdrop = createComponent.createComponent({
as: "div",
memo: true,
useHook: usePopoverBackdrop
});
exports.PopoverBackdrop = PopoverBackdrop;
exports.usePopoverBackdrop = usePopoverBackdrop;

50
node_modules/reakit/lib/Popover/PopoverDisclosure.js generated vendored Normal file
View File

@@ -0,0 +1,50 @@
'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');
var useForkRef = require('reakit-utils/useForkRef');
require('reakit-utils/isButton');
require('reakit-warning');
require('reakit-utils/useLiveRef');
require('reakit-utils/isSelfTarget');
require('reakit-utils/useIsomorphicEffect');
require('reakit-utils/hasFocusWithin');
require('reakit-utils/isPortalEvent');
require('reakit-utils/dom');
require('reakit-utils/tabbable');
require('../Role/Role.js');
require('../Tabbable/Tabbable.js');
require('../Clickable/Clickable.js');
require('../Button/Button.js');
require('../__keys-f41a441b.js');
require('../__keys-0c8e6398.js');
var __keys = require('../__keys-eddd3051.js');
require('../Disclosure/Disclosure.js');
var Dialog_DialogDisclosure = require('../Dialog/DialogDisclosure.js');
var usePopoverDisclosure = createHook.createHook({
name: "PopoverDisclosure",
compose: Dialog_DialogDisclosure.useDialogDisclosure,
keys: __keys.POPOVER_DISCLOSURE_KEYS,
useProps: function useProps(options, _ref) {
var htmlRef = _ref.ref,
htmlProps = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_ref, ["ref"]);
return _rollupPluginBabelHelpers._objectSpread2({
ref: useForkRef.useForkRef(options.unstable_referenceRef, htmlRef)
}, htmlProps);
}
});
var PopoverDisclosure = createComponent.createComponent({
as: "button",
memo: true,
useHook: usePopoverDisclosure
});
exports.PopoverDisclosure = PopoverDisclosure;
exports.usePopoverDisclosure = usePopoverDisclosure;

199
node_modules/reakit/lib/Popover/PopoverState.js generated vendored Normal file
View File

@@ -0,0 +1,199 @@
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-8f9a8751.js');
var shallowEqual = require('reakit-utils/shallowEqual');
var React = require('react');
require('reakit-warning');
var useIsomorphicEffect = require('reakit-utils/useIsomorphicEffect');
var dom = require('reakit-utils/dom');
var useSealedState = require('reakit-utils/useSealedState');
require('../Id/IdProvider.js');
require('../Id/IdState.js');
var core = require('@popperjs/core');
require('../Disclosure/DisclosureState.js');
var Dialog_DialogState = require('../Dialog/DialogState.js');
var isSafari = dom.isUA("Mac") && !dom.isUA("Chrome") && dom.isUA("Safari");
function applyStyles(styles) {
return function (prevStyles) {
if (styles && !shallowEqual.shallowEqual(prevStyles, styles)) {
return styles;
}
return prevStyles;
};
}
function usePopoverState(initialState) {
if (initialState === void 0) {
initialState = {};
}
var _useSealedState = useSealedState.useSealedState(initialState),
_useSealedState$gutte = _useSealedState.gutter,
gutter = _useSealedState$gutte === void 0 ? 12 : _useSealedState$gutte,
_useSealedState$place = _useSealedState.placement,
sealedPlacement = _useSealedState$place === void 0 ? "bottom" : _useSealedState$place,
_useSealedState$unsta = _useSealedState.unstable_flip,
flip = _useSealedState$unsta === void 0 ? true : _useSealedState$unsta,
sealedOffset = _useSealedState.unstable_offset,
_useSealedState$unsta2 = _useSealedState.unstable_preventOverflow,
preventOverflow = _useSealedState$unsta2 === void 0 ? true : _useSealedState$unsta2,
_useSealedState$unsta3 = _useSealedState.unstable_fixed,
fixed = _useSealedState$unsta3 === void 0 ? false : _useSealedState$unsta3,
_useSealedState$modal = _useSealedState.modal,
modal = _useSealedState$modal === void 0 ? false : _useSealedState$modal,
sealed = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_useSealedState, ["gutter", "placement", "unstable_flip", "unstable_offset", "unstable_preventOverflow", "unstable_fixed", "modal"]);
var popper = React.useRef(null);
var referenceRef = React.useRef(null);
var popoverRef = React.useRef(null);
var arrowRef = React.useRef(null);
var _React$useState = React.useState(sealedPlacement),
originalPlacement = _React$useState[0],
place = _React$useState[1];
var _React$useState2 = React.useState(sealedPlacement),
placement = _React$useState2[0],
setPlacement = _React$useState2[1];
var _React$useState3 = React.useState(sealedOffset || [0, gutter]),
offset = _React$useState3[0];
var _React$useState4 = React.useState({
position: "fixed",
left: "100%",
top: "100%"
}),
popoverStyles = _React$useState4[0],
setPopoverStyles = _React$useState4[1];
var _React$useState5 = React.useState({}),
arrowStyles = _React$useState5[0],
setArrowStyles = _React$useState5[1];
var dialog = Dialog_DialogState.useDialogState(_rollupPluginBabelHelpers._objectSpread2({
modal: modal
}, sealed));
var update = React.useCallback(function () {
if (popper.current) {
popper.current.forceUpdate();
return true;
}
return false;
}, []);
var updateState = React.useCallback(function (state) {
if (state.placement) {
setPlacement(state.placement);
}
if (state.styles) {
setPopoverStyles(applyStyles(state.styles.popper));
if (arrowRef.current) {
setArrowStyles(applyStyles(state.styles.arrow));
}
}
}, []);
useIsomorphicEffect.useIsomorphicEffect(function () {
if (referenceRef.current && popoverRef.current) {
popper.current = core.createPopper(referenceRef.current, popoverRef.current, {
// https://popper.js.org/docs/v2/constructors/#options
placement: originalPlacement,
strategy: fixed ? "fixed" : "absolute",
// Safari needs styles to be applied in the first render, otherwise
// hovering over the popover when it gets visible for the first time
// will change its dimensions unexpectedly.
onFirstUpdate: isSafari ? updateState : undefined,
modifiers: [{
// https://popper.js.org/docs/v2/modifiers/event-listeners/
name: "eventListeners",
enabled: dialog.visible
}, {
// https://popper.js.org/docs/v2/modifiers/apply-styles/
name: "applyStyles",
enabled: false
}, {
// https://popper.js.org/docs/v2/modifiers/flip/
name: "flip",
enabled: flip,
options: {
padding: 8
}
}, {
// https://popper.js.org/docs/v2/modifiers/offset/
name: "offset",
options: {
offset: offset
}
}, {
// https://popper.js.org/docs/v2/modifiers/prevent-overflow/
name: "preventOverflow",
enabled: preventOverflow,
options: {
tetherOffset: function tetherOffset() {
var _arrowRef$current;
return ((_arrowRef$current = arrowRef.current) === null || _arrowRef$current === void 0 ? void 0 : _arrowRef$current.clientWidth) || 0;
}
}
}, {
// https://popper.js.org/docs/v2/modifiers/arrow/
name: "arrow",
enabled: !!arrowRef.current,
options: {
element: arrowRef.current
}
}, {
// https://popper.js.org/docs/v2/modifiers/#custom-modifiers
name: "updateState",
phase: "write",
requires: ["computeStyles"],
enabled: dialog.visible && process.env.NODE_ENV !== "test",
fn: function fn(_ref) {
var state = _ref.state;
return updateState(state);
}
}]
});
}
return function () {
if (popper.current) {
popper.current.destroy();
popper.current = null;
}
};
}, [originalPlacement, fixed, dialog.visible, flip, offset, preventOverflow]); // Ensure that the popover will be correctly positioned with an additional
// update.
React.useEffect(function () {
if (!dialog.visible) return undefined;
var id = window.requestAnimationFrame(function () {
var _popper$current;
(_popper$current = popper.current) === null || _popper$current === void 0 ? void 0 : _popper$current.forceUpdate();
});
return function () {
window.cancelAnimationFrame(id);
};
}, [dialog.visible]);
return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, dialog), {}, {
unstable_referenceRef: referenceRef,
unstable_popoverRef: popoverRef,
unstable_arrowRef: arrowRef,
unstable_popoverStyles: popoverStyles,
unstable_arrowStyles: arrowStyles,
unstable_update: update,
unstable_originalPlacement: originalPlacement,
placement: placement,
place: place
});
}
exports.usePopoverState = usePopoverState;

70
node_modules/reakit/lib/Popover/index.js generated vendored Normal file
View File

@@ -0,0 +1,70 @@
'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-utils/isButton');
require('reakit-warning');
require('reakit-utils/useLiveRef');
require('reakit-utils/isSelfTarget');
require('reakit-utils/useIsomorphicEffect');
require('reakit-utils/hasFocusWithin');
require('reakit-utils/isPortalEvent');
require('reakit-utils/dom');
require('reakit-utils/tabbable');
require('../Role/Role.js');
require('../Tabbable/Tabbable.js');
require('../Clickable/Clickable.js');
require('../Button/Button.js');
require('reakit-utils/useSealedState');
require('reakit-utils/useUpdateEffect');
require('reakit-system/useCreateElement');
require('reakit-utils/getDocument');
require('reakit-utils/canUseDOM');
require('reakit-utils/getNextActiveElementOnBlur');
require('reakit-utils/ensureFocus');
require('../Id/IdProvider.js');
require('../Id/IdState.js');
require('@popperjs/core');
require('../Disclosure/DisclosureState.js');
require('../Dialog/DialogState.js');
var Popover_PopoverState = require('./PopoverState.js');
require('../__keys-f41a441b.js');
require('../Disclosure/DisclosureContent.js');
require('react-dom');
require('../Portal/Portal.js');
require('reakit-utils/removeItemFromArray');
require('../MenuContext-2d32bb3e.js');
require('../Dialog/Dialog.js');
require('body-scroll-lock');
require('reakit-utils/closest');
require('reakit-utils/getActiveElement');
require('reakit-utils/contains');
require('../DialogBackdropContext-b43e21d7.js');
require('reakit-utils/isEmpty');
require('../__keys-0c8e6398.js');
require('../__keys-eddd3051.js');
var Popover_Popover = require('./Popover.js');
require('../Dialog/DialogBackdrop.js');
require('../Disclosure/Disclosure.js');
require('../Dialog/DialogDisclosure.js');
var Popover_PopoverArrow = require('./PopoverArrow.js');
var Popover_PopoverDisclosure = require('./PopoverDisclosure.js');
var Popover_PopoverBackdrop = require('./PopoverBackdrop.js');
exports.usePopoverState = Popover_PopoverState.usePopoverState;
exports.Popover = Popover_Popover.Popover;
exports.usePopover = Popover_Popover.usePopover;
exports.PopoverArrow = Popover_PopoverArrow.PopoverArrow;
exports.usePopoverArrow = Popover_PopoverArrow.usePopoverArrow;
exports.PopoverDisclosure = Popover_PopoverDisclosure.PopoverDisclosure;
exports.usePopoverDisclosure = Popover_PopoverDisclosure.usePopoverDisclosure;
exports.PopoverBackdrop = Popover_PopoverBackdrop.PopoverBackdrop;
exports.usePopoverBackdrop = Popover_PopoverBackdrop.usePopoverBackdrop;