@ionic/react 8.4.5 → 8.5.0

package/dist/types/components/CreateAnimation.d.ts

@@ -66,6 +66,6 @@ export declare class CreateAnimation extends React.PureComponent<PropsWithChildr
     setupAnimation(props: any): void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/dist/types/components/IonApp.d.ts

@@ -1,41 +1,17 @@
 import type { JSX as LocalJSX } from '@ionic/core/components';
-import React from 'react';
+import React, { type PropsWithChildren } from 'react';
 import type { IonContextInterface } from '../contexts/IonContext';
 import type { ReactComponentOrElement } from '../models';
 import type { IonicReactProps } from './IonicReactProps';
-type Props = LocalJSX.IonApp & IonicReactProps & {
+type Props = PropsWithChildren<LocalJSX.IonApp & IonicReactProps & {
     ref?: React.Ref<HTMLIonAppElement>;
-};
-export declare const IonApp: {
-    new (props: Props): {
-        addOverlayCallback?: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void;
-        removeOverlayCallback?: (id: string) => void;
-        ionContext: IonContextInterface;
-        render(): React.JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    readonly displayName: string;
-    contextType?: React.Context<any> | undefined;
-};
+}>;
+export declare class IonApp extends React.Component<Props> {
+    addOverlayCallback?: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void;
+    removeOverlayCallback?: (id: string) => void;
+    constructor(props: Props);
+    ionContext: IonContextInterface;
+    render(): import("react/jsx-runtime").JSX.Element;
+    static displayName: string;
+}
 export {};

package/dist/types/components/IonRedirect.d.ts

@@ -10,7 +10,7 @@ interface IonRedirectState {
 }
 export declare class IonRedirect extends React.PureComponent<IonRedirectProps, IonRedirectState> {
     context: React.ContextType<typeof NavContext>;
-    render(): React.JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
     static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
 }
 export {};

package/dist/types/components/IonRoute.d.ts

@@ -11,7 +11,7 @@ interface IonRouteState {
 }
 export declare class IonRoute extends React.PureComponent<IonRouteProps, IonRouteState> {
     context: React.ContextType<typeof NavContext>;
-    render(): React.JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
     static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
 }
 export {};

package/dist/types/components/navigation/IonBackButton.d.ts

@@ -1,68 +1,16 @@
 import type { JSX as LocalJSX } from '@ionic/core/components';
-import React from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { NavContext } from '../../contexts/NavContext';
 import type { IonicReactProps } from '../IonicReactProps';
-type Props = Omit<LocalJSX.IonBackButton, 'icon'> & IonicReactProps & {
-    icon?: {
-        ios: string;
-        md: string;
-    } | string;
+type Props = PropsWithChildren<LocalJSX.IonBackButton & IonicReactProps & {
     ref?: React.Ref<HTMLIonBackButtonElement>;
-};
-export declare const IonBackButton: {
-    new (props: Props | Readonly<Props>): {
-        context: React.ContextType<typeof NavContext>;
-        clickButton: (e: React.MouseEvent) => void;
-        render(): React.JSX.Element;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: Props, context: any): {
-        context: React.ContextType<typeof NavContext>;
-        clickButton: (e: React.MouseEvent) => void;
-        render(): React.JSX.Element;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    readonly displayName: string;
-    readonly contextType: React.Context<import("../../contexts/NavContext").NavContextState>;
-};
+}>;
+export declare class IonBackButton extends React.Component<Props> {
+    context: React.ContextType<typeof NavContext>;
+    clickButton: (e: React.MouseEvent) => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    static get displayName(): string;
+    static get contextType(): React.Context<import("../../contexts/NavContext").NavContextState>;
+    shouldComponentUpdate(): boolean;
+}
 export {};

package/dist/types/components/navigation/IonTabButton.d.ts

@@ -9,35 +9,13 @@ type Props = LocalJSX.IonTabButton & IonicReactProps & {
     onPointerDown?: React.PointerEventHandler<HTMLIonTabButtonElement>;
     onTouchEnd?: React.TouchEventHandler<HTMLIonTabButtonElement>;
     onTouchMove?: React.TouchEventHandler<HTMLIonTabButtonElement>;
+    children?: React.ReactNode;
 };
-export declare const IonTabButton: {
-    new (props: Props): {
-        handleIonTabButtonClick(): void;
-        render(): React.JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    readonly displayName: string;
-    contextType?: React.Context<any> | undefined;
-};
+export declare class IonTabButton extends React.Component<Props> {
+    shouldComponentUpdate(): boolean;
+    constructor(props: Props);
+    handleIonTabButtonClick(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    static get displayName(): string;
+}
 export {};

package/dist/types/components/navigation/IonTabs.d.ts

@@ -1,56 +1,49 @@
+import type { Components } from '@ionic/core';
 import type { JSX as LocalJSX } from '@ionic/core/components';
 import React from 'react';
 import { NavContext } from '../../contexts/NavContext';
 import type { IonTabsContextState } from './IonTabsContext';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'ion-tabs': any;
-        }
+export interface IonTabsProps extends React.HTMLAttributes<Components.IonTabs> {
+    onIonTabsWillChange?: (event: CustomEvent<{
+        tab: string;
+    }>) => void;
+    onIonTabsDidChange?: (event: CustomEvent<{
+        tab: string;
+    }>) => void;
+}
+declare module 'react' {
+    interface HTMLElements {
+        'ion-tabs': IonTabsProps;
     }
 }
 type ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;
 interface Props extends LocalJSX.IonTabs {
     className?: string;
     children: ChildFunction | React.ReactNode;
+    onIonTabsWillChange?: (event: CustomEvent<{
+        tab: string;
+    }>) => void;
+    onIonTabsDidChange?: (event: CustomEvent<{
+        tab: string;
+    }>) => void;
+}
+export declare class IonTabs extends React.Component<Props> {
+    shouldComponentUpdate(): boolean;
+    context: React.ContextType<typeof NavContext>;
+    /**
+     * `routerOutletRef` allows users to add a `ref` to `IonRouterOutlet`.
+     * Without this, `ref.current` will be `undefined` in the user's app,
+     * breaking their ability to access the `IonRouterOutlet` instance.
+     * Do not remove this ref.
+     */
+    routerOutletRef: React.Ref<Components.IonRouterOutlet>;
+    selectTabHandler?: (tag: string) => boolean;
+    tabBarRef: React.RefObject<any>;
+    ionTabContextState: IonTabsContextState;
+    constructor(props: Props);
+    componentDidMount(): void;
+    renderTabsInner(children: React.ReactNode, outlet: React.ReactElement<{}> | undefined): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
+    static get contextType(): React.Context<import("../../contexts/NavContext").NavContextState>;
 }
-export declare const IonTabs: {
-    new (props: Props): {
-        context: React.ContextType<typeof NavContext>;
-        /**
-         * `routerOutletRef` allows users to add a `ref` to `IonRouterOutlet`.
-         * Without this, `ref.current` will be `undefined` in the user's app,
-         * breaking their ability to access the `IonRouterOutlet` instance.
-         * Do not remove this ref.
-         */
-        routerOutletRef: React.Ref<HTMLIonRouterOutletElement>;
-        selectTabHandler?: (tag: string) => boolean;
-        tabBarRef: React.RefObject<any>;
-        ionTabContextState: IonTabsContextState;
-        componentDidMount(): void;
-        renderTabsInner(children: React.ReactNode, outlet: React.ReactElement<{}> | undefined): React.JSX.Element;
-        render(): React.JSX.Element;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Props> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Props>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    readonly contextType: React.Context<import("../../contexts/NavContext").NavContextState>;
-};
 export {};

package/dist/types/lifecycle/IonLifeCycleHOC.d.ts

@@ -5,7 +5,7 @@ export declare const withIonLifeCycle: (WrappedComponent: React.ComponentType<an
         context: React.ContextType<typeof IonLifeCycleContext>;
         componentRef: React.RefObject<any>;
         componentDidMount(): void;
-        render(): React.JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
         setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
         readonly props: Readonly<any> & Readonly<{

package/dist/types/routing/NavManager.d.ts

@@ -33,6 +33,6 @@ export declare class NavManager extends React.PureComponent<NavManagerProps, Nav
     getIonRedirect(): any;
     getIonRoute(): any;
     getStackManager(): any;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/dist/types/routing/OutletPageManager.d.ts

@@ -20,7 +20,7 @@ export declare class OutletPageManager extends React.Component<OutletPageManager
     ionViewDidEnterHandler(): void;
     ionViewWillLeaveHandler(): void;
     ionViewDidLeaveHandler(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     static get contextType(): React.Context<import("./StackContext").StackContextState>;
 }
 export default OutletPageManager;

package/dist/types/routing/PageManager.d.ts

@@ -19,7 +19,7 @@ export declare class PageManager extends React.PureComponent<PageManagerProps> {
     ionViewDidEnterHandler(): void;
     ionViewWillLeaveHandler(): void;
     ionViewDidLeaveHandler(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
     static get contextType(): React.Context<import("./StackContext").StackContextState>;
 }
 export default PageManager;

package/dist/types/routing/ViewLifeCycleManager.d.ts

@@ -37,6 +37,6 @@ export declare class ViewLifeCycleManager extends React.Component<ViewTransition
     constructor(props: ViewTransitionManagerProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.4.5",
+  "version": "8.5.0",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "8.4.5",
+    "@ionic/core": "8.5.0",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },