@ionic/react-router 7.5.3-dev.11698857666.1220acc8 → 7.5.3-dev.11698858201.14165f23

package/dist/ReactRouter/IonReactHashRouter.js

@@ -0,0 +1,37 @@
+"use strict";
+import { createHashHistory as createHistory } from "history";
+import React from "react";
+import { Router } from "react-router-dom";
+import { IonRouter } from "./IonRouter";
+export class IonReactHashRouter extends React.Component {
+  constructor(props) {
+    super(props);
+    const { history, ...rest } = props;
+    this.history = history || createHistory(rest);
+    this.history.listen(this.handleHistoryChange.bind(this));
+    this.registerHistoryListener = this.registerHistoryListener.bind(this);
+  }
+  /**
+   * history@4.x passes separate location and action
+   * params. history@5.x passes location and action
+   * together as a single object.
+   * TODO: If support for React Router <=5 is dropped
+   * this logic is no longer needed. We can just assume
+   * a single object with both location and action.
+   */
+  handleHistoryChange(location, action) {
+    const locationValue = location.location || location;
+    const actionValue = location.action || action;
+    if (this.historyListenHandler) {
+      this.historyListenHandler(locationValue, actionValue);
+    }
+  }
+  registerHistoryListener(cb) {
+    this.historyListenHandler = cb;
+  }
+  render() {
+    const { children, ...props } = this.props;
+    return /* @__PURE__ */ React.createElement(Router, { history: this.history, ...props }, /* @__PURE__ */ React.createElement(IonRouter, { registerHistoryListener: this.registerHistoryListener }, children));
+  }
+}
+//# sourceMappingURL=IonReactHashRouter.js.map

package/dist/ReactRouter/IonReactHashRouter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ReactRouter/IonReactHashRouter.tsx"],
+  "sourcesContent": ["import type { Action as HistoryAction, History, Location as HistoryLocation } from 'history';\nimport { createHashHistory as createHistory } from 'history';\nimport React from 'react';\nimport type { BrowserRouterProps } from 'react-router-dom';\nimport { Router } from 'react-router-dom';\n\nimport { IonRouter } from './IonRouter';\n\ninterface IonReactHashRouterProps extends BrowserRouterProps {\n  history?: History;\n}\n\nexport class IonReactHashRouter extends React.Component<IonReactHashRouterProps> {\n  history: History;\n  historyListenHandler?: (location: HistoryLocation, action: HistoryAction) => void;\n\n  constructor(props: IonReactHashRouterProps) {\n    super(props);\n    const { history, ...rest } = props;\n    this.history = history || createHistory(rest);\n    this.history.listen(this.handleHistoryChange.bind(this));\n    this.registerHistoryListener = this.registerHistoryListener.bind(this);\n  }\n\n  /**\n   * history@4.x passes separate location and action\n   * params. history@5.x passes location and action\n   * together as a single object.\n   * TODO: If support for React Router <=5 is dropped\n   * this logic is no longer needed. We can just assume\n   * a single object with both location and action.\n   */\n  handleHistoryChange(location: HistoryLocation, action: HistoryAction) {\n    const locationValue = (location as any).location || location;\n    const actionValue = (location as any).action || action;\n    if (this.historyListenHandler) {\n      this.historyListenHandler(locationValue, actionValue);\n    }\n  }\n\n  registerHistoryListener(cb: (location: HistoryLocation, action: HistoryAction) => void) {\n    this.historyListenHandler = cb;\n  }\n\n  render() {\n    const { children, ...props } = this.props;\n    return (\n      <Router history={this.history} {...props}>\n        <IonRouter registerHistoryListener={this.registerHistoryListener}>{children}</IonRouter>\n      </Router>\n    );\n  }\n}\n"],
+  "mappings": ";AACA,SAAS,qBAAqB,qBAAqB;AACnD,OAAO,WAAW;AAElB,SAAS,cAAc;AAEvB,SAAS,iBAAiB;AAMnB,aAAM,2BAA2B,MAAM,UAAmC;AAAA,EAI/E,YAAY,OAAgC;AAC1C,UAAM,KAAK;AACX,UAAM,EAAE,SAAS,GAAG,KAAK,IAAI;AAC7B,SAAK,UAAU,WAAW,cAAc,IAAI;AAC5C,SAAK,QAAQ,OAAO,KAAK,oBAAoB,KAAK,IAAI,CAAC;AACvD,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,oBAAoB,UAA2B,QAAuB;AACpE,UAAM,gBAAiB,SAAiB,YAAY;AACpD,UAAM,cAAe,SAAiB,UAAU;AAChD,QAAI,KAAK,sBAAsB;AAC7B,WAAK,qBAAqB,eAAe,WAAW;AAAA,IACtD;AAAA,EACF;AAAA,EAEA,wBAAwB,IAAgE;AACtF,SAAK,uBAAuB;AAAA,EAC9B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,GAAG,MAAM,IAAI,KAAK;AACpC,WACE,oCAAC,UAAO,SAAS,KAAK,SAAU,GAAG,SACjC,oCAAC,aAAU,yBAAyB,KAAK,2BAA0B,QAAS,CAC9E;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/dist/ReactRouter/IonReactMemoryRouter.js

@@ -0,0 +1,35 @@
+"use strict";
+import React from "react";
+import { Router } from "react-router";
+import { IonRouter } from "./IonRouter";
+export class IonReactMemoryRouter extends React.Component {
+  constructor(props) {
+    super(props);
+    this.history = props.history;
+    this.history.listen(this.handleHistoryChange.bind(this));
+    this.registerHistoryListener = this.registerHistoryListener.bind(this);
+  }
+  /**
+   * history@4.x passes separate location and action
+   * params. history@5.x passes location and action
+   * together as a single object.
+   * TODO: If support for React Router <=5 is dropped
+   * this logic is no longer needed. We can just assume
+   * a single object with both location and action.
+   */
+  handleHistoryChange(location, action) {
+    const locationValue = location.location || location;
+    const actionValue = location.action || action;
+    if (this.historyListenHandler) {
+      this.historyListenHandler(locationValue, actionValue);
+    }
+  }
+  registerHistoryListener(cb) {
+    this.historyListenHandler = cb;
+  }
+  render() {
+    const { children, ...props } = this.props;
+    return /* @__PURE__ */ React.createElement(Router, { ...props }, /* @__PURE__ */ React.createElement(IonRouter, { registerHistoryListener: this.registerHistoryListener }, children));
+  }
+}
+//# sourceMappingURL=IonReactMemoryRouter.js.map

package/dist/ReactRouter/IonReactMemoryRouter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ReactRouter/IonReactMemoryRouter.tsx"],
+  "sourcesContent": ["import type { Action as HistoryAction, Location as HistoryLocation, MemoryHistory } from 'history';\nimport React from 'react';\nimport type { MemoryRouterProps } from 'react-router';\nimport { Router } from 'react-router';\n\nimport { IonRouter } from './IonRouter';\n\ninterface IonReactMemoryRouterProps extends MemoryRouterProps {\n  history: MemoryHistory;\n}\n\nexport class IonReactMemoryRouter extends React.Component<IonReactMemoryRouterProps> {\n  history: MemoryHistory;\n  historyListenHandler?: (location: HistoryLocation, action: HistoryAction) => void;\n\n  constructor(props: IonReactMemoryRouterProps) {\n    super(props);\n    this.history = props.history;\n    this.history.listen(this.handleHistoryChange.bind(this));\n    this.registerHistoryListener = this.registerHistoryListener.bind(this);\n  }\n\n  /**\n   * history@4.x passes separate location and action\n   * params. history@5.x passes location and action\n   * together as a single object.\n   * TODO: If support for React Router <=5 is dropped\n   * this logic is no longer needed. We can just assume\n   * a single object with both location and action.\n   */\n  handleHistoryChange(location: HistoryLocation, action: HistoryAction) {\n    const locationValue = (location as any).location || location;\n    const actionValue = (location as any).action || action;\n    if (this.historyListenHandler) {\n      this.historyListenHandler(locationValue, actionValue);\n    }\n  }\n\n  registerHistoryListener(cb: (location: HistoryLocation, action: HistoryAction) => void) {\n    this.historyListenHandler = cb;\n  }\n\n  render() {\n    const { children, ...props } = this.props;\n    return (\n      <Router {...props}>\n        <IonRouter registerHistoryListener={this.registerHistoryListener}>{children}</IonRouter>\n      </Router>\n    );\n  }\n}\n"],
+  "mappings": ";AACA,OAAO,WAAW;AAElB,SAAS,cAAc;AAEvB,SAAS,iBAAiB;AAMnB,aAAM,6BAA6B,MAAM,UAAqC;AAAA,EAInF,YAAY,OAAkC;AAC5C,UAAM,KAAK;AACX,SAAK,UAAU,MAAM;AACrB,SAAK,QAAQ,OAAO,KAAK,oBAAoB,KAAK,IAAI,CAAC;AACvD,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,oBAAoB,UAA2B,QAAuB;AACpE,UAAM,gBAAiB,SAAiB,YAAY;AACpD,UAAM,cAAe,SAAiB,UAAU;AAChD,QAAI,KAAK,sBAAsB;AAC7B,WAAK,qBAAqB,eAAe,WAAW;AAAA,IACtD;AAAA,EACF;AAAA,EAEA,wBAAwB,IAAgE;AACtF,SAAK,uBAAuB;AAAA,EAC9B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,GAAG,MAAM,IAAI,KAAK;AACpC,WACE,oCAAC,UAAQ,GAAG,SACV,oCAAC,aAAU,yBAAyB,KAAK,2BAA0B,QAAS,CAC9E;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/dist/ReactRouter/IonReactRouter.js

@@ -0,0 +1,37 @@
+"use strict";
+import { createBrowserHistory as createHistory } from "history";
+import React from "react";
+import { Router } from "react-router-dom";
+import { IonRouter } from "./IonRouter";
+export class IonReactRouter extends React.Component {
+  constructor(props) {
+    super(props);
+    const { history, ...rest } = props;
+    this.history = history || createHistory(rest);
+    this.history.listen(this.handleHistoryChange.bind(this));
+    this.registerHistoryListener = this.registerHistoryListener.bind(this);
+  }
+  /**
+   * history@4.x passes separate location and action
+   * params. history@5.x passes location and action
+   * together as a single object.
+   * TODO: If support for React Router <=5 is dropped
+   * this logic is no longer needed. We can just assume
+   * a single object with both location and action.
+   */
+  handleHistoryChange(location, action) {
+    const locationValue = location.location || location;
+    const actionValue = location.action || action;
+    if (this.historyListenHandler) {
+      this.historyListenHandler(locationValue, actionValue);
+    }
+  }
+  registerHistoryListener(cb) {
+    this.historyListenHandler = cb;
+  }
+  render() {
+    const { children, ...props } = this.props;
+    return /* @__PURE__ */ React.createElement(Router, { history: this.history, ...props }, /* @__PURE__ */ React.createElement(IonRouter, { registerHistoryListener: this.registerHistoryListener }, children));
+  }
+}
+//# sourceMappingURL=IonReactRouter.js.map

package/dist/ReactRouter/IonReactRouter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ReactRouter/IonReactRouter.tsx"],
+  "sourcesContent": ["import type { Action as HistoryAction, History, Location as HistoryLocation } from 'history';\nimport { createBrowserHistory as createHistory } from 'history';\nimport React from 'react';\nimport type { BrowserRouterProps } from 'react-router-dom';\nimport { Router } from 'react-router-dom';\n\nimport { IonRouter } from './IonRouter';\n\ninterface IonReactRouterProps extends BrowserRouterProps {\n  history?: History;\n}\n\nexport class IonReactRouter extends React.Component<IonReactRouterProps> {\n  historyListenHandler?: (location: HistoryLocation, action: HistoryAction) => void;\n  history: History;\n\n  constructor(props: IonReactRouterProps) {\n    super(props);\n    const { history, ...rest } = props;\n    this.history = history || createHistory(rest);\n    this.history.listen(this.handleHistoryChange.bind(this));\n    this.registerHistoryListener = this.registerHistoryListener.bind(this);\n  }\n\n  /**\n   * history@4.x passes separate location and action\n   * params. history@5.x passes location and action\n   * together as a single object.\n   * TODO: If support for React Router <=5 is dropped\n   * this logic is no longer needed. We can just assume\n   * a single object with both location and action.\n   */\n  handleHistoryChange(location: HistoryLocation, action: HistoryAction) {\n    const locationValue = (location as any).location || location;\n    const actionValue = (location as any).action || action;\n    if (this.historyListenHandler) {\n      this.historyListenHandler(locationValue, actionValue);\n    }\n  }\n\n  registerHistoryListener(cb: (location: HistoryLocation, action: HistoryAction) => void) {\n    this.historyListenHandler = cb;\n  }\n\n  render() {\n    const { children, ...props } = this.props;\n    return (\n      <Router history={this.history} {...props}>\n        <IonRouter registerHistoryListener={this.registerHistoryListener}>{children}</IonRouter>\n      </Router>\n    );\n  }\n}\n"],
+  "mappings": ";AACA,SAAS,wBAAwB,qBAAqB;AACtD,OAAO,WAAW;AAElB,SAAS,cAAc;AAEvB,SAAS,iBAAiB;AAMnB,aAAM,uBAAuB,MAAM,UAA+B;AAAA,EAIvE,YAAY,OAA4B;AACtC,UAAM,KAAK;AACX,UAAM,EAAE,SAAS,GAAG,KAAK,IAAI;AAC7B,SAAK,UAAU,WAAW,cAAc,IAAI;AAC5C,SAAK,QAAQ,OAAO,KAAK,oBAAoB,KAAK,IAAI,CAAC;AACvD,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,oBAAoB,UAA2B,QAAuB;AACpE,UAAM,gBAAiB,SAAiB,YAAY;AACpD,UAAM,cAAe,SAAiB,UAAU;AAChD,QAAI,KAAK,sBAAsB;AAC7B,WAAK,qBAAqB,eAAe,WAAW;AAAA,IACtD;AAAA,EACF;AAAA,EAEA,wBAAwB,IAAgE;AACtF,SAAK,uBAAuB;AAAA,EAC9B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,UAAU,GAAG,MAAM,IAAI,KAAK;AACpC,WACE,oCAAC,UAAO,SAAS,KAAK,SAAU,GAAG,SACjC,oCAAC,aAAU,yBAAyB,KAAK,2BAA0B,QAAS,CAC9E;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/dist/ReactRouter/IonRouteInner.js

@@ -0,0 +1,27 @@
+"use strict";
+import React from "react";
+import { Route } from "react-router";
+export class IonRouteInner extends React.PureComponent {
+  render() {
+    return /* @__PURE__ */ React.createElement(
+      Route,
+      {
+        path: this.props.path,
+        exact: this.props.exact,
+        render: this.props.render,
+        /**
+         * `computedMatch` is a private API in react-router v5 that
+         * has been removed in v6.
+         *
+         * This needs to be removed when we support v6.
+         *
+         * TODO: FW-647
+         */
+        ...this.props.computedMatch !== void 0 ? {
+          computedMatch: this.props.computedMatch
+        } : {}
+      }
+    );
+  }
+}
+//# sourceMappingURL=IonRouteInner.js.map

package/dist/ReactRouter/IonRouteInner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ReactRouter/IonRouteInner.tsx"],
+  "sourcesContent": ["import type { IonRouteProps } from '@ionic/react';\nimport React from 'react';\nimport { Route } from 'react-router';\n\nexport class IonRouteInner extends React.PureComponent<IonRouteProps> {\n  render() {\n    return (\n      <Route\n        path={this.props.path}\n        exact={this.props.exact}\n        render={this.props.render}\n        {\n          /**\n           * `computedMatch` is a private API in react-router v5 that\n           * has been removed in v6.\n           *\n           * This needs to be removed when we support v6.\n           *\n           * TODO: FW-647\n           */\n          ...((this.props as any).computedMatch !== undefined\n            ? {\n                computedMatch: (this.props as any).computedMatch,\n              }\n            : {})\n        }\n      />\n    );\n  }\n}\n"],
+  "mappings": ";AACA,OAAO,WAAW;AAClB,SAAS,aAAa;AAEf,aAAM,sBAAsB,MAAM,cAA6B;AAAA,EACpE,SAAS;AACP,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK,MAAM;AAAA,QACjB,OAAO,KAAK,MAAM;AAAA,QAClB,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUjB,GAAK,KAAK,MAAc,kBAAkB,SACtC;AAAA,UACE,eAAgB,KAAK,MAAc;AAAA,QACrC,IACA,CAAC;AAAA;AAAA,IAET;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/dist/ReactRouter/IonRouter.js

@@ -0,0 +1,250 @@
+"use strict";
+import { LocationHistory, NavManager, RouteManagerContext, generateId, getConfig } from "@ionic/react";
+import React from "react";
+import { withRouter } from "react-router-dom";
+import { IonRouteInner } from "./IonRouteInner";
+import { ReactRouterViewStack } from "./ReactRouterViewStack";
+import StackManager from "./StackManager";
+class IonRouterInner extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.exitViewFromOtherOutletHandlers = [];
+    this.locationHistory = new LocationHistory();
+    this.viewStack = new ReactRouterViewStack();
+    this.routeMangerContextState = {
+      canGoBack: () => this.locationHistory.canGoBack(),
+      clearOutlet: this.viewStack.clear,
+      findViewItemByPathname: this.viewStack.findViewItemByPathname,
+      getChildrenToRender: this.viewStack.getChildrenToRender,
+      goBack: () => this.handleNavigateBack(),
+      createViewItem: this.viewStack.createViewItem,
+      findViewItemByRouteInfo: this.viewStack.findViewItemByRouteInfo,
+      findLeavingViewItemByRouteInfo: this.viewStack.findLeavingViewItemByRouteInfo,
+      addViewItem: this.viewStack.add,
+      unMountViewItem: this.viewStack.remove
+    };
+    const routeInfo = {
+      id: generateId("routeInfo"),
+      pathname: this.props.location.pathname,
+      search: this.props.location.search
+    };
+    this.locationHistory.add(routeInfo);
+    this.handleChangeTab = this.handleChangeTab.bind(this);
+    this.handleResetTab = this.handleResetTab.bind(this);
+    this.handleNativeBack = this.handleNativeBack.bind(this);
+    this.handleNavigate = this.handleNavigate.bind(this);
+    this.handleNavigateBack = this.handleNavigateBack.bind(this);
+    this.props.registerHistoryListener(this.handleHistoryChange.bind(this));
+    this.handleSetCurrentTab = this.handleSetCurrentTab.bind(this);
+    this.state = {
+      routeInfo
+    };
+  }
+  handleChangeTab(tab, path, routeOptions) {
+    if (!path) {
+      return;
+    }
+    const routeInfo = this.locationHistory.getCurrentRouteInfoForTab(tab);
+    const [pathname, search] = path.split("?");
+    if (routeInfo) {
+      this.incomingRouteParams = { ...routeInfo, routeAction: "push", routeDirection: "none" };
+      if (routeInfo.pathname === pathname) {
+        this.incomingRouteParams.routeOptions = routeOptions;
+        this.props.history.push(routeInfo.pathname + (routeInfo.search || ""));
+      } else {
+        this.incomingRouteParams.pathname = pathname;
+        this.incomingRouteParams.search = search ? "?" + search : void 0;
+        this.incomingRouteParams.routeOptions = routeOptions;
+        this.props.history.push(pathname + (search ? "?" + search : ""));
+      }
+    } else {
+      this.handleNavigate(pathname, "push", "none", void 0, routeOptions, tab);
+    }
+  }
+  handleHistoryChange(location, action) {
+    let leavingLocationInfo;
+    if (this.incomingRouteParams) {
+      if (this.incomingRouteParams.routeAction === "replace") {
+        leavingLocationInfo = this.locationHistory.previous();
+      } else {
+        leavingLocationInfo = this.locationHistory.current();
+      }
+    } else {
+      leavingLocationInfo = this.locationHistory.current();
+    }
+    const leavingUrl = leavingLocationInfo.pathname + leavingLocationInfo.search;
+    if (leavingUrl !== location.pathname) {
+      if (!this.incomingRouteParams) {
+        if (action === "REPLACE") {
+          this.incomingRouteParams = {
+            routeAction: "replace",
+            routeDirection: "none",
+            tab: this.currentTab
+          };
+        }
+        if (action === "POP") {
+          const currentRoute = this.locationHistory.current();
+          if (currentRoute && currentRoute.pushedByRoute) {
+            const prevInfo = this.locationHistory.findLastLocation(currentRoute);
+            this.incomingRouteParams = { ...prevInfo, routeAction: "pop", routeDirection: "back" };
+          } else {
+            this.incomingRouteParams = {
+              routeAction: "pop",
+              routeDirection: "none",
+              tab: this.currentTab
+            };
+          }
+        }
+        if (!this.incomingRouteParams) {
+          this.incomingRouteParams = {
+            routeAction: "push",
+            routeDirection: location.state?.direction || "forward",
+            routeOptions: location.state?.routerOptions,
+            tab: this.currentTab
+          };
+        }
+      }
+      let routeInfo;
+      if (this.incomingRouteParams?.id) {
+        routeInfo = {
+          ...this.incomingRouteParams,
+          lastPathname: leavingLocationInfo.pathname
+        };
+        this.locationHistory.add(routeInfo);
+      } else {
+        const isPushed = this.incomingRouteParams.routeAction === "push" && this.incomingRouteParams.routeDirection === "forward";
+        routeInfo = {
+          id: generateId("routeInfo"),
+          ...this.incomingRouteParams,
+          lastPathname: leavingLocationInfo.pathname,
+          pathname: location.pathname,
+          search: location.search,
+          params: this.props.match.params,
+          prevRouteLastPathname: leavingLocationInfo.lastPathname
+        };
+        if (isPushed) {
+          routeInfo.tab = leavingLocationInfo.tab;
+          routeInfo.pushedByRoute = leavingLocationInfo.pathname;
+        } else if (routeInfo.routeAction === "pop") {
+          const r = this.locationHistory.findLastLocation(routeInfo);
+          routeInfo.pushedByRoute = r?.pushedByRoute;
+        } else if (routeInfo.routeAction === "push" && routeInfo.tab !== leavingLocationInfo.tab) {
+          const lastRoute = this.locationHistory.getCurrentRouteInfoForTab(routeInfo.tab);
+          routeInfo.pushedByRoute = lastRoute?.pushedByRoute;
+        } else if (routeInfo.routeAction === "replace") {
+          const currentRouteInfo = this.locationHistory.current();
+          const currentPushedBy = currentRouteInfo?.pushedByRoute;
+          const pushedByRoute = currentPushedBy !== void 0 && currentPushedBy !== routeInfo.pathname ? currentPushedBy : routeInfo.pushedByRoute;
+          routeInfo.lastPathname = currentRouteInfo?.pathname || routeInfo.lastPathname;
+          routeInfo.prevRouteLastPathname = currentRouteInfo?.lastPathname;
+          routeInfo.pushedByRoute = pushedByRoute;
+          routeInfo.routeDirection = currentRouteInfo?.routeDirection || routeInfo.routeDirection;
+          routeInfo.routeAnimation = currentRouteInfo?.routeAnimation || routeInfo.routeAnimation;
+        }
+        this.locationHistory.add(routeInfo);
+      }
+      this.setState({
+        routeInfo
+      });
+    }
+    this.incomingRouteParams = void 0;
+  }
+  /**
+   * history@4.x uses goBack(), history@5.x uses back()
+   * TODO: If support for React Router <=5 is dropped
+   * this logic is no longer needed. We can just
+   * assume back() is available.
+   */
+  handleNativeBack() {
+    const history = this.props.history;
+    const goBack = history.goBack || history.back;
+    goBack();
+  }
+  handleNavigate(path, routeAction, routeDirection, routeAnimation, routeOptions, tab) {
+    this.incomingRouteParams = Object.assign(this.incomingRouteParams || {}, {
+      routeAction,
+      routeDirection,
+      routeOptions,
+      routeAnimation,
+      tab
+    });
+    if (routeAction === "push") {
+      this.props.history.push(path);
+    } else {
+      this.props.history.replace(path);
+    }
+  }
+  handleNavigateBack(defaultHref = "/", routeAnimation) {
+    const config = getConfig();
+    defaultHref = defaultHref ? defaultHref : config && config.get("backButtonDefaultHref");
+    const routeInfo = this.locationHistory.current();
+    if (routeInfo && routeInfo.pushedByRoute) {
+      const prevInfo = this.locationHistory.findLastLocation(routeInfo);
+      if (prevInfo) {
+        this.incomingRouteParams = {
+          ...prevInfo,
+          routeAction: "pop",
+          routeDirection: "back",
+          routeAnimation: routeAnimation || routeInfo.routeAnimation
+        };
+        if (routeInfo.lastPathname === routeInfo.pushedByRoute || /**
+         * We need to exclude tab switches/tab
+         * context changes here because tabbed
+         * navigation is not linear, but router.back()
+         * will go back in a linear fashion.
+         */
+        prevInfo.pathname === routeInfo.pushedByRoute && routeInfo.tab === "" && prevInfo.tab === "") {
+          const history = this.props.history;
+          const goBack = history.goBack || history.back;
+          goBack();
+        } else {
+          this.handleNavigate(prevInfo.pathname + (prevInfo.search || ""), "pop", "back", routeAnimation);
+        }
+      } else {
+        this.handleNavigate(defaultHref, "pop", "back", routeAnimation);
+      }
+    } else {
+      this.handleNavigate(defaultHref, "pop", "back", routeAnimation);
+    }
+  }
+  handleResetTab(tab, originalHref, originalRouteOptions) {
+    const routeInfo = this.locationHistory.getFirstRouteInfoForTab(tab);
+    if (routeInfo) {
+      const newRouteInfo = { ...routeInfo };
+      newRouteInfo.pathname = originalHref;
+      newRouteInfo.routeOptions = originalRouteOptions;
+      this.incomingRouteParams = { ...newRouteInfo, routeAction: "pop", routeDirection: "back" };
+      this.props.history.push(newRouteInfo.pathname + (newRouteInfo.search || ""));
+    }
+  }
+  handleSetCurrentTab(tab) {
+    this.currentTab = tab;
+    const ri = { ...this.locationHistory.current() };
+    if (ri.tab !== tab) {
+      ri.tab = tab;
+      this.locationHistory.update(ri);
+    }
+  }
+  render() {
+    return /* @__PURE__ */ React.createElement(RouteManagerContext.Provider, { value: this.routeMangerContextState }, /* @__PURE__ */ React.createElement(
+      NavManager,
+      {
+        ionRoute: IonRouteInner,
+        ionRedirect: {},
+        stackManager: StackManager,
+        routeInfo: this.state.routeInfo,
+        onNativeBack: this.handleNativeBack,
+        onNavigateBack: this.handleNavigateBack,
+        onNavigate: this.handleNavigate,
+        onSetCurrentTab: this.handleSetCurrentTab,
+        onChangeTab: this.handleChangeTab,
+        onResetTab: this.handleResetTab,
+        locationHistory: this.locationHistory
+      },
+      this.props.children
+    ));
+  }
+}
+export const IonRouter = withRouter(IonRouterInner);
+IonRouter.displayName = "IonRouter";
+//# sourceMappingURL=IonRouter.js.map

package/dist/ReactRouter/IonRouter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ReactRouter/IonRouter.tsx"],
+  "sourcesContent": ["import type {\n  AnimationBuilder,\n  RouteAction,\n  RouteInfo,\n  RouteManagerContextState,\n  RouterDirection,\n  ViewItem,\n} from '@ionic/react';\nimport { LocationHistory, NavManager, RouteManagerContext, generateId, getConfig } from '@ionic/react';\nimport type { Action as HistoryAction, Location as HistoryLocation } from 'history';\nimport React from 'react';\nimport type { RouteComponentProps } from 'react-router-dom';\nimport { withRouter } from 'react-router-dom';\n\nimport { IonRouteInner } from './IonRouteInner';\nimport { ReactRouterViewStack } from './ReactRouterViewStack';\nimport StackManager from './StackManager';\n\nexport interface LocationState {\n  direction?: RouterDirection;\n  routerOptions?: { as?: string; unmount?: boolean };\n}\n\ninterface IonRouteProps extends RouteComponentProps<{}, {}, LocationState> {\n  registerHistoryListener: (cb: (location: HistoryLocation<any>, action: HistoryAction) => void) => void;\n}\n\ninterface IonRouteState {\n  routeInfo: RouteInfo;\n}\n\nclass IonRouterInner extends React.PureComponent<IonRouteProps, IonRouteState> {\n  currentTab?: string;\n  exitViewFromOtherOutletHandlers: ((pathname: string) => ViewItem | undefined)[] = [];\n  incomingRouteParams?: Partial<RouteInfo>;\n  locationHistory = new LocationHistory();\n  viewStack = new ReactRouterViewStack();\n  routeMangerContextState: RouteManagerContextState = {\n    canGoBack: () => this.locationHistory.canGoBack(),\n    clearOutlet: this.viewStack.clear,\n    findViewItemByPathname: this.viewStack.findViewItemByPathname,\n    getChildrenToRender: this.viewStack.getChildrenToRender,\n    goBack: () => this.handleNavigateBack(),\n    createViewItem: this.viewStack.createViewItem,\n    findViewItemByRouteInfo: this.viewStack.findViewItemByRouteInfo,\n    findLeavingViewItemByRouteInfo: this.viewStack.findLeavingViewItemByRouteInfo,\n    addViewItem: this.viewStack.add,\n    unMountViewItem: this.viewStack.remove,\n  };\n\n  constructor(props: IonRouteProps) {\n    super(props);\n\n    const routeInfo = {\n      id: generateId('routeInfo'),\n      pathname: this.props.location.pathname,\n      search: this.props.location.search,\n    };\n\n    this.locationHistory.add(routeInfo);\n    this.handleChangeTab = this.handleChangeTab.bind(this);\n    this.handleResetTab = this.handleResetTab.bind(this);\n    this.handleNativeBack = this.handleNativeBack.bind(this);\n    this.handleNavigate = this.handleNavigate.bind(this);\n    this.handleNavigateBack = this.handleNavigateBack.bind(this);\n    this.props.registerHistoryListener(this.handleHistoryChange.bind(this));\n    this.handleSetCurrentTab = this.handleSetCurrentTab.bind(this);\n\n    this.state = {\n      routeInfo,\n    };\n  }\n\n  handleChangeTab(tab: string, path?: string, routeOptions?: any) {\n    if (!path) {\n      return;\n    }\n\n    const routeInfo = this.locationHistory.getCurrentRouteInfoForTab(tab);\n    const [pathname, search] = path.split('?');\n    if (routeInfo) {\n      this.incomingRouteParams = { ...routeInfo, routeAction: 'push', routeDirection: 'none' };\n      if (routeInfo.pathname === pathname) {\n        this.incomingRouteParams.routeOptions = routeOptions;\n        this.props.history.push(routeInfo.pathname + (routeInfo.search || ''));\n      } else {\n        this.incomingRouteParams.pathname = pathname;\n        this.incomingRouteParams.search = search ? '?' + search : undefined;\n        this.incomingRouteParams.routeOptions = routeOptions;\n        this.props.history.push(pathname + (search ? '?' + search : ''));\n      }\n    } else {\n      this.handleNavigate(pathname, 'push', 'none', undefined, routeOptions, tab);\n    }\n  }\n\n  handleHistoryChange(location: HistoryLocation<LocationState>, action: HistoryAction) {\n    let leavingLocationInfo: RouteInfo;\n    if (this.incomingRouteParams) {\n      if (this.incomingRouteParams.routeAction === 'replace') {\n        leavingLocationInfo = this.locationHistory.previous();\n      } else {\n        leavingLocationInfo = this.locationHistory.current();\n      }\n    } else {\n      leavingLocationInfo = this.locationHistory.current();\n    }\n\n    const leavingUrl = leavingLocationInfo.pathname + leavingLocationInfo.search;\n    if (leavingUrl !== location.pathname) {\n      if (!this.incomingRouteParams) {\n        if (action === 'REPLACE') {\n          this.incomingRouteParams = {\n            routeAction: 'replace',\n            routeDirection: 'none',\n            tab: this.currentTab,\n          };\n        }\n        if (action === 'POP') {\n          const currentRoute = this.locationHistory.current();\n          if (currentRoute && currentRoute.pushedByRoute) {\n            const prevInfo = this.locationHistory.findLastLocation(currentRoute);\n            this.incomingRouteParams = { ...prevInfo, routeAction: 'pop', routeDirection: 'back' };\n          } else {\n            this.incomingRouteParams = {\n              routeAction: 'pop',\n              routeDirection: 'none',\n              tab: this.currentTab,\n            };\n          }\n        }\n        if (!this.incomingRouteParams) {\n          this.incomingRouteParams = {\n            routeAction: 'push',\n            routeDirection: location.state?.direction || 'forward',\n            routeOptions: location.state?.routerOptions,\n            tab: this.currentTab,\n          };\n        }\n      }\n\n      let routeInfo: RouteInfo;\n\n      if (this.incomingRouteParams?.id) {\n        routeInfo = {\n          ...(this.incomingRouteParams as RouteInfo),\n          lastPathname: leavingLocationInfo.pathname,\n        };\n        this.locationHistory.add(routeInfo);\n      } else {\n        const isPushed =\n          this.incomingRouteParams.routeAction === 'push' && this.incomingRouteParams.routeDirection === 'forward';\n        routeInfo = {\n          id: generateId('routeInfo'),\n          ...this.incomingRouteParams,\n          lastPathname: leavingLocationInfo.pathname,\n          pathname: location.pathname,\n          search: location.search,\n          params: this.props.match.params,\n          prevRouteLastPathname: leavingLocationInfo.lastPathname,\n        };\n        if (isPushed) {\n          routeInfo.tab = leavingLocationInfo.tab;\n          routeInfo.pushedByRoute = leavingLocationInfo.pathname;\n        } else if (routeInfo.routeAction === 'pop') {\n          const r = this.locationHistory.findLastLocation(routeInfo);\n          routeInfo.pushedByRoute = r?.pushedByRoute;\n        } else if (routeInfo.routeAction === 'push' && routeInfo.tab !== leavingLocationInfo.tab) {\n          // If we are switching tabs grab the last route info for the tab and use its pushedByRoute\n          const lastRoute = this.locationHistory.getCurrentRouteInfoForTab(routeInfo.tab);\n          routeInfo.pushedByRoute = lastRoute?.pushedByRoute;\n        } else if (routeInfo.routeAction === 'replace') {\n          // Make sure to set the lastPathname, etc.. to the current route so the page transitions out\n          const currentRouteInfo = this.locationHistory.current();\n\n          /**\n           * If going from /home to /child, then replacing from\n           * /child to /home, we don't want the route info to\n           * say that /home was pushed by /home which is not correct.\n           */\n          const currentPushedBy = currentRouteInfo?.pushedByRoute;\n          const pushedByRoute =\n            currentPushedBy !== undefined && currentPushedBy !== routeInfo.pathname\n              ? currentPushedBy\n              : routeInfo.pushedByRoute;\n\n          routeInfo.lastPathname = currentRouteInfo?.pathname || routeInfo.lastPathname;\n          routeInfo.prevRouteLastPathname = currentRouteInfo?.lastPathname;\n          routeInfo.pushedByRoute = pushedByRoute;\n          routeInfo.routeDirection = currentRouteInfo?.routeDirection || routeInfo.routeDirection;\n          routeInfo.routeAnimation = currentRouteInfo?.routeAnimation || routeInfo.routeAnimation;\n        }\n\n        this.locationHistory.add(routeInfo);\n      }\n\n      this.setState({\n        routeInfo,\n      });\n    }\n\n    this.incomingRouteParams = undefined;\n  }\n\n  /**\n   * history@4.x uses goBack(), history@5.x uses back()\n   * TODO: If support for React Router <=5 is dropped\n   * this logic is no longer needed. We can just\n   * assume back() is available.\n   */\n  handleNativeBack() {\n    const history = this.props.history as any;\n    const goBack = history.goBack || history.back;\n    goBack();\n  }\n\n  handleNavigate(\n    path: string,\n    routeAction: RouteAction,\n    routeDirection?: RouterDirection,\n    routeAnimation?: AnimationBuilder,\n    routeOptions?: any,\n    tab?: string\n  ) {\n    this.incomingRouteParams = Object.assign(this.incomingRouteParams || {}, {\n      routeAction,\n      routeDirection,\n      routeOptions,\n      routeAnimation,\n      tab,\n    });\n\n    if (routeAction === 'push') {\n      this.props.history.push(path);\n    } else {\n      this.props.history.replace(path);\n    }\n  }\n\n  handleNavigateBack(defaultHref: string | RouteInfo = '/', routeAnimation?: AnimationBuilder) {\n    const config = getConfig();\n    defaultHref = defaultHref ? defaultHref : config && config.get('backButtonDefaultHref' as any);\n    const routeInfo = this.locationHistory.current();\n    if (routeInfo && routeInfo.pushedByRoute) {\n      const prevInfo = this.locationHistory.findLastLocation(routeInfo);\n      if (prevInfo) {\n        this.incomingRouteParams = {\n          ...prevInfo,\n          routeAction: 'pop',\n          routeDirection: 'back',\n          routeAnimation: routeAnimation || routeInfo.routeAnimation,\n        };\n        if (\n          routeInfo.lastPathname === routeInfo.pushedByRoute ||\n          /**\n           * We need to exclude tab switches/tab\n           * context changes here because tabbed\n           * navigation is not linear, but router.back()\n           * will go back in a linear fashion.\n           */\n          (prevInfo.pathname === routeInfo.pushedByRoute && routeInfo.tab === '' && prevInfo.tab === '')\n        ) {\n          /**\n           * history@4.x uses goBack(), history@5.x uses back()\n           * TODO: If support for React Router <=5 is dropped\n           * this logic is no longer needed. We can just\n           * assume back() is available.\n           */\n          const history = this.props.history as any;\n          const goBack = history.goBack || history.back;\n          goBack();\n        } else {\n          this.handleNavigate(prevInfo.pathname + (prevInfo.search || ''), 'pop', 'back', routeAnimation);\n        }\n      } else {\n        this.handleNavigate(defaultHref as string, 'pop', 'back', routeAnimation);\n      }\n    } else {\n      this.handleNavigate(defaultHref as string, 'pop', 'back', routeAnimation);\n    }\n  }\n\n  handleResetTab(tab: string, originalHref: string, originalRouteOptions: any) {\n    const routeInfo = this.locationHistory.getFirstRouteInfoForTab(tab);\n    if (routeInfo) {\n      const newRouteInfo = { ...routeInfo };\n      newRouteInfo.pathname = originalHref;\n      newRouteInfo.routeOptions = originalRouteOptions;\n      this.incomingRouteParams = { ...newRouteInfo, routeAction: 'pop', routeDirection: 'back' };\n      this.props.history.push(newRouteInfo.pathname + (newRouteInfo.search || ''));\n    }\n  }\n\n  handleSetCurrentTab(tab: string) {\n    this.currentTab = tab;\n    const ri = { ...this.locationHistory.current() };\n    if (ri.tab !== tab) {\n      ri.tab = tab;\n      this.locationHistory.update(ri);\n    }\n  }\n\n  render() {\n    return (\n      <RouteManagerContext.Provider value={this.routeMangerContextState}>\n        <NavManager\n          ionRoute={IonRouteInner}\n          ionRedirect={{}}\n          stackManager={StackManager}\n          routeInfo={this.state.routeInfo!}\n          onNativeBack={this.handleNativeBack}\n          onNavigateBack={this.handleNavigateBack}\n          onNavigate={this.handleNavigate}\n          onSetCurrentTab={this.handleSetCurrentTab}\n          onChangeTab={this.handleChangeTab}\n          onResetTab={this.handleResetTab}\n          locationHistory={this.locationHistory}\n        >\n          {this.props.children}\n        </NavManager>\n      </RouteManagerContext.Provider>\n    );\n  }\n}\n\nexport const IonRouter = withRouter(IonRouterInner);\nIonRouter.displayName = 'IonRouter';\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/ReactRouter/ReactRouterViewStack.js

@@ -0,0 +1,160 @@
+"use strict";
+import { IonRoute, ViewLifeCycleManager, ViewStacks, generateId } from "@ionic/react";
+import React from "react";
+import { matchPath } from "react-router";
+export class ReactRouterViewStack extends ViewStacks {
+  constructor() {
+    super();
+    this.createViewItem = this.createViewItem.bind(this);
+    this.findViewItemByRouteInfo = this.findViewItemByRouteInfo.bind(this);
+    this.findLeavingViewItemByRouteInfo = this.findLeavingViewItemByRouteInfo.bind(this);
+    this.getChildrenToRender = this.getChildrenToRender.bind(this);
+    this.findViewItemByPathname = this.findViewItemByPathname.bind(this);
+  }
+  createViewItem(outletId, reactElement, routeInfo, page) {
+    const viewItem = {
+      id: generateId("viewItem"),
+      outletId,
+      ionPageElement: page,
+      reactElement,
+      mount: true,
+      ionRoute: false
+    };
+    const matchProps = {
+      exact: reactElement.props.exact,
+      path: reactElement.props.path || reactElement.props.from,
+      component: reactElement.props.component
+    };
+    const match = matchPath(routeInfo.pathname, matchProps);
+    if (reactElement.type === IonRoute) {
+      viewItem.ionRoute = true;
+      viewItem.disableIonPageManagement = reactElement.props.disableIonPageManagement;
+    }
+    viewItem.routeData = {
+      match,
+      childProps: reactElement.props
+    };
+    return viewItem;
+  }
+  getChildrenToRender(outletId, ionRouterOutlet, routeInfo) {
+    const viewItems = this.getViewItemsForOutlet(outletId);
+    React.Children.forEach(ionRouterOutlet.props.children, (child) => {
+      const viewItem = viewItems.find((v) => {
+        return matchComponent(child, v.routeData.childProps.path || v.routeData.childProps.from);
+      });
+      if (viewItem) {
+        viewItem.reactElement = child;
+      }
+    });
+    const children = viewItems.map((viewItem) => {
+      let clonedChild;
+      if (viewItem.ionRoute && !viewItem.disableIonPageManagement) {
+        clonedChild = /* @__PURE__ */ React.createElement(
+          ViewLifeCycleManager,
+          {
+            key: `view-${viewItem.id}`,
+            mount: viewItem.mount,
+            removeView: () => this.remove(viewItem)
+          },
+          React.cloneElement(viewItem.reactElement, {
+            computedMatch: viewItem.routeData.match
+          })
+        );
+      } else {
+        const match = matchComponent(viewItem.reactElement, routeInfo.pathname);
+        clonedChild = /* @__PURE__ */ React.createElement(
+          ViewLifeCycleManager,
+          {
+            key: `view-${viewItem.id}`,
+            mount: viewItem.mount,
+            removeView: () => this.remove(viewItem)
+          },
+          React.cloneElement(viewItem.reactElement, {
+            computedMatch: viewItem.routeData.match
+          })
+        );
+        if (!match && viewItem.routeData.match) {
+          viewItem.routeData.match = void 0;
+          viewItem.mount = false;
+        }
+      }
+      return clonedChild;
+    });
+    return children;
+  }
+  findViewItemByRouteInfo(routeInfo, outletId, updateMatch) {
+    const { viewItem, match } = this.findViewItemByPath(routeInfo.pathname, outletId);
+    const shouldUpdateMatch = updateMatch === void 0 || updateMatch === true;
+    if (shouldUpdateMatch && viewItem && match) {
+      viewItem.routeData.match = match;
+    }
+    return viewItem;
+  }
+  findLeavingViewItemByRouteInfo(routeInfo, outletId, mustBeIonRoute = true) {
+    const { viewItem } = this.findViewItemByPath(routeInfo.lastPathname, outletId, false, mustBeIonRoute);
+    return viewItem;
+  }
+  findViewItemByPathname(pathname, outletId) {
+    const { viewItem } = this.findViewItemByPath(pathname, outletId);
+    return viewItem;
+  }
+  findViewItemByPath(pathname, outletId, forceExact, mustBeIonRoute) {
+    let viewItem;
+    let match;
+    let viewStack;
+    if (outletId) {
+      viewStack = this.getViewItemsForOutlet(outletId);
+      viewStack.some(matchView);
+      if (!viewItem) {
+        viewStack.some(matchDefaultRoute);
+      }
+    } else {
+      const viewItems = this.getAllViewItems();
+      viewItems.some(matchView);
+      if (!viewItem) {
+        viewItems.some(matchDefaultRoute);
+      }
+    }
+    return { viewItem, match };
+    function matchView(v) {
+      if (mustBeIonRoute && !v.ionRoute) {
+        return false;
+      }
+      const matchProps = {
+        exact: forceExact ? true : v.routeData.childProps.exact,
+        path: v.routeData.childProps.path || v.routeData.childProps.from,
+        component: v.routeData.childProps.component
+      };
+      const myMatch = matchPath(pathname, matchProps);
+      if (myMatch) {
+        viewItem = v;
+        match = myMatch;
+        return true;
+      }
+      return false;
+    }
+    function matchDefaultRoute(v) {
+      if (!v.routeData.childProps.path && !v.routeData.childProps.from) {
+        match = {
+          path: pathname,
+          url: pathname,
+          isExact: true,
+          params: {}
+        };
+        viewItem = v;
+        return true;
+      }
+      return false;
+    }
+  }
+}
+function matchComponent(node, pathname, forceExact) {
+  const matchProps = {
+    exact: forceExact ? true : node.props.exact,
+    path: node.props.path || node.props.from,
+    component: node.props.component
+  };
+  const match = matchPath(pathname, matchProps);
+  return match;
+}
+//# sourceMappingURL=ReactRouterViewStack.js.map