@ionic/react 7.4.4-dev.11696895407.1bd7a380 → 7.4.4-dev.11699471770.1b7273c4

package/dist/index.js

@@ -1,6 +1,6 @@
 import React, { useContext, useRef, useEffect, createElement, useState, useMemo, Fragment, useCallback } from 'react';
 import { isPlatform as isPlatform$1, getPlatforms as getPlatforms$1, componentOnReady, createAnimation, actionSheetController, alertController, toastController, modalController, popoverController, pickerController, loadingController, initialize } from '@ionic/core/components';
-export { IonicSafeString, IonicSlides, createAnimation, createGesture, getIonPageElement, getTimeGivenProgression, iosTransitionAnimation, mdTransitionAnimation } from '@ionic/core/components';
+export { IonicSafeString, IonicSlides, createAnimation, createGesture, getIonPageElement, getTimeGivenProgression, iosTransitionAnimation, mdTransitionAnimation, openURL } from '@ionic/core/components';
 import { __rest } from 'tslib';
 import ReactDOM, { createPortal } from 'react-dom';
 import { defineCustomElement as defineCustomElement$1 } from '@ionic/core/components/ion-accordion.js';
@@ -113,18 +113,6 @@ const IonLifeCycleContext = /*@__PURE__*/ React.createContext({
     ionViewDidLeave: () => {
         return;
     },
-    cleanupIonViewWillEnter: () => {
-        return;
-    },
-    cleanupIonViewDidEnter: () => {
-        return;
-    },
-    cleanupIonViewWillLeave: () => {
-        return;
-    },
-    cleanupIonViewDidLeave: () => {
-        return;
-    },
 });
 const DefaultIonLifeCycleContext = class {
     constructor() {
@@ -132,10 +120,6 @@ const DefaultIonLifeCycleContext = class {
         this.ionViewDidEnterCallbacks = [];
         this.ionViewWillLeaveCallbacks = [];
         this.ionViewDidLeaveCallbacks = [];
-        this.ionViewWillEnterDestructorCallbacks = [];
-        this.ionViewDidEnterDestructorCallbacks = [];
-        this.ionViewWillLeaveDestructorCallbacks = [];
-        this.ionViewDidLeaveDestructorCallbacks = [];
     }
     onIonViewWillEnter(callback) {
         if (callback.id) {
@@ -151,71 +135,8 @@ const DefaultIonLifeCycleContext = class {
             this.ionViewWillEnterCallbacks.push(callback);
         }
     }
-    teardownCallback(callback, callbacks) {
-        // Find any destructors that have been registered for the callback
-        const matches = callbacks.filter((x) => x.id === callback.id);
-        if (matches.length !== 0) {
-            // Execute the destructor for each matching item
-            matches.forEach((match) => {
-                if (match && typeof match.destructor === 'function') {
-                    match.destructor();
-                }
-            });
-            // Remove all matching items from the array
-            callbacks = callbacks.filter((x) => x.id !== callback.id);
-        }
-        else {
-            /**
-             * If the destructor isn't registered in the array, then the
-             * user-provided callback was never invoked. This is usually
-             * the result of the useEffect hook in dev mode. So we manually
-             * invoke the callback to get the destructor to tear it down.
-             */
-            const destructor = callback();
-            if (typeof destructor === 'function') {
-                destructor();
-            }
-        }
-    }
-    /**
-     * Tears down the user-provided ionViewWillEnter lifecycle callback.
-     * This is the same behavior as React's useEffect hook. The callback
-     * is invoked when the component is unmounted.
-     */
-    cleanupIonViewWillEnter(callback) {
-        this.teardownCallback(callback, this.ionViewWillEnterDestructorCallbacks);
-    }
-    /**
-     * Tears down the user-provided ionViewDidEnter lifecycle callback.
-     * This is the same behavior as React's useEffect hook. The callback
-     * is invoked when the component is unmounted.
-     */
-    cleanupIonViewDidEnter(callback) {
-        this.teardownCallback(callback, this.ionViewDidEnterDestructorCallbacks);
-    }
-    /**
-     * Tears down the user-provided ionViewWillLeave lifecycle callback.
-     * This is the same behavior as React's useEffect hook. The callback
-     * is invoked when the component is unmounted.
-     */
-    cleanupIonViewWillLeave(callback) {
-        this.teardownCallback(callback, this.ionViewWillLeaveDestructorCallbacks);
-    }
-    /**
-     * Tears down the user-provided ionViewDidLeave lifecycle callback.
-     * This is the same behavior as React's useEffect hook. The callback
-     * is invoked when the component is unmounted.
-     */
-    cleanupIonViewDidLeave(callback) {
-        this.teardownCallback(callback, this.ionViewDidLeaveDestructorCallbacks);
-    }
     ionViewWillEnter() {
-        this.ionViewWillEnterCallbacks.forEach((cb) => {
-            const destructor = cb();
-            if (cb.id) {
-                this.ionViewWillEnterDestructorCallbacks.push({ id: cb.id, destructor });
-            }
-        });
+        this.ionViewWillEnterCallbacks.forEach((cb) => cb());
     }
     onIonViewDidEnter(callback) {
         if (callback.id) {
@@ -232,12 +153,7 @@ const DefaultIonLifeCycleContext = class {
         }
     }
     ionViewDidEnter() {
-        this.ionViewDidEnterCallbacks.forEach((cb) => {
-            const destructor = cb();
-            if (cb.id) {
-                this.ionViewDidEnterDestructorCallbacks.push({ id: cb.id, destructor });
-            }
-        });
+        this.ionViewDidEnterCallbacks.forEach((cb) => cb());
     }
     onIonViewWillLeave(callback) {
         if (callback.id) {
@@ -254,12 +170,7 @@ const DefaultIonLifeCycleContext = class {
         }
     }
     ionViewWillLeave() {
-        this.ionViewWillLeaveCallbacks.forEach((cb) => {
-            const destructor = cb();
-            if (cb.id) {
-                this.ionViewWillLeaveDestructorCallbacks.push({ id: cb.id, destructor });
-            }
-        });
+        this.ionViewWillLeaveCallbacks.forEach((cb) => cb());
     }
     onIonViewDidLeave(callback) {
         if (callback.id) {
@@ -276,12 +187,7 @@ const DefaultIonLifeCycleContext = class {
         }
     }
     ionViewDidLeave() {
-        this.ionViewDidLeaveCallbacks.forEach((cb) => {
-            const destructor = cb();
-            if (cb.id) {
-                this.ionViewDidLeaveDestructorCallbacks.push({ id: cb.id, destructor });
-            }
-        });
+        this.ionViewDidLeaveCallbacks.forEach((cb) => cb());
         this.componentCanBeDestroyed();
     }
     onComponentCanBeDestroyed(callback) {
@@ -340,9 +246,6 @@ const useIonViewWillEnter = (callback, deps = []) => {
     useEffect(() => {
         callback.id = id.current;
         context.onIonViewWillEnter(callback);
-        return () => {
-            context.cleanupIonViewWillEnter(callback);
-        };
     }, deps);
 };
 const useIonViewDidEnter = (callback, deps = []) => {
@@ -352,9 +255,6 @@ const useIonViewDidEnter = (callback, deps = []) => {
     useEffect(() => {
         callback.id = id.current;
         context.onIonViewDidEnter(callback);
-        return () => {
-            context.cleanupIonViewDidEnter(callback);
-        };
     }, deps);
 };
 const useIonViewWillLeave = (callback, deps = []) => {
@@ -364,9 +264,6 @@ const useIonViewWillLeave = (callback, deps = []) => {
     useEffect(() => {
         callback.id = id.current;
         context.onIonViewWillLeave(callback);
-        return () => {
-            context.cleanupIonViewWillLeave(callback);
-        };
     }, deps);
 };
 const useIonViewDidLeave = (callback, deps = []) => {
@@ -376,9 +273,6 @@ const useIonViewDidLeave = (callback, deps = []) => {
     useEffect(() => {
         callback.id = id.current;
         context.onIonViewDidLeave(callback);
-        return () => {
-            context.cleanupIonViewDidLeave(callback);
-        };
     }, deps);
 };
 
@@ -1126,16 +1020,6 @@ class PageManager extends React.PureComponent {
         this.ionPageElementRef = React.createRef();
         // React refs must be stable (not created inline).
         this.stableMergedRefs = mergeRefs(this.ionPageElementRef, this.props.forwardedRef);
-        /**
-         * This binds the scope of the following methods to the class scope.
-         * The `.bind` method returns a new function, so we need to assign it
-         * in the constructor to avoid creating a new function when removing the
-         * event listeners.
-         */
-        this.ionViewWillEnterHandler = this.ionViewWillEnterHandler.bind(this);
-        this.ionViewDidEnterHandler = this.ionViewDidEnterHandler.bind(this);
-        this.ionViewWillLeaveHandler = this.ionViewWillLeaveHandler.bind(this);
-        this.ionViewDidLeaveHandler = this.ionViewDidLeaveHandler.bind(this);
     }
     componentDidMount() {
         if (this.ionPageElementRef.current) {
@@ -1143,18 +1027,18 @@ class PageManager extends React.PureComponent {
                 this.ionPageElementRef.current.classList.add('ion-page-invisible');
             }
             this.context.registerIonPage(this.ionPageElementRef.current, this.props.routeInfo);
-            this.ionPageElementRef.current.addEventListener('ionViewWillEnter', this.ionViewWillEnterHandler);
-            this.ionPageElementRef.current.addEventListener('ionViewDidEnter', this.ionViewDidEnterHandler);
-            this.ionPageElementRef.current.addEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler);
-            this.ionPageElementRef.current.addEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler);
+            this.ionPageElementRef.current.addEventListener('ionViewWillEnter', this.ionViewWillEnterHandler.bind(this));
+            this.ionPageElementRef.current.addEventListener('ionViewDidEnter', this.ionViewDidEnterHandler.bind(this));
+            this.ionPageElementRef.current.addEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler.bind(this));
+            this.ionPageElementRef.current.addEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler.bind(this));
         }
     }
     componentWillUnmount() {
         if (this.ionPageElementRef.current) {
-            this.ionPageElementRef.current.removeEventListener('ionViewWillEnter', this.ionViewWillEnterHandler);
-            this.ionPageElementRef.current.removeEventListener('ionViewDidEnter', this.ionViewDidEnterHandler);
-            this.ionPageElementRef.current.removeEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler);
-            this.ionPageElementRef.current.removeEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler);
+            this.ionPageElementRef.current.removeEventListener('ionViewWillEnter', this.ionViewWillEnterHandler.bind(this));
+            this.ionPageElementRef.current.removeEventListener('ionViewDidEnter', this.ionViewDidEnterHandler.bind(this));
+            this.ionPageElementRef.current.removeEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler.bind(this));
+            this.ionPageElementRef.current.removeEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler.bind(this));
         }
     }
     ionViewWillEnterHandler() {
@@ -1263,16 +1147,6 @@ class OutletPageManager extends React.Component {
     constructor(props) {
         super(props);
         this.outletIsReady = false;
-        /**
-         * This binds the scope of the following methods to the class scope.
-         * The `.bind` method returns a new function, so we need to assign it
-         * in the constructor to avoid creating a new function when removing the
-         * event listeners.
-         */
-        this.ionViewWillEnterHandler = this.ionViewWillEnterHandler.bind(this);
-        this.ionViewDidEnterHandler = this.ionViewDidEnterHandler.bind(this);
-        this.ionViewWillLeaveHandler = this.ionViewWillLeaveHandler.bind(this);
-        this.ionViewDidLeaveHandler = this.ionViewDidLeaveHandler.bind(this);
     }
     componentDidMount() {
         if (this.ionRouterOutlet) {
@@ -1286,18 +1160,18 @@ class OutletPageManager extends React.Component {
                     this.context.registerIonPage(this.ionRouterOutlet, this.props.routeInfo);
                 });
             }
-            this.ionRouterOutlet.addEventListener('ionViewWillEnter', this.ionViewWillEnterHandler);
-            this.ionRouterOutlet.addEventListener('ionViewDidEnter', this.ionViewDidEnterHandler);
-            this.ionRouterOutlet.addEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler);
-            this.ionRouterOutlet.addEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler);
+            this.ionRouterOutlet.addEventListener('ionViewWillEnter', this.ionViewWillEnterHandler.bind(this));
+            this.ionRouterOutlet.addEventListener('ionViewDidEnter', this.ionViewDidEnterHandler.bind(this));
+            this.ionRouterOutlet.addEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler.bind(this));
+            this.ionRouterOutlet.addEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler.bind(this));
         }
     }
     componentWillUnmount() {
         if (this.ionRouterOutlet) {
-            this.ionRouterOutlet.removeEventListener('ionViewWillEnter', this.ionViewWillEnterHandler);
-            this.ionRouterOutlet.removeEventListener('ionViewDidEnter', this.ionViewDidEnterHandler);
-            this.ionRouterOutlet.removeEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler);
-            this.ionRouterOutlet.removeEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler);
+            this.ionRouterOutlet.removeEventListener('ionViewWillEnter', this.ionViewWillEnterHandler.bind(this));
+            this.ionRouterOutlet.removeEventListener('ionViewDidEnter', this.ionViewDidEnterHandler.bind(this));
+            this.ionRouterOutlet.removeEventListener('ionViewWillLeave', this.ionViewWillLeaveHandler.bind(this));
+            this.ionRouterOutlet.removeEventListener('ionViewDidLeave', this.ionViewDidLeaveHandler.bind(this));
         }
     }
     ionViewWillEnterHandler() {