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>
62 lines
1.7 KiB
JavaScript
62 lines
1.7 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = void 0;
|
|
var _react = require("react");
|
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
var _element = require("@wordpress/element");
|
|
var _unitControlStyles = require("./styles/unit-control-styles");
|
|
var _utils = require("./utils");
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* WordPress dependencies
|
|
*/
|
|
|
|
function UnitSelectControl({
|
|
className,
|
|
isUnitSelectTabbable: isTabbable = true,
|
|
onChange,
|
|
size = 'default',
|
|
unit = 'px',
|
|
units = _utils.CSS_UNITS,
|
|
...props
|
|
}, ref) {
|
|
if (!(0, _utils.hasUnits)(units) || units?.length === 1) {
|
|
return (0, _react.createElement)(_unitControlStyles.UnitLabel, {
|
|
className: "components-unit-control__unit-label",
|
|
selectSize: size
|
|
}, unit);
|
|
}
|
|
const handleOnChange = event => {
|
|
const {
|
|
value: unitValue
|
|
} = event.target;
|
|
const data = units.find(option => option.value === unitValue);
|
|
onChange?.(unitValue, {
|
|
event,
|
|
data
|
|
});
|
|
};
|
|
const classes = (0, _classnames.default)('components-unit-control__select', className);
|
|
return (0, _react.createElement)(_unitControlStyles.UnitSelect, {
|
|
ref: ref,
|
|
className: classes,
|
|
onChange: handleOnChange,
|
|
selectSize: size,
|
|
tabIndex: isTabbable ? undefined : -1,
|
|
value: unit,
|
|
...props
|
|
}, units.map(option => (0, _react.createElement)("option", {
|
|
value: option.value,
|
|
key: option.value
|
|
}, option.label)));
|
|
}
|
|
var _default = (0, _element.forwardRef)(UnitSelectControl);
|
|
exports.default = _default;
|
|
//# sourceMappingURL=unit-select-control.js.map
|