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-module/input-control/reducer/actions.js

@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+export const CHANGE = 'CHANGE';
+export const COMMIT = 'COMMIT';
+export const CONTROL = 'CONTROL';
+export const DRAG_END = 'DRAG_END';
+export const DRAG_START = 'DRAG_START';
+export const DRAG = 'DRAG';
+export const INVALIDATE = 'INVALIDATE';
+export const PRESS_DOWN = 'PRESS_DOWN';
+export const PRESS_ENTER = 'PRESS_ENTER';
+export const PRESS_UP = 'PRESS_UP';
+export const RESET = 'RESET';
+//# sourceMappingURL=actions.js.map

node_modules/@wordpress/components/build-module/input-control/reducer/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CHANGE","COMMIT","CONTROL","DRAG_END","DRAG_START","DRAG","INVALIDATE","PRESS_DOWN","PRESS_ENTER","PRESS_UP","RESET"],"sources":["@wordpress/components/src/input-control/reducer/actions.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { SyntheticEvent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { DragProps } from '../types';\n\nexport const CHANGE = 'CHANGE';\nexport const COMMIT = 'COMMIT';\nexport const CONTROL = 'CONTROL';\nexport const DRAG_END = 'DRAG_END';\nexport const DRAG_START = 'DRAG_START';\nexport const DRAG = 'DRAG';\nexport const INVALIDATE = 'INVALIDATE';\nexport const PRESS_DOWN = 'PRESS_DOWN';\nexport const PRESS_ENTER = 'PRESS_ENTER';\nexport const PRESS_UP = 'PRESS_UP';\nexport const RESET = 'RESET';\n\ninterface EventPayload {\n\tevent?: SyntheticEvent;\n}\n\nexport interface Action< Type = string, ExtraPayload = {} > {\n\ttype: Type;\n\tpayload: EventPayload & ExtraPayload;\n}\n\ninterface ValuePayload {\n\tvalue: string;\n}\n\nexport type ChangeAction = Action< typeof CHANGE, ValuePayload >;\nexport type CommitAction = Action< typeof COMMIT, ValuePayload >;\nexport type ControlAction = Action< typeof CONTROL, ValuePayload >;\nexport type PressUpAction = Action< typeof PRESS_UP >;\nexport type PressDownAction = Action< typeof PRESS_DOWN >;\nexport type PressEnterAction = Action< typeof PRESS_ENTER >;\nexport type DragStartAction = Action< typeof DRAG_START, DragProps >;\nexport type DragEndAction = Action< typeof DRAG_END, DragProps >;\nexport type DragAction = Action< typeof DRAG, DragProps >;\nexport type ResetAction = Action< typeof RESET, Partial< ValuePayload > >;\nexport type InvalidateAction = Action< typeof INVALIDATE, { error: unknown } >;\n\nexport type ChangeEventAction = ChangeAction | ResetAction | CommitAction;\n\nexport type DragEventAction = DragStartAction | DragEndAction | DragAction;\n\nexport type KeyEventAction = PressDownAction | PressUpAction | PressEnterAction;\n\nexport type InputAction =\n\t| ChangeEventAction\n\t| KeyEventAction\n\t| DragEventAction\n\t| InvalidateAction;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,OAAO,MAAMA,MAAM,GAAG,QAAQ;AAC9B,OAAO,MAAMC,MAAM,GAAG,QAAQ;AAC9B,OAAO,MAAMC,OAAO,GAAG,SAAS;AAChC,OAAO,MAAMC,QAAQ,GAAG,UAAU;AAClC,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,IAAI,GAAG,MAAM;AAC1B,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,WAAW,GAAG,aAAa;AACxC,OAAO,MAAMC,QAAQ,GAAG,UAAU;AAClC,OAAO,MAAMC,KAAK,GAAG,OAAO"}

node_modules/@wordpress/components/build-module/input-control/reducer/reducer.js

@@ -0,0 +1,230 @@
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+import { useReducer, useLayoutEffect, useRef } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+
+import { initialInputControlState, initialStateReducer } from './state';
+import * as actions from './actions';
+/**
+ * Prepares initialState for the reducer.
+ *
+ * @param initialState The initial state.
+ * @return Prepared initialState for the reducer
+ */
+function mergeInitialState(initialState = initialInputControlState) {
+  const {
+    value
+  } = initialState;
+  return {
+    ...initialInputControlState,
+    ...initialState,
+    initialValue: value
+  };
+}
+
+/**
+ * Creates the base reducer which may be coupled to a specializing reducer.
+ * As its final step, for all actions other than CONTROL, the base reducer
+ * passes the state and action on through the specializing reducer. The
+ * exception for CONTROL actions is because they represent controlled updates
+ * from props and no case has yet presented for their specialization.
+ *
+ * @param composedStateReducers A reducer to specialize state changes.
+ * @return The reducer.
+ */
+function inputControlStateReducer(composedStateReducers) {
+  return (state, action) => {
+    const nextState = {
+      ...state
+    };
+    switch (action.type) {
+      /*
+       * Controlled updates
+       */
+      case actions.CONTROL:
+        nextState.value = action.payload.value;
+        nextState.isDirty = false;
+        nextState._event = undefined;
+        // Returns immediately to avoid invoking additional reducers.
+        return nextState;
+
+      /**
+       * Keyboard events
+       */
+      case actions.PRESS_UP:
+        nextState.isDirty = false;
+        break;
+      case actions.PRESS_DOWN:
+        nextState.isDirty = false;
+        break;
+
+      /**
+       * Drag events
+       */
+      case actions.DRAG_START:
+        nextState.isDragging = true;
+        break;
+      case actions.DRAG_END:
+        nextState.isDragging = false;
+        break;
+
+      /**
+       * Input events
+       */
+      case actions.CHANGE:
+        nextState.error = null;
+        nextState.value = action.payload.value;
+        if (state.isPressEnterToChange) {
+          nextState.isDirty = true;
+        }
+        break;
+      case actions.COMMIT:
+        nextState.value = action.payload.value;
+        nextState.isDirty = false;
+        break;
+      case actions.RESET:
+        nextState.error = null;
+        nextState.isDirty = false;
+        nextState.value = action.payload.value || state.initialValue;
+        break;
+
+      /**
+       * Validation
+       */
+      case actions.INVALIDATE:
+        nextState.error = action.payload.error;
+        break;
+    }
+    nextState._event = action.payload.event;
+
+    /**
+     * Send the nextState + action to the composedReducers via
+     * this "bridge" mechanism. This allows external stateReducers
+     * to hook into actions, and modify state if needed.
+     */
+    return composedStateReducers(nextState, action);
+  };
+}
+
+/**
+ * A custom hook that connects and external stateReducer with an internal
+ * reducer. This hook manages the internal state of InputControl.
+ * However, by connecting an external stateReducer function, other
+ * components can react to actions as well as modify state before it is
+ * applied.
+ *
+ * This technique uses the "stateReducer" design pattern:
+ * https://kentcdodds.com/blog/the-state-reducer-pattern/
+ *
+ * @param stateReducer    An external state reducer.
+ * @param initialState    The initial state for the reducer.
+ * @param onChangeHandler A handler for the onChange event.
+ * @return State, dispatch, and a collection of actions.
+ */
+export function useInputControlStateReducer(stateReducer = initialStateReducer, initialState = initialInputControlState, onChangeHandler) {
+  const [state, dispatch] = useReducer(inputControlStateReducer(stateReducer), mergeInitialState(initialState));
+  const createChangeEvent = type => (nextValue, event) => {
+    dispatch({
+      type,
+      payload: {
+        value: nextValue,
+        event
+      }
+    });
+  };
+  const createKeyEvent = type => event => {
+    dispatch({
+      type,
+      payload: {
+        event
+      }
+    });
+  };
+  const createDragEvent = type => payload => {
+    dispatch({
+      type,
+      payload
+    });
+  };
+
+  /**
+   * Actions for the reducer
+   */
+  const change = createChangeEvent(actions.CHANGE);
+  const invalidate = (error, event) => dispatch({
+    type: actions.INVALIDATE,
+    payload: {
+      error,
+      event
+    }
+  });
+  const reset = createChangeEvent(actions.RESET);
+  const commit = createChangeEvent(actions.COMMIT);
+  const dragStart = createDragEvent(actions.DRAG_START);
+  const drag = createDragEvent(actions.DRAG);
+  const dragEnd = createDragEvent(actions.DRAG_END);
+  const pressUp = createKeyEvent(actions.PRESS_UP);
+  const pressDown = createKeyEvent(actions.PRESS_DOWN);
+  const pressEnter = createKeyEvent(actions.PRESS_ENTER);
+  const currentState = useRef(state);
+  const refProps = useRef({
+    value: initialState.value,
+    onChangeHandler
+  });
+
+  // Freshens refs to props and state so that subsequent effects have access
+  // to their latest values without their changes causing effect runs.
+  useLayoutEffect(() => {
+    currentState.current = state;
+    refProps.current = {
+      value: initialState.value,
+      onChangeHandler
+    };
+  });
+
+  // Propagates the latest state through onChange.
+  useLayoutEffect(() => {
+    if (currentState.current._event !== undefined && state.value !== refProps.current.value && !state.isDirty) {
+      var _state$value;
+      refProps.current.onChangeHandler((_state$value = state.value) !== null && _state$value !== void 0 ? _state$value : '', {
+        event: currentState.current._event
+      });
+    }
+  }, [state.value, state.isDirty]);
+
+  // Updates the state from props.
+  useLayoutEffect(() => {
+    if (initialState.value !== currentState.current.value && !currentState.current.isDirty) {
+      var _initialState$value;
+      dispatch({
+        type: actions.CONTROL,
+        payload: {
+          value: (_initialState$value = initialState.value) !== null && _initialState$value !== void 0 ? _initialState$value : ''
+        }
+      });
+    }
+  }, [initialState.value]);
+  return {
+    change,
+    commit,
+    dispatch,
+    drag,
+    dragEnd,
+    dragStart,
+    invalidate,
+    pressDown,
+    pressEnter,
+    pressUp,
+    reset,
+    state
+  };
+}
+//# sourceMappingURL=reducer.js.map

node_modules/@wordpress/components/build-module/input-control/reducer/state.js

@@ -0,0 +1,19 @@
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+export const initialStateReducer = state => state;
+export const initialInputControlState = {
+  error: null,
+  initialValue: '',
+  isDirty: false,
+  isDragEnabled: false,
+  isDragging: false,
+  isPressEnterToChange: false,
+  value: ''
+};
+//# sourceMappingURL=state.js.map

node_modules/@wordpress/components/build-module/input-control/reducer/state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialStateReducer","state","initialInputControlState","error","initialValue","isDirty","isDragEnabled","isDragging","isPressEnterToChange","value"],"sources":["@wordpress/components/src/input-control/reducer/state.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { Reducer, SyntheticEvent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { Action, InputAction } from './actions';\n\nexport interface InputState {\n\t_event?: SyntheticEvent;\n\terror: unknown;\n\tinitialValue?: string;\n\tisDirty: boolean;\n\tisDragEnabled: boolean;\n\tisDragging: boolean;\n\tisPressEnterToChange: boolean;\n\tvalue?: string;\n}\n\nexport type StateReducer< SpecializedAction = {} > = Reducer<\n\tInputState,\n\tSpecializedAction extends Action\n\t\t? InputAction | SpecializedAction\n\t\t: InputAction\n>;\n\nexport const initialStateReducer: StateReducer = ( state: InputState ) => state;\n\nexport const initialInputControlState: InputState = {\n\terror: null,\n\tinitialValue: '',\n\tisDirty: false,\n\tisDragEnabled: false,\n\tisDragging: false,\n\tisPressEnterToChange: false,\n\tvalue: '',\n};\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAqBA,OAAO,MAAMA,mBAAiC,GAAKC,KAAiB,IAAMA,KAAK;AAE/E,OAAO,MAAMC,wBAAoC,GAAG;EACnDC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE,EAAE;EAChBC,OAAO,EAAE,KAAK;EACdC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,KAAK;EACjBC,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;AACR,CAAC"}