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>
111 lines
1.9 KiB
JavaScript
111 lines
1.9 KiB
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
|
|
import { isValueDefined } from '../utils/values';
|
|
const H_ALIGNMENTS = {
|
|
bottom: {
|
|
align: 'flex-end',
|
|
justify: 'center'
|
|
},
|
|
bottomLeft: {
|
|
align: 'flex-end',
|
|
justify: 'flex-start'
|
|
},
|
|
bottomRight: {
|
|
align: 'flex-end',
|
|
justify: 'flex-end'
|
|
},
|
|
center: {
|
|
align: 'center',
|
|
justify: 'center'
|
|
},
|
|
edge: {
|
|
align: 'center',
|
|
justify: 'space-between'
|
|
},
|
|
left: {
|
|
align: 'center',
|
|
justify: 'flex-start'
|
|
},
|
|
right: {
|
|
align: 'center',
|
|
justify: 'flex-end'
|
|
},
|
|
stretch: {
|
|
align: 'stretch'
|
|
},
|
|
top: {
|
|
align: 'flex-start',
|
|
justify: 'center'
|
|
},
|
|
topLeft: {
|
|
align: 'flex-start',
|
|
justify: 'flex-start'
|
|
},
|
|
topRight: {
|
|
align: 'flex-start',
|
|
justify: 'flex-end'
|
|
}
|
|
};
|
|
const V_ALIGNMENTS = {
|
|
bottom: {
|
|
justify: 'flex-end',
|
|
align: 'center'
|
|
},
|
|
bottomLeft: {
|
|
justify: 'flex-end',
|
|
align: 'flex-start'
|
|
},
|
|
bottomRight: {
|
|
justify: 'flex-end',
|
|
align: 'flex-end'
|
|
},
|
|
center: {
|
|
justify: 'center',
|
|
align: 'center'
|
|
},
|
|
edge: {
|
|
justify: 'space-between',
|
|
align: 'center'
|
|
},
|
|
left: {
|
|
justify: 'center',
|
|
align: 'flex-start'
|
|
},
|
|
right: {
|
|
justify: 'center',
|
|
align: 'flex-end'
|
|
},
|
|
stretch: {
|
|
align: 'stretch'
|
|
},
|
|
top: {
|
|
justify: 'flex-start',
|
|
align: 'center'
|
|
},
|
|
topLeft: {
|
|
justify: 'flex-start',
|
|
align: 'flex-start'
|
|
},
|
|
topRight: {
|
|
justify: 'flex-start',
|
|
align: 'flex-end'
|
|
}
|
|
};
|
|
export function getAlignmentProps(alignment, direction = 'row') {
|
|
if (!isValueDefined(alignment)) {
|
|
return {};
|
|
}
|
|
const isVertical = direction === 'column';
|
|
const props = isVertical ? V_ALIGNMENTS : H_ALIGNMENTS;
|
|
const alignmentProps = alignment in props ? props[alignment] : {
|
|
align: alignment
|
|
};
|
|
return alignmentProps;
|
|
}
|
|
//# sourceMappingURL=utils.js.map
|