@ionic/react 8.8.4-dev.11775078622.1402ffa2 → 8.8.4-dev.11775666666.132201b7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/css/core.css +1 -1
  2. package/css/core.css.map +1 -1
  3. package/css/display.css +1 -1
  4. package/css/display.css.map +1 -1
  5. package/css/flex-utils.css +1 -1
  6. package/css/flex-utils.css.map +1 -1
  7. package/css/float-elements.css.map +1 -1
  8. package/css/global.bundle.css.map +1 -1
  9. package/css/ionic/bundle.ionic.css +1 -0
  10. package/css/ionic/bundle.ionic.css.map +1 -0
  11. package/css/ionic/core.ionic.css +1 -0
  12. package/css/ionic/core.ionic.css.map +1 -0
  13. package/css/ionic/global.bundle.ionic.css +1 -0
  14. package/css/ionic/global.bundle.ionic.css.map +1 -0
  15. package/css/ionic/ionic-swiper.ionic.css +1 -0
  16. package/css/ionic/ionic-swiper.ionic.css.map +1 -0
  17. package/css/ionic/link.ionic.css +1 -0
  18. package/css/ionic/link.ionic.css.map +1 -0
  19. package/css/ionic/structure.ionic.css +1 -0
  20. package/css/ionic/structure.ionic.css.map +1 -0
  21. package/css/ionic/typography.ionic.css +1 -0
  22. package/css/ionic/typography.ionic.css.map +1 -0
  23. package/css/ionic/utils.bundle.ionic.css +1 -0
  24. package/css/ionic/utils.bundle.ionic.css.map +1 -0
  25. package/css/ionic-swiper.css +1 -1
  26. package/css/ionic-swiper.css.map +1 -1
  27. package/css/ionic.bundle.css +1 -1
  28. package/css/ionic.bundle.css.map +1 -1
  29. package/css/normalize.css.map +1 -1
  30. package/css/padding.css.map +1 -1
  31. package/css/palettes/dark.always.css +1 -1
  32. package/css/palettes/dark.always.css.map +1 -1
  33. package/css/palettes/dark.class.css +1 -1
  34. package/css/palettes/dark.class.css.map +1 -1
  35. package/css/palettes/dark.system.css +1 -1
  36. package/css/palettes/dark.system.css.map +1 -1
  37. package/css/palettes/high-contrast-dark.always.css +1 -1
  38. package/css/palettes/high-contrast-dark.always.css.map +1 -1
  39. package/css/palettes/high-contrast-dark.class.css +1 -1
  40. package/css/palettes/high-contrast-dark.class.css.map +1 -1
  41. package/css/palettes/high-contrast-dark.system.css +1 -1
  42. package/css/palettes/high-contrast-dark.system.css.map +1 -1
  43. package/css/palettes/high-contrast.always.css.map +1 -1
  44. package/css/palettes/high-contrast.class.css.map +1 -1
  45. package/css/palettes/high-contrast.system.css.map +1 -1
  46. package/css/structure.css.map +1 -1
  47. package/css/text-alignment.css.map +1 -1
  48. package/css/text-transformation.css.map +1 -1
  49. package/css/typography.css.map +1 -1
  50. package/css/utils.bundle.css +1 -1
  51. package/css/utils.bundle.css.map +1 -1
  52. package/dist/index.js +189 -254
  53. package/dist/index.js.map +1 -1
  54. package/dist/types/components/IonRedirect.d.ts +16 -0
  55. package/dist/types/components/IonRoute.d.ts +2 -3
  56. package/dist/types/components/IonRouterContext.d.ts +0 -8
  57. package/dist/types/components/IonRouterOutlet.d.ts +0 -1
  58. package/dist/types/components/index.d.ts +1 -0
  59. package/dist/types/components/proxies.d.ts +1 -0
  60. package/dist/types/contexts/NavContext.d.ts +2 -0
  61. package/dist/types/routing/LocationHistory.d.ts +0 -7
  62. package/dist/types/routing/NavManager.d.ts +4 -1
  63. package/dist/types/routing/OutletPageManager.d.ts +0 -1
  64. package/dist/types/routing/PageManager.d.ts +0 -7
  65. package/dist/types/routing/RouteManagerContext.d.ts +1 -6
  66. package/dist/types/routing/ViewStacks.d.ts +2 -2
  67. package/package.json +2 -2
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import { NavContext } from '../contexts/NavContext';
3
+ export interface IonRedirectProps {
4
+ path?: string;
5
+ exact?: boolean;
6
+ to: string;
7
+ routerOptions?: unknown;
8
+ }
9
+ interface IonRedirectState {
10
+ }
11
+ export declare class IonRedirect extends React.PureComponent<IonRedirectProps, IonRedirectState> {
12
+ context: React.ContextType<typeof NavContext>;
13
+ render(): import("react/jsx-runtime").JSX.Element | null;
14
+ static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
15
+ }
16
+ export {};
@@ -2,10 +2,9 @@ import React from 'react';
2
2
  import { NavContext } from '../contexts/NavContext';
3
3
  export interface IonRouteProps {
4
4
  path?: string;
5
- index?: boolean;
6
- caseSensitive?: boolean;
5
+ exact?: boolean;
7
6
  show?: boolean;
8
- element: React.ReactElement;
7
+ render: (props?: any) => JSX.Element;
9
8
  disableIonPageManagement?: boolean;
10
9
  }
11
10
  interface IonRouteState {
@@ -6,7 +6,6 @@ export interface IonRouterContextState {
6
6
  routeInfo: RouteInfo;
7
7
  push: (pathname: string, routerDirection?: RouterDirection, routeAction?: RouteAction, routerOptions?: RouterOptions, animationBuilder?: AnimationBuilder) => void;
8
8
  back: (animationBuilder?: AnimationBuilder) => void;
9
- navigateRoot: (pathname: string, animationBuilder?: AnimationBuilder) => void;
10
9
  canGoBack: () => boolean;
11
10
  nativeBack: () => void;
12
11
  }
@@ -35,13 +34,6 @@ export type UseIonRouterResult = {
35
34
  * @param animationBuilder - Optional - A custom transition animation to use
36
35
  */
37
36
  goBack(animationBuilder?: AnimationBuilder): void;
38
- /**
39
- * Navigates to a new root pathname, clearing the navigation history and unmounting all previous views.
40
- * After navigation, canGoBack() will return false. Useful for navigating to a new root after login/logout.
41
- * @param pathname - The path to navigate to
42
- * @param animationBuilder - Optional - A custom transition animation to use
43
- */
44
- navigateRoot(pathname: string, animationBuilder?: AnimationBuilder): void;
45
37
  /**
46
38
  * Determines if there are any additional routes in the Router's history. However, routing is not prevented if the browser's history has more entries. Returns true if more entries exist, false if not.
47
39
  */
@@ -5,5 +5,4 @@ export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Omit<Local
5
5
  basePath?: string;
6
6
  ref?: React.Ref<any>;
7
7
  ionPage?: boolean;
8
- id?: string;
9
8
  } & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonRouterOutletElement>, "style" | "placeholder">, "ref"> & React.RefAttributes<HTMLIonRouterOutletElement>>;
@@ -20,6 +20,7 @@ export { IonBackButton } from './navigation/IonBackButton';
20
20
  export { IonRouterOutlet } from './IonRouterOutlet';
21
21
  export { IonIcon } from './IonIcon';
22
22
  export * from './IonRoute';
23
+ export * from './IonRedirect';
23
24
  export * from './IonRouterContext';
24
25
  export { isPlatform, getPlatforms, getConfig } from './utils';
25
26
  export * from './hrefprops';
@@ -16,6 +16,7 @@ export declare const IonCol: import("react").ForwardRefExoticComponent<JSX.IonCo
16
16
  export declare const IonContent: import("react").ForwardRefExoticComponent<JSX.IonContent & Omit<import("react").HTMLAttributes<HTMLIonContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonContentElement>>;
17
17
  export declare const IonDatetime: import("react").ForwardRefExoticComponent<JSX.IonDatetime & Omit<import("react").HTMLAttributes<HTMLIonDatetimeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDatetimeElement>>;
18
18
  export declare const IonDatetimeButton: import("react").ForwardRefExoticComponent<JSX.IonDatetimeButton & Omit<import("react").HTMLAttributes<HTMLIonDatetimeButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDatetimeButtonElement>>;
19
+ export declare const IonDivider: import("react").ForwardRefExoticComponent<JSX.IonDivider & Omit<import("react").HTMLAttributes<HTMLIonDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDividerElement>>;
19
20
  export declare const IonFab: import("react").ForwardRefExoticComponent<JSX.IonFab & Omit<import("react").HTMLAttributes<HTMLIonFabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFabElement>>;
20
21
  export declare const IonFabList: import("react").ForwardRefExoticComponent<JSX.IonFabList & Omit<import("react").HTMLAttributes<HTMLIonFabListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFabListElement>>;
21
22
  export declare const IonFooter: import("react").ForwardRefExoticComponent<JSX.IonFooter & Omit<import("react").HTMLAttributes<HTMLIonFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>;
@@ -3,6 +3,8 @@ import React from 'react';
3
3
  import type { RouteInfo } from '../models';
4
4
  export interface NavContextState {
5
5
  getIonRoute: () => any;
6
+ getIonRedirect: () => any;
7
+ getPageManager: () => any;
6
8
  getStackManager: () => any;
7
9
  goBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
8
10
  navigate: (path: string, direction?: RouterDirection | 'none', ionRouteAction?: 'push' | 'replace' | 'pop', animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;
@@ -13,15 +13,8 @@ export declare class LocationHistory {
13
13
  private _getRouteInfosByKey;
14
14
  getFirstRouteInfoForTab(tab: string): RouteInfo<any> | undefined;
15
15
  getCurrentRouteInfoForTab(tab?: string): RouteInfo<any> | undefined;
16
- /**
17
- * Returns the most recent RouteInfo in global history (excluding the current
18
- * entry) whose pathname matches the given value. Unlike findLastLocation,
19
- * this search is tab-agnostic. Used by the multi-step back detection.
20
- */
21
- findLastLocationByPathname(pathname: string): RouteInfo<any> | undefined;
22
16
  findLastLocation(routeInfo: RouteInfo): RouteInfo<any> | undefined;
23
17
  previous(): RouteInfo<any>;
24
18
  current(): RouteInfo<any>;
25
19
  canGoBack(): boolean;
26
- findTabForPathname(pathname: string): string | undefined;
27
20
  }
@@ -6,15 +6,16 @@ import type { RouteAction } from '../models/RouteAction';
6
6
  import type { RouteInfo } from '../models/RouteInfo';
7
7
  import type { RouterDirection } from '../models/RouterDirection';
8
8
  import type { LocationHistory } from './LocationHistory';
9
+ import PageManager from './PageManager';
9
10
  interface NavManagerProps {
10
11
  routeInfo: RouteInfo;
11
12
  onNativeBack: () => void;
12
13
  onNavigateBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
13
14
  onNavigate: (path: string, action: RouteAction, direction?: RouterDirection, animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;
14
- onNavigateRoot: (pathname: string, animationBuilder?: AnimationBuilder) => void;
15
15
  onSetCurrentTab: (tab: string, routeInfo: RouteInfo) => void;
16
16
  onChangeTab: (tab: string, path: string, routeOptions?: any) => void;
17
17
  onResetTab: (tab: string, path: string, routeOptions?: any) => void;
18
+ ionRedirect: any;
18
19
  ionRoute: any;
19
20
  stackManager: any;
20
21
  locationHistory: LocationHistory;
@@ -28,6 +29,8 @@ export declare class NavManager extends React.PureComponent<NavManagerProps, Nav
28
29
  goBack(route?: string | RouteInfo, animationBuilder?: AnimationBuilder): void;
29
30
  nativeGoBack(): void;
30
31
  navigate(path: string, direction?: RouterDirection, action?: RouteAction, animationBuilder?: AnimationBuilder, options?: any, tab?: string): void;
32
+ getPageManager(): typeof PageManager;
33
+ getIonRedirect(): any;
31
34
  getIonRoute(): any;
32
35
  getStackManager(): any;
33
36
  render(): import("react/jsx-runtime").JSX.Element;
@@ -7,7 +7,6 @@ interface OutletPageManagerProps {
7
7
  forwardedRef?: React.ForwardedRef<HTMLIonRouterOutletElement>;
8
8
  routeInfo?: RouteInfo;
9
9
  StackManager: any;
10
- id?: string;
11
10
  }
12
11
  export declare class OutletPageManager extends React.Component<OutletPageManagerProps> {
13
12
  ionLifeCycleContext: React.ContextType<typeof IonLifeCycleContext>;
@@ -13,14 +13,7 @@ export declare class PageManager extends React.PureComponent<PageManagerProps> {
13
13
  ionPageElementRef: React.RefObject<HTMLDivElement>;
14
14
  stableMergedRefs: React.RefCallback<HTMLDivElement>;
15
15
  constructor(props: PageManagerProps);
16
- private parseClasses;
17
- /**
18
- * Updates classList by diffing old/new className props.
19
- * Preserves framework-added classes (can-go-back, ion-page-invisible, etc.).
20
- */
21
- private updateUserClasses;
22
16
  componentDidMount(): void;
23
- componentDidUpdate(prevProps: PageManagerProps): void;
24
17
  componentWillUnmount(): void;
25
18
  ionViewWillEnterHandler(): void;
26
19
  ionViewDidEnterHandler(): void;
@@ -9,12 +9,7 @@ export interface RouteManagerContextState {
9
9
  findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
10
10
  findLeavingViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string) => ViewItem | undefined;
11
11
  findViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean) => ViewItem | undefined;
12
- getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, parentPathnameBase?: string) => React.ReactNode[];
13
- /**
14
- * Returns all view items currently registered for a given outlet id.
15
- * Used by StackManager for out-of-scope cleanup.
16
- */
17
- getViewItemsForOutlet: (outletId: string) => ViewItem[];
12
+ getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void) => React.ReactNode[];
18
13
  goBack: () => void;
19
14
  unMountViewItem: (viewItem: ViewItem) => void;
20
15
  }
@@ -4,7 +4,7 @@ export declare abstract class ViewStacks {
4
4
  private viewStacks;
5
5
  constructor();
6
6
  add(viewItem: ViewItem): void;
7
- clear(outletId: string): void;
7
+ clear(outletId: string): NodeJS.Timeout;
8
8
  getViewItemsForOutlet(outletId: string): ViewItem<any>[];
9
9
  remove(viewItem: ViewItem): void;
10
10
  protected getStackIds(): string[];
@@ -13,5 +13,5 @@ export declare abstract class ViewStacks {
13
13
  abstract findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
14
14
  abstract findViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean): ViewItem | undefined;
15
15
  abstract findLeavingViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string): ViewItem | undefined;
16
- abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, parentPathnameBase?: string): React.ReactNode[];
16
+ abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, setInTransition: () => void): React.ReactNode[];
17
17
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/react",
3
- "version": "8.8.4-dev.11775078622.1402ffa2",
3
+ "version": "8.8.4-dev.11775666666.132201b7",
4
4
  "description": "React specific wrapper for @ionic/core",
5
5
  "keywords": [
6
6
  "ionic",
@@ -40,7 +40,7 @@
40
40
  "css/"
41
41
  ],
42
42
  "dependencies": {
43
- "@ionic/core": "8.8.4-dev.11775078622.1402ffa2",
43
+ "@ionic/core": "8.8.4-dev.11775666666.132201b7",
44
44
  "ionicons": "^8.0.13",
45
45
  "tslib": "*"
46
46
  },