@ionic/react-router 8.8.1-dev.11773168858.1f9c0eb8 → 8.8.1-dev.11773432149.19826d0c

package/dist/types/ReactRouter/IonRouteInner.d.ts

@@ -1,3 +1,3 @@
 import type { IonRouteProps } from '@ionic/react';
 import React from 'react';
-export declare const IonRouteInner: ({ path, element }: IonRouteProps) => React.JSX.Element;
+export declare const IonRouteInner: ({ path, index, caseSensitive, element }: IonRouteProps) => React.JSX.Element;

package/dist/types/ReactRouter/ReactRouterViewStack.d.ts

@@ -4,10 +4,23 @@
  * items" that Ionic can manage in a view stack. This is critical to maintain
  * Ionic’s animation, lifecycle, and history behavior across views.
  */
+/// <reference types="node" />
 import type { RouteInfo, ViewItem } from '@ionic/react';
 import { ViewStacks } from '@ionic/react';
 import React from 'react';
 export declare class ReactRouterViewStack extends ViewStacks {
+    /**
+     * Stores the computed parent path for each outlet.
+     * Used by findViewItemByPath to correctly evaluate index route matches
+     * without requiring the outlet's React element or route children.
+     */
+    private outletParentPaths;
+    /**
+     * Stores the computed mount path for each outlet.
+     * Fed back into computeParentPath on subsequent calls to stabilize
+     * the parent path computation across navigations (mirrors StackManager.outletMountPath).
+     */
+    private outletMountPaths;
     constructor();
     /**
      * Creates a new view item for the given outlet and react route element.
@@ -33,7 +46,7 @@ export declare class ReactRouterViewStack extends ViewStacks {
      * 3. Returns a list of React components that will be rendered inside the outlet
      *    Each view is wrapped in <ViewLifeCycleManager> to manage lifecycle and rendering
      */
-    getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo) => React.JSX.Element[];
+    getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, parentPathnameBase?: string) => React.JSX.Element[];
     /**
      * Finds a view item matching the current route, optionally updating its match state.
      */
@@ -60,6 +73,10 @@ export declare class ReactRouterViewStack extends ViewStacks {
      * But allow multiple view items for the same route path (for navigation history)
      */
     add: (viewItem: ViewItem) => void;
+    /**
+     * Override clear to also clean up the stored parent path for the outlet.
+     */
+    clear: (outletId: string) => NodeJS.Timeout;
     /**
      * Override remove
      */

package/dist/types/ReactRouter/utils/computeParentPath.d.ts

@@ -7,6 +7,12 @@ import type React from 'react';
  * @returns The common prefix shared by all paths.
  */
 export declare const computeCommonPrefix: (paths: string[]) => string;
+/**
+ * Checks if a pathname falls within the scope of a mount path using
+ * segment-aware comparison. Prevents false positives like "/tabs-secondary"
+ * matching mount path "/tabs".
+ */
+export declare const isPathnameInScope: (pathname: string, mountPath: string) => boolean;
 /**
  * Checks if a route is a specific match (not wildcard-only or index).
  */
@@ -43,8 +49,10 @@ interface ComputeParentPathOptions {
  * Computes the parent path for a nested outlet based on the current pathname
  * and the outlet's route configuration.
  *
- * The algorithm finds the shortest parent path where a route matches the remaining path.
- * Priority: specific routes > wildcard routes > index routes (only at mount point)
+ * When the mount path is known (seeded from React Router's RouteContext), the
+ * parent path is simply the mount path — no iterative discovery needed. The
+ * iterative fallback only runs for outlets where RouteContext doesn't provide
+ * a parent match (typically root-level outlets on first render).
  *
  * @param options The options for computing the parent path.
  * @returns The computed parent path result.

package/dist/types/ReactRouter/utils/viewItemUtils.d.ts

@@ -1,8 +1,28 @@
 import type { ViewItem } from '@ionic/react';
+/**
+ * Compares two routes by specificity for sorting (most specific first).
+ *
+ * Sort order:
+ * 1. Index routes come first
+ * 2. Wildcard-only routes (* or /*) come last
+ * 3. Exact matches (no wildcards/params) before wildcard/param routes
+ * 4. Among routes with same status, longer paths are more specific
+ */
+export declare const compareRouteSpecificity: (a: {
+    path: string;
+    index: boolean;
+}, b: {
+    path: string;
+    index: boolean;
+}) => number;
 /**
  * Sorts view items by route specificity (most specific first).
- * - Exact matches (no wildcards/params) come first
- * - Among wildcard routes, longer paths are more specific
+ *
+ * Sort order aligns with findViewItemByPath in ReactRouterViewStack.tsx:
+ * 1. Index routes come first
+ * 2. Wildcard-only routes (* or /*) come last
+ * 3. Exact matches (no wildcards/params) come before wildcard/param routes
+ * 4. Among routes with same wildcard status, longer paths are more specific
  *
  * @param views The view items to sort.
  * @returns A new sorted array of view items.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.8.1-dev.11773168858.1f9c0eb8",
+  "version": "8.8.1-dev.11773432149.19826d0c",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,14 +36,14 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "8.8.1-dev.11773168858.1f9c0eb8",
+    "@ionic/react": "8.8.1-dev.11773432149.19826d0c",
     "tslib": "*"
   },
   "peerDependencies": {
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6",
-    "react-router": ">=6.0.0",
-    "react-router-dom": ">=6.0.0"
+    "react-router": ">=6.4.0 <7",
+    "react-router-dom": ">=6.4.0 <7"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",