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>
44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
import { createElement } from "react";
|
|
/**
|
|
* External dependencies
|
|
*/
|
|
import classnames from 'classnames';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { ALIGNMENTS, getAlignmentIndex } from './utils';
|
|
import { Root, Cell, Point } from './styles/alignment-matrix-control-icon-styles';
|
|
const BASE_SIZE = 24;
|
|
function AlignmentMatrixControlIcon({
|
|
className,
|
|
disablePointerEvents = true,
|
|
size = BASE_SIZE,
|
|
style = {},
|
|
value = 'center',
|
|
...props
|
|
}) {
|
|
const alignIndex = getAlignmentIndex(value);
|
|
const scale = (size / BASE_SIZE).toFixed(2);
|
|
const classes = classnames('component-alignment-matrix-control-icon', className);
|
|
const styles = {
|
|
...style,
|
|
transform: `scale(${scale})`
|
|
};
|
|
return createElement(Root, {
|
|
...props,
|
|
className: classes,
|
|
disablePointerEvents: disablePointerEvents,
|
|
role: "presentation",
|
|
style: styles
|
|
}, ALIGNMENTS.map((align, index) => {
|
|
const isActive = alignIndex === index;
|
|
return createElement(Cell, {
|
|
key: align
|
|
}, createElement(Point, {
|
|
isActive: isActive
|
|
}));
|
|
}));
|
|
}
|
|
export default AlignmentMatrixControlIcon;
|
|
//# sourceMappingURL=icon.js.map
|