Files
formipay/node_modules/@wordpress/components/build/unit-control/unit-select-control.js
dwindown e8fbfb14c1 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>
2026-04-18 17:02:14 +07:00

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