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

View File

@@ -0,0 +1,95 @@
import { createElement } from "react";
/**
* WordPress dependencies
*/
import { Component } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { Picker } from '@wordpress/components';
import { requestMediaEditor, mediaSources } from '@wordpress/react-native-bridge';
export const MEDIA_TYPE_IMAGE = 'image';
export const MEDIA_EDITOR = 'MEDIA_EDITOR';
const editOption = {
id: MEDIA_EDITOR,
value: MEDIA_EDITOR,
label: __('Edit'),
requiresModal: true,
types: [MEDIA_TYPE_IMAGE]
};
const replaceOption = {
id: mediaSources.deviceLibrary,
value: mediaSources.deviceLibrary,
label: __('Replace'),
types: [MEDIA_TYPE_IMAGE]
};
export class MediaEdit extends Component {
constructor(props) {
super(props);
this.onPickerPresent = this.onPickerPresent.bind(this);
this.onPickerSelect = this.onPickerSelect.bind(this);
this.getMediaOptionsItems = this.getMediaOptionsItems.bind(this);
this.getDestructiveButtonIndex = this.getDestructiveButtonIndex.bind(this);
}
getMediaOptionsItems() {
const {
pickerOptions,
openReplaceMediaOptions,
source
} = this.props;
return [source?.uri && editOption, openReplaceMediaOptions && replaceOption, ...(pickerOptions ? pickerOptions : [])].filter(Boolean);
}
getDestructiveButtonIndex() {
const options = this.getMediaOptionsItems();
const destructiveButtonIndex = options.findIndex(option => option?.destructiveButton);
return destructiveButtonIndex !== -1 ? destructiveButtonIndex + 1 : undefined;
}
onPickerPresent() {
if (this.picker) {
this.picker.presentPicker();
}
}
onPickerSelect(value) {
const {
onSelect,
pickerOptions,
multiple = false,
openReplaceMediaOptions
} = this.props;
switch (value) {
case MEDIA_EDITOR:
requestMediaEditor(this.props.source.uri, media => {
if (multiple && media || media && media.id) {
onSelect(media);
}
});
break;
default:
const optionSelected = pickerOptions && pickerOptions.find(option => option.id === value);
if (optionSelected && optionSelected.onPress) {
optionSelected.onPress();
return;
}
if (openReplaceMediaOptions) {
openReplaceMediaOptions();
}
}
}
render() {
const mediaOptions = () => createElement(Picker, {
hideCancelButton: true,
ref: instance => this.picker = instance,
options: this.getMediaOptionsItems(),
leftAlign: true,
onChange: this.onPickerSelect
// translators: %s: block title e.g: "Paragraph".
,
title: __('Media options'),
destructiveButtonIndex: this.getDestructiveButtonIndex()
});
return this.props.render({
open: this.onPickerPresent,
mediaOptions
});
}
}
export default MediaEdit;
//# sourceMappingURL=index.native.js.map

File diff suppressed because one or more lines are too long