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>

node_modules/@wordpress/components/build/select-control/chevron-down.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _icons = require("@wordpress/icons");
+var _selectControlStyles = require("./styles/select-control-styles");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const SelectControlChevronDown = () => {
+  return (0, _react.createElement)(_selectControlStyles.InputControlSuffixWrapperWithClickThrough, null, (0, _react.createElement)(_selectControlStyles.DownArrowWrapper, null, (0, _react.createElement)(_icons.Icon, {
+    icon: _icons.chevronDown,
+    size: _selectControlStyles.chevronIconSize
+  })));
+};
+var _default = SelectControlChevronDown;
+exports.default = _default;
+//# sourceMappingURL=chevron-down.js.map

node_modules/@wordpress/components/build/select-control/chevron-down.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_icons","require","_selectControlStyles","SelectControlChevronDown","_react","createElement","InputControlSuffixWrapperWithClickThrough","DownArrowWrapper","Icon","icon","chevronDown","size","chevronIconSize","_default","exports","default"],"sources":["@wordpress/components/src/select-control/chevron-down.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { chevronDown, Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport {\n\tchevronIconSize,\n\tDownArrowWrapper,\n\tInputControlSuffixWrapperWithClickThrough,\n} from './styles/select-control-styles';\n\nconst SelectControlChevronDown = () => {\n\treturn (\n\t\t<InputControlSuffixWrapperWithClickThrough>\n\t\t\t<DownArrowWrapper>\n\t\t\t\t<Icon icon={ chevronDown } size={ chevronIconSize } />\n\t\t\t</DownArrowWrapper>\n\t\t</InputControlSuffixWrapperWithClickThrough>\n\t);\n};\n\nexport default SelectControlChevronDown;\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,oBAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,MAAME,wBAAwB,GAAGA,CAAA,KAAM;EACtC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACH,oBAAA,CAAAI,yCAAyC,QACzC,IAAAF,MAAA,CAAAC,aAAA,EAACH,oBAAA,CAAAK,gBAAgB,QAChB,IAAAH,MAAA,CAAAC,aAAA,EAACL,MAAA,CAAAQ,IAAI;IAACC,IAAI,EAAGC,kBAAa;IAACC,IAAI,EAAGC;EAAiB,CAAE,CACpC,CACwB,CAAC;AAE9C,CAAC;AAAC,IAAAC,QAAA,GAEaV,wBAAwB;AAAAW,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

node_modules/@wordpress/components/build/select-control/index.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SelectControl = void 0;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
+var _baseControl = _interopRequireDefault(require("../base-control"));
+var _inputBase = _interopRequireDefault(require("../input-control/input-base"));
+var _selectControlStyles = require("./styles/select-control-styles");
+var _chevronDown = _interopRequireDefault(require("./chevron-down"));
+var _useDeprecatedProps = require("../utils/use-deprecated-props");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const noop = () => {};
+function useUniqueId(idProp) {
+  const instanceId = (0, _compose.useInstanceId)(SelectControl);
+  const id = `inspector-select-control-${instanceId}`;
+  return idProp || id;
+}
+function UnforwardedSelectControl(props, ref) {
+  const {
+    className,
+    disabled = false,
+    help,
+    hideLabelFromVision,
+    id: idProp,
+    label,
+    multiple = false,
+    onBlur = noop,
+    onChange,
+    onFocus = noop,
+    options = [],
+    size = 'default',
+    value: valueProp,
+    labelPosition = 'top',
+    children,
+    prefix,
+    suffix,
+    __next40pxDefaultSize = false,
+    __nextHasNoMarginBottom = false,
+    ...restProps
+  } = (0, _useDeprecatedProps.useDeprecated36pxDefaultSizeProp)(props, 'wp.components.SelectControl', '6.4');
+  const [isFocused, setIsFocused] = (0, _element.useState)(false);
+  const id = useUniqueId(idProp);
+  const helpId = help ? `${id}__help` : undefined;
+
+  // Disable reason: A select with an onchange throws a warning.
+  if (!options?.length && !children) return null;
+  const handleOnBlur = event => {
+    onBlur(event);
+    setIsFocused(false);
+  };
+  const handleOnFocus = event => {
+    onFocus(event);
+    setIsFocused(true);
+  };
+  const handleOnChange = event => {
+    if (props.multiple) {
+      const selectedOptions = Array.from(event.target.options).filter(({
+        selected
+      }) => selected);
+      const newValues = selectedOptions.map(({
+        value
+      }) => value);
+      props.onChange?.(newValues, {
+        event
+      });
+      return;
+    }
+    props.onChange?.(event.target.value, {
+      event
+    });
+  };
+  const classes = (0, _classnames.default)('components-select-control', className);
+  return (0, _react.createElement)(_baseControl.default, {
+    help: help,
+    id: id,
+    __nextHasNoMarginBottom: __nextHasNoMarginBottom
+  }, (0, _react.createElement)(_inputBase.default, {
+    className: classes,
+    disabled: disabled,
+    hideLabelFromVision: hideLabelFromVision,
+    id: id,
+    isFocused: isFocused,
+    label: label,
+    size: size,
+    suffix: suffix || !multiple && (0, _react.createElement)(_chevronDown.default, null),
+    prefix: prefix,
+    labelPosition: labelPosition,
+    __next40pxDefaultSize: __next40pxDefaultSize
+  }, (0, _react.createElement)(_selectControlStyles.Select, {
+    ...restProps,
+    __next40pxDefaultSize: __next40pxDefaultSize,
+    "aria-describedby": helpId,
+    className: "components-select-control__input",
+    disabled: disabled,
+    id: id,
+    multiple: multiple,
+    onBlur: handleOnBlur,
+    onChange: handleOnChange,
+    onFocus: handleOnFocus,
+    ref: ref,
+    selectSize: size,
+    value: valueProp
+  }, children || options.map((option, index) => {
+    const key = option.id || `${option.label}-${option.value}-${index}`;
+    return (0, _react.createElement)("option", {
+      key: key,
+      value: option.value,
+      disabled: option.disabled,
+      hidden: option.hidden
+    }, option.label);
+  }))));
+}
+
+/**
+ * `SelectControl` allows users to select from a single or multiple option menu.
+ * It functions as a wrapper around the browser's native `<select>` element.
+ *
+ * ```jsx
+ * import { SelectControl } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MySelectControl = () => {
+ *   const [ size, setSize ] = useState( '50%' );
+ *
+ *   return (
+ *     <SelectControl
+ *       label="Size"
+ *       value={ size }
+ *       options={ [
+ *         { label: 'Big', value: '100%' },
+ *         { label: 'Medium', value: '50%' },
+ *         { label: 'Small', value: '25%' },
+ *       ] }
+ *       onChange={ setSize }
+ *     />
+ *   );
+ * };
+ * ```
+ */
+const SelectControl = (0, _element.forwardRef)(UnforwardedSelectControl);
+exports.SelectControl = SelectControl;
+var _default = SelectControl;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

node_modules/@wordpress/components/build/select-control/index.native.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SelectControl = void 0;
+var _react = require("react");
+var _element = require("@wordpress/element");
+var _pickerCell = _interopRequireDefault(require("../mobile/bottom-sheet/picker-cell"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const SelectControl = (0, _element.memo)(({
+  help,
+  instanceId,
+  label,
+  multiple = false,
+  onChange,
+  options = [],
+  className,
+  hideLabelFromVision,
+  ...props
+}) => {
+  const id = `inspector-select-control-${instanceId}`;
+  return (0, _react.createElement)(_pickerCell.default, {
+    label: label,
+    hideLabelFromVision: hideLabelFromVision,
+    id: id,
+    help: help,
+    className: className,
+    onChangeValue: onChange,
+    "aria-describedby": !!help ? `${id}__help` : undefined,
+    multiple: multiple,
+    options: options,
+    ...props
+  });
+});
+exports.SelectControl = SelectControl;
+var _default = SelectControl;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

node_modules/@wordpress/components/build/select-control/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_pickerCell","_interopRequireDefault","SelectControl","memo","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","_react","createElement","default","onChangeValue","undefined","exports","_default"],"sources":["@wordpress/components/src/select-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport PickerCell from '../mobile/bottom-sheet/picker-cell';\n\nexport const SelectControl = memo(\n\t( {\n\t\thelp,\n\t\tinstanceId,\n\t\tlabel,\n\t\tmultiple = false,\n\t\tonChange,\n\t\toptions = [],\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\t...props\n\t} ) => {\n\t\tconst id = `inspector-select-control-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<PickerCell\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChangeValue={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tmultiple={ multiple }\n\t\t\t\toptions={ options }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default SelectControl;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGO,MAAMG,aAAa,GAAG,IAAAC,aAAI,EAChC,CAAE;EACDC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,KAAM;EACN,MAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAAC;EAErD,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,OAAU;IACVV,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBO,aAAa,EAAGT,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAI,GAAGS,EAAI,QAAO,GAAGK,SAAW;IAC1DX,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ,CACD,CAAC;AAACO,OAAA,CAAAjB,aAAA,GAAAA,aAAA;AAAA,IAAAkB,QAAA,GAEalB,aAAa;AAAAiB,OAAA,CAAAH,OAAA,GAAAI,QAAA"}

node_modules/@wordpress/components/build/select-control/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

node_modules/@wordpress/components/build/select-control/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["@wordpress/components/src/select-control/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ChangeEvent, FocusEvent, ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { InputBaseProps } from '../input-control/types';\nimport type { BaseControlProps } from '../base-control/types';\n\ntype SelectControlBaseProps = Pick<\n\tInputBaseProps,\n\t| '__next36pxDefaultSize'\n\t| '__next40pxDefaultSize'\n\t| 'disabled'\n\t| 'hideLabelFromVision'\n\t| 'label'\n\t| 'labelPosition'\n\t| 'prefix'\n\t| 'size'\n\t| 'suffix'\n> &\n\tPick< BaseControlProps, 'help' | '__nextHasNoMarginBottom' > & {\n\t\tonBlur?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\t\tonFocus?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\t\toptions?: {\n\t\t\t/**\n\t\t\t * The label to be shown to the user.\n\t\t\t */\n\t\t\tlabel: string;\n\t\t\t/**\n\t\t\t * The internal value used to choose the selected value.\n\t\t\t * This is also the value passed to `onChange` when the option is selected.\n\t\t\t */\n\t\t\tvalue: string;\n\t\t\tid?: string;\n\t\t\t/**\n\t\t\t * Whether or not the option should have the disabled attribute.\n\t\t\t *\n\t\t\t * @default false\n\t\t\t */\n\t\t\tdisabled?: boolean;\n\t\t\t/**\n\t\t\t * Whether or not the option should be hidden.\n\t\t\t *\n\t\t\t * @default false\n\t\t\t */\n\t\t\thidden?: boolean;\n\t\t}[];\n\t\t/**\n\t\t * As an alternative to the `options` prop, `optgroup`s and `options` can be\n\t\t * passed in as `children` for more customizability.\n\t\t */\n\t\tchildren?: ReactNode;\n\t};\n\nexport type SelectControlSingleSelectionProps = SelectControlBaseProps & {\n\t/**\n\t * If this property is added, multiple values can be selected. The `value` passed should be an array.\n\t *\n\t * In most cases, it is preferable to use the `FormTokenField` or `CheckboxControl` components instead.\n\t *\n\t * @default false\n\t */\n\tmultiple?: false;\n\tvalue?: string;\n\t/**\n\t * A function that receives the value of the new option that is being selected as input.\n\t *\n\t * If `multiple` is `true`, the value received is an array of the selected value.\n\t * Otherwise, the value received is a single value with the new selected value.\n\t */\n\tonChange?: (\n\t\tvalue: string,\n\t\textra?: { event?: ChangeEvent< HTMLSelectElement > }\n\t) => void;\n};\n\nexport type SelectControlMultipleSelectionProps = SelectControlBaseProps & {\n\t/**\n\t * If this property is added, multiple values can be selected. The `value` passed should be an array.\n\t *\n\t * In most cases, it is preferable to use the `FormTokenField` or `CheckboxControl` components instead.\n\t *\n\t * @default false\n\t */\n\tmultiple: true;\n\tvalue?: string[];\n\t/**\n\t * A function that receives the value of the new option that is being selected as input.\n\t *\n\t * If `multiple` is `true`, the value received is an array of the selected value.\n\t * Otherwise, the value received is a single value with the new selected value.\n\t */\n\tonChange?: (\n\t\tvalue: string[],\n\t\textra?: { event?: ChangeEvent< HTMLSelectElement > }\n\t) => void;\n};\n\nexport type SelectControlProps =\n\t| SelectControlSingleSelectionProps\n\t| SelectControlMultipleSelectionProps;\n"],"mappings":""}