@ionic/react 7.5.3-dev.11698856380.18896dcd → 7.5.3-dev.11698858201.14165f23

package/dist/components/react-component-lib/utils/index.js

@@ -0,0 +1,31 @@
+"use strict";
+import React from "react";
+export const setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref != null) {
+    ref.current = value;
+  }
+};
+export const mergeRefs = (...refs) => {
+  return (value) => {
+    refs.forEach((ref) => {
+      setRef(ref, value);
+    });
+  };
+};
+export const createForwardRef = (ReactComponent, displayName) => {
+  const forwardRef = (props, ref) => {
+    return /* @__PURE__ */ React.createElement(ReactComponent, { ...props, forwardedRef: ref });
+  };
+  forwardRef.displayName = displayName;
+  return React.forwardRef(forwardRef);
+};
+export const defineCustomElement = (tagName, customElement) => {
+  if (customElement !== void 0 && typeof customElements !== "undefined" && !customElements.get(tagName)) {
+    customElements.define(tagName, customElement);
+  }
+};
+export * from "./attachProps";
+export * from "./case";
+//# sourceMappingURL=index.js.map

package/dist/components/react-component-lib/utils/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/react-component-lib/utils/index.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAWX,aAAM,SAAS,CAAC,KAAiE,UAAe;AACrG,MAAI,OAAO,QAAQ,YAAY;AAC7B,QAAI,KAAK;AAAA,EACX,WAAW,OAAO,MAAM;AAEtB,IAAC,IAAoC,UAAU;AAAA,EACjD;AACF;AAEO,aAAM,YAAY,IACpB,SACwB;AAC3B,SAAO,CAAC,UAAe;AACrB,SAAK,QAAQ,CAAC,QAAQ;AACpB,aAAO,KAAK,KAAK;AAAA,IACnB,CAAC;AAAA,EACH;AACF;AAEO,aAAM,mBAAmB,CAAwB,gBAAqB,gBAAwB;AACnG,QAAM,aAAa,CACjB,OACA,QACG;AACH,WAAO,oCAAC,kBAAgB,GAAG,OAAO,cAAc,KAAK;AAAA,EACvD;AACA,aAAW,cAAc;AAEzB,SAAO,MAAM,WAAW,UAAU;AACpC;AAEO,aAAM,sBAAsB,CAAC,SAAiB,kBAAuB;AAC1E,MAAI,kBAAkB,UAAa,OAAO,mBAAmB,eAAe,CAAC,eAAe,IAAI,OAAO,GAAG;AACxG,mBAAe,OAAO,SAAS,aAAa;AAAA,EAC9C;AACF;AAEA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/components/routing-proxies.js

@@ -0,0 +1,29 @@
+"use strict";
+import { IonBreadcrumb as IonBreadcrumbCmp } from "@ionic/core/components/ion-breadcrumb.js";
+import { IonButton as IonButtonCmp } from "@ionic/core/components/ion-button.js";
+import { IonCard as IonCardCmp } from "@ionic/core/components/ion-card.js";
+import { IonFabButton as IonFabButtonCmp } from "@ionic/core/components/ion-fab-button.js";
+import { IonItemOption as IonItemOptionCmp } from "@ionic/core/components/ion-item-option.js";
+import { IonItem as IonItemCmp } from "@ionic/core/components/ion-item.js";
+import { IonRouterLink as IonRouterLinkCmp } from "@ionic/core/components/ion-router-link.js";
+import { createRoutingComponent } from "./createRoutingComponent";
+export const IonRouterLink = /* @__PURE__ */ createRoutingComponent("ion-router-link", IonRouterLinkCmp);
+export const IonButton = /* @__PURE__ */ createRoutingComponent(
+  "ion-button",
+  IonButtonCmp
+);
+export const IonCard = /* @__PURE__ */ createRoutingComponent(
+  "ion-card",
+  IonCardCmp
+);
+export const IonFabButton = /* @__PURE__ */ createRoutingComponent(
+  "ion-fab-button",
+  IonFabButtonCmp
+);
+export const IonItem = /* @__PURE__ */ createRoutingComponent(
+  "ion-item",
+  IonItemCmp
+);
+export const IonItemOption = /* @__PURE__ */ createRoutingComponent("ion-item-option", IonItemOptionCmp);
+export const IonBreadcrumb = /* @__PURE__ */ createRoutingComponent("ion-breadcrumb", IonBreadcrumbCmp);
+//# sourceMappingURL=routing-proxies.js.map

package/dist/components/routing-proxies.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/routing-proxies.ts"],
+  "sourcesContent": ["import type { JSX } from '@ionic/core/components';\nimport { IonBreadcrumb as IonBreadcrumbCmp } from '@ionic/core/components/ion-breadcrumb.js';\nimport { IonButton as IonButtonCmp } from '@ionic/core/components/ion-button.js';\nimport { IonCard as IonCardCmp } from '@ionic/core/components/ion-card.js';\nimport { IonFabButton as IonFabButtonCmp } from '@ionic/core/components/ion-fab-button.js';\nimport { IonItemOption as IonItemOptionCmp } from '@ionic/core/components/ion-item-option.js';\nimport { IonItem as IonItemCmp } from '@ionic/core/components/ion-item.js';\nimport { IonRouterLink as IonRouterLinkCmp } from '@ionic/core/components/ion-router-link.js';\n\nimport { createRoutingComponent } from './createRoutingComponent';\nimport type { HrefProps } from './hrefprops';\n\nexport const IonRouterLink = /*@__PURE__*/ createRoutingComponent<\n  HrefProps<JSX.IonRouterLink>,\n  HTMLIonRouterLinkElement\n>('ion-router-link', IonRouterLinkCmp);\n\nexport const IonButton = /*@__PURE__*/ createRoutingComponent<HrefProps<JSX.IonButton>, HTMLIonButtonElement>(\n  'ion-button',\n  IonButtonCmp\n);\n\nexport const IonCard = /*@__PURE__*/ createRoutingComponent<HrefProps<JSX.IonCard>, HTMLIonCardElement>(\n  'ion-card',\n  IonCardCmp\n);\n\nexport const IonFabButton = /*@__PURE__*/ createRoutingComponent<HrefProps<JSX.IonFabButton>, HTMLIonFabButtonElement>(\n  'ion-fab-button',\n  IonFabButtonCmp\n);\n\nexport const IonItem = /*@__PURE__*/ createRoutingComponent<HrefProps<JSX.IonItem>, HTMLIonItemElement>(\n  'ion-item',\n  IonItemCmp\n);\n\nexport const IonItemOption = /*@__PURE__*/ createRoutingComponent<\n  HrefProps<JSX.IonItemOption>,\n  HTMLIonItemOptionElement\n>('ion-item-option', IonItemOptionCmp);\n\nexport const IonBreadcrumb = /*@__PURE__*/ createRoutingComponent<\n  HrefProps<JSX.IonBreadcrumb>,\n  HTMLIonBreadcrumbElement\n>('ion-breadcrumb', IonBreadcrumbCmp);\n"],
+  "mappings": ";AACA,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,aAAa,oBAAoB;AAC1C,SAAS,WAAW,kBAAkB;AACtC,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,WAAW,kBAAkB;AACtC,SAAS,iBAAiB,wBAAwB;AAElD,SAAS,8BAA8B;AAGhC,aAAM,gBAA8B,uCAGzC,mBAAmB,gBAAgB;AAE9B,aAAM,YAA0B;AAAA,EACrC;AAAA,EACA;AACF;AAEO,aAAM,UAAwB;AAAA,EACnC;AAAA,EACA;AACF;AAEO,aAAM,eAA6B;AAAA,EACxC;AAAA,EACA;AACF;AAEO,aAAM,UAAwB;AAAA,EACnC;AAAA,EACA;AACF;AAEO,aAAM,gBAA8B,uCAGzC,mBAAmB,gBAAgB;AAE9B,aAAM,gBAA8B,uCAGzC,kBAAkB,gBAAgB;",
+  "names": []
+}

package/dist/components/utils/detachProps.js

@@ -0,0 +1,24 @@
+"use strict";
+import { isCoveredByReact } from "../react-component-lib/utils";
+export const detachProps = (node, props) => {
+  if (node instanceof Element) {
+    Object.keys(props).forEach((name) => {
+      if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+        const eventName = name.substring(2);
+        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
+        if (!isCoveredByReact(eventNameLc)) {
+          detachEvent(node, eventNameLc);
+        }
+      }
+    });
+  }
+};
+const detachEvent = (node, eventName) => {
+  const eventStore = node.__events || (node.__events = {});
+  const eventHandler = eventStore[eventName];
+  if (eventHandler) {
+    node.removeEventListener(eventName, eventHandler);
+    eventStore[eventName] = void 0;
+  }
+};
+//# sourceMappingURL=detachProps.js.map

package/dist/components/utils/detachProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/utils/detachProps.ts"],
+  "sourcesContent": ["import { isCoveredByReact } from '../react-component-lib/utils';\n\n/**\n * The @stencil/react-output-target will bind event listeners for any\n * attached props that use the `on` prefix. This function will remove\n * those event listeners when the component is unmounted.\n *\n * This prevents memory leaks and React state updates on unmounted components.\n */\nexport const detachProps = (node: HTMLElement, props: any) => {\n  if (node instanceof Element) {\n    Object.keys(props).forEach((name) => {\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n        if (!isCoveredByReact(eventNameLc)) {\n          /**\n           * Detach custom event bindings (not built-in React events)\n           * that were added by the @stencil/react-output-target attachProps function.\n           */\n          detachEvent(node, eventNameLc);\n        }\n      }\n    });\n  }\n};\n\nconst detachEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  /**\n   * If the event listener was added by attachProps, it will\n   * be stored in the __events object.\n   */\n  const eventHandler = eventStore[eventName];\n  if (eventHandler) {\n    node.removeEventListener(eventName, eventHandler);\n    eventStore[eventName] = undefined;\n  }\n};\n"],
+  "mappings": ";AAAA,SAAS,wBAAwB;AAS1B,aAAM,cAAc,CAAC,MAAmB,UAAe;AAC5D,MAAI,gBAAgB,SAAS;AAC3B,WAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,SAAS;AACnC,UAAI,KAAK,QAAQ,IAAI,MAAM,KAAK,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,YAAY,GAAG;AACjE,cAAM,YAAY,KAAK,UAAU,CAAC;AAClC,cAAM,cAAc,UAAU,CAAC,EAAE,YAAY,IAAI,UAAU,UAAU,CAAC;AACtE,YAAI,CAAC,iBAAiB,WAAW,GAAG;AAKlC,sBAAY,MAAM,WAAW;AAAA,QAC/B;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEA,MAAM,cAAc,CAClB,MACA,cACG;AACH,QAAM,aAAa,KAAK,aAAa,KAAK,WAAW,CAAC;AAKtD,QAAM,eAAe,WAAW,SAAS;AACzC,MAAI,cAAc;AAChB,SAAK,oBAAoB,WAAW,YAAY;AAChD,eAAW,SAAS,IAAI;AAAA,EAC1B;AACF;",
+  "names": []
+}

package/dist/components/utils/index.js

@@ -0,0 +1,26 @@
+"use strict";
+import { getPlatforms as getPlatformsCore, isPlatform as isPlatformCore } from "@ionic/core/components";
+import React from "react";
+export const createForwardRef = (ReactComponent, displayName) => {
+  const forwardRef = (props, ref) => {
+    return /* @__PURE__ */ React.createElement(ReactComponent, { ...props, forwardedRef: ref });
+  };
+  forwardRef.displayName = displayName;
+  return React.forwardRef(forwardRef);
+};
+export const isPlatform = (platform) => {
+  return isPlatformCore(window, platform);
+};
+export const getPlatforms = () => {
+  return getPlatformsCore(window);
+};
+export const getConfig = () => {
+  if (typeof window !== "undefined") {
+    const Ionic = window.Ionic;
+    if (Ionic && Ionic.config) {
+      return Ionic.config;
+    }
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/components/utils/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/utils/index.tsx"],
+  "sourcesContent": ["import type { Config as CoreConfig, Platforms } from '@ionic/core/components';\nimport { getPlatforms as getPlatformsCore, isPlatform as isPlatformCore } from '@ionic/core/components';\nimport React from 'react';\n\nimport type { IonicReactProps } from '../IonicReactProps';\n\nexport type IonicReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  IonicReactProps;\n\nexport const createForwardRef = <PropType, ElementType>(\n  ReactComponent: any, // TODO(FW-2959): type\n  displayName: string\n) => {\n  const forwardRef = (props: IonicReactExternalProps<PropType, ElementType>, ref: React.ForwardedRef<ElementType>) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const isPlatform = (platform: Platforms) => {\n  return isPlatformCore(window, platform);\n};\n\nexport const getPlatforms = () => {\n  return getPlatformsCore(window);\n};\n\nexport const getConfig = (): CoreConfig | null => {\n  if (typeof (window as any) !== 'undefined') {\n    const Ionic = (window as any).Ionic;\n    if (Ionic && Ionic.config) {\n      return Ionic.config;\n    }\n  }\n  return null;\n};\n"],
+  "mappings": ";AACA,SAAS,gBAAgB,kBAAkB,cAAc,sBAAsB;AAC/E,OAAO,WAAW;AAQX,aAAM,mBAAmB,CAC9B,gBACA,gBACG;AACH,QAAM,aAAa,CAAC,OAAuD,QAAyC;AAClH,WAAO,oCAAC,kBAAgB,GAAG,OAAO,cAAc,KAAK;AAAA,EACvD;AACA,aAAW,cAAc;AAEzB,SAAO,MAAM,WAAW,UAAU;AACpC;AAEO,aAAM,aAAa,CAAC,aAAwB;AACjD,SAAO,eAAe,QAAQ,QAAQ;AACxC;AAEO,aAAM,eAAe,MAAM;AAChC,SAAO,iBAAiB,MAAM;AAChC;AAEO,aAAM,YAAY,MAAyB;AAChD,MAAI,OAAQ,WAAmB,aAAa;AAC1C,UAAM,QAAS,OAAe;AAC9B,QAAI,SAAS,MAAM,QAAQ;AACzB,aAAO,MAAM;AAAA,IACf;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/components/utils/ionRenderToString.js

@@ -0,0 +1,36 @@
+"use strict";
+import { renderToString } from "@ionic/core/hydrate";
+export async function ionRenderToString(html, userAgent, options = {}) {
+  const renderToStringOptions = Object.assign(
+    {},
+    {
+      clientHydrateAnnotations: false,
+      excludeComponents: [
+        // overlays
+        "ion-action-sheet",
+        "ion-alert",
+        "ion-loading",
+        "ion-modal",
+        "ion-picker",
+        "ion-popover",
+        "ion-toast",
+        // navigation
+        "ion-router",
+        "ion-route",
+        "ion-route-redirect",
+        "ion-router-link",
+        "ion-router-outlet",
+        // tabs
+        "ion-tabs",
+        "ion-tab",
+        // auxiliary
+        "ion-picker-column"
+      ],
+      userAgent
+    },
+    options
+  );
+  const ionHtml = await renderToString(html, renderToStringOptions);
+  return ionHtml.html;
+}
+//# sourceMappingURL=ionRenderToString.js.map

package/dist/components/utils/ionRenderToString.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/utils/ionRenderToString.ts"],
+  "sourcesContent": ["import type { SerializeDocumentOptions } from '@ionic/core/hydrate';\nimport { renderToString } from '@ionic/core/hydrate';\n\nexport async function ionRenderToString(html: string, userAgent: string, options: SerializeDocumentOptions = {}) {\n  const renderToStringOptions = Object.assign(\n    {},\n    {\n      clientHydrateAnnotations: false,\n      excludeComponents: [\n        // overlays\n        'ion-action-sheet',\n        'ion-alert',\n        'ion-loading',\n        'ion-modal',\n        'ion-picker',\n        'ion-popover',\n        'ion-toast',\n\n        // navigation\n        'ion-router',\n        'ion-route',\n        'ion-route-redirect',\n        'ion-router-link',\n        'ion-router-outlet',\n\n        // tabs\n        'ion-tabs',\n        'ion-tab',\n\n        // auxiliary\n        'ion-picker-column',\n      ],\n      userAgent,\n    },\n    options\n  );\n\n  const ionHtml = await renderToString(html, renderToStringOptions);\n  return ionHtml.html;\n}\n"],
+  "mappings": ";AACA,SAAS,sBAAsB;AAE/B,sBAAsB,kBAAkB,MAAc,WAAmB,UAAoC,CAAC,GAAG;AAC/G,QAAM,wBAAwB,OAAO;AAAA,IACnC,CAAC;AAAA,IACD;AAAA,MACE,0BAA0B;AAAA,MAC1B,mBAAmB;AAAA;AAAA,QAEjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,MAAM,eAAe,MAAM,qBAAqB;AAChE,SAAO,QAAQ;AACjB;",
+  "names": []
+}

package/dist/contexts/IonContext.js

@@ -0,0 +1,11 @@
+"use strict";
+import React from "react";
+export const IonContext = React.createContext({
+  addOverlay: () => {
+    return;
+  },
+  removeOverlay: () => {
+    return;
+  }
+});
+//# sourceMappingURL=IonContext.js.map

package/dist/contexts/IonContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/contexts/IonContext.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport type { ReactComponentOrElement } from '../models';\n\nexport interface IonContextInterface {\n  addOverlay: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void;\n  removeOverlay: (id: string) => void;\n}\n\nexport const IonContext = React.createContext<IonContextInterface>({\n  addOverlay: () => {\n    return;\n  },\n  removeOverlay: () => {\n    return;\n  },\n});\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AASX,aAAM,aAAa,MAAM,cAAmC;AAAA,EACjE,YAAY,MAAM;AAChB;AAAA,EACF;AAAA,EACA,eAAe,MAAM;AACnB;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/contexts/IonLifeCycleContext.js

@@ -0,0 +1,185 @@
+"use strict";
+import React from "react";
+export const IonLifeCycleContext = /* @__PURE__ */ React.createContext({
+  onIonViewWillEnter: () => {
+    return;
+  },
+  ionViewWillEnter: () => {
+    return;
+  },
+  onIonViewDidEnter: () => {
+    return;
+  },
+  ionViewDidEnter: () => {
+    return;
+  },
+  onIonViewWillLeave: () => {
+    return;
+  },
+  ionViewWillLeave: () => {
+    return;
+  },
+  onIonViewDidLeave: () => {
+    return;
+  },
+  ionViewDidLeave: () => {
+    return;
+  },
+  cleanupIonViewWillEnter: () => {
+    return;
+  },
+  cleanupIonViewDidEnter: () => {
+    return;
+  },
+  cleanupIonViewWillLeave: () => {
+    return;
+  },
+  cleanupIonViewDidLeave: () => {
+    return;
+  }
+});
+export const DefaultIonLifeCycleContext = class {
+  constructor() {
+    this.ionViewWillEnterCallbacks = [];
+    this.ionViewDidEnterCallbacks = [];
+    this.ionViewWillLeaveCallbacks = [];
+    this.ionViewDidLeaveCallbacks = [];
+    this.ionViewWillEnterDestructorCallbacks = [];
+    this.ionViewDidEnterDestructorCallbacks = [];
+    this.ionViewWillLeaveDestructorCallbacks = [];
+    this.ionViewDidLeaveDestructorCallbacks = [];
+  }
+  onIonViewWillEnter(callback) {
+    if (callback.id) {
+      const index = this.ionViewWillEnterCallbacks.findIndex((x) => x.id === callback.id);
+      if (index > -1) {
+        this.ionViewWillEnterCallbacks[index] = callback;
+      } else {
+        this.ionViewWillEnterCallbacks.push(callback);
+      }
+    } else {
+      this.ionViewWillEnterCallbacks.push(callback);
+    }
+  }
+  teardownCallback(callback, callbacks) {
+    const matches = callbacks.filter((x) => x.id === callback.id);
+    if (matches.length !== 0) {
+      matches.forEach((match) => {
+        if (match && typeof match.destructor === "function") {
+          match.destructor();
+        }
+      });
+      callbacks = callbacks.filter((x) => x.id !== callback.id);
+    }
+  }
+  /**
+   * 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 });
+      }
+    });
+  }
+  onIonViewDidEnter(callback) {
+    if (callback.id) {
+      const index = this.ionViewDidEnterCallbacks.findIndex((x) => x.id === callback.id);
+      if (index > -1) {
+        this.ionViewDidEnterCallbacks[index] = callback;
+      } else {
+        this.ionViewDidEnterCallbacks.push(callback);
+      }
+    } else {
+      this.ionViewDidEnterCallbacks.push(callback);
+    }
+  }
+  ionViewDidEnter() {
+    this.ionViewDidEnterCallbacks.forEach((cb) => {
+      const destructor = cb();
+      if (cb.id) {
+        this.ionViewDidEnterDestructorCallbacks.push({ id: cb.id, destructor });
+      }
+    });
+  }
+  onIonViewWillLeave(callback) {
+    if (callback.id) {
+      const index = this.ionViewWillLeaveCallbacks.findIndex((x) => x.id === callback.id);
+      if (index > -1) {
+        this.ionViewWillLeaveCallbacks[index] = callback;
+      } else {
+        this.ionViewWillLeaveCallbacks.push(callback);
+      }
+    } else {
+      this.ionViewWillLeaveCallbacks.push(callback);
+    }
+  }
+  ionViewWillLeave() {
+    this.ionViewWillLeaveCallbacks.forEach((cb) => {
+      const destructor = cb();
+      if (cb.id) {
+        this.ionViewWillLeaveDestructorCallbacks.push({ id: cb.id, destructor });
+      }
+    });
+  }
+  onIonViewDidLeave(callback) {
+    if (callback.id) {
+      const index = this.ionViewDidLeaveCallbacks.findIndex((x) => x.id === callback.id);
+      if (index > -1) {
+        this.ionViewDidLeaveCallbacks[index] = callback;
+      } else {
+        this.ionViewDidLeaveCallbacks.push(callback);
+      }
+    } else {
+      this.ionViewDidLeaveCallbacks.push(callback);
+    }
+  }
+  ionViewDidLeave() {
+    this.ionViewDidLeaveCallbacks.forEach((cb) => {
+      const destructor = cb();
+      if (cb.id) {
+        this.ionViewDidLeaveDestructorCallbacks.push({ id: cb.id, destructor });
+      }
+    });
+    this.componentCanBeDestroyed();
+  }
+  onComponentCanBeDestroyed(callback) {
+    this.componentCanBeDestroyedCallback = callback;
+  }
+  componentCanBeDestroyed() {
+    if (this.componentCanBeDestroyedCallback) {
+      this.componentCanBeDestroyedCallback();
+    }
+  }
+};
+//# sourceMappingURL=IonLifeCycleContext.js.map

package/dist/contexts/IonLifeCycleContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/contexts/IonLifeCycleContext.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nexport interface IonLifeCycleContextInterface {\n  onIonViewWillEnter: (callback: () => void) => void;\n  ionViewWillEnter: () => void;\n  onIonViewDidEnter: (callback: () => void) => void;\n  ionViewDidEnter: () => void;\n  onIonViewWillLeave: (callback: () => void) => void;\n  ionViewWillLeave: () => void;\n  onIonViewDidLeave: (callback: () => void) => void;\n  ionViewDidLeave: () => void;\n  cleanupIonViewWillEnter: (callback: () => void) => void;\n  cleanupIonViewDidEnter: (callback: () => void) => void;\n  cleanupIonViewWillLeave: (callback: () => void) => void;\n  cleanupIonViewDidLeave: (callback: () => void) => void;\n}\n\nexport const IonLifeCycleContext = /*@__PURE__*/ React.createContext<IonLifeCycleContextInterface>({\n  onIonViewWillEnter: () => {\n    return;\n  },\n  ionViewWillEnter: () => {\n    return;\n  },\n  onIonViewDidEnter: () => {\n    return;\n  },\n  ionViewDidEnter: () => {\n    return;\n  },\n  onIonViewWillLeave: () => {\n    return;\n  },\n  ionViewWillLeave: () => {\n    return;\n  },\n  onIonViewDidLeave: () => {\n    return;\n  },\n  ionViewDidLeave: () => {\n    return;\n  },\n  cleanupIonViewWillEnter: () => {\n    return;\n  },\n  cleanupIonViewDidEnter: () => {\n    return;\n  },\n  cleanupIonViewWillLeave: () => {\n    return;\n  },\n  cleanupIonViewDidLeave: () => {\n    return;\n  },\n});\n\nexport interface LifeCycleCallback {\n  (): void | (() => void | undefined);\n  id?: number;\n}\n\nexport interface LifeCycleDestructor {\n  id: number;\n  destructor: ReturnType<LifeCycleCallback>;\n}\n\nexport const DefaultIonLifeCycleContext = class implements IonLifeCycleContextInterface {\n  ionViewWillEnterCallbacks: LifeCycleCallback[] = [];\n  ionViewDidEnterCallbacks: LifeCycleCallback[] = [];\n  ionViewWillLeaveCallbacks: LifeCycleCallback[] = [];\n  ionViewDidLeaveCallbacks: LifeCycleCallback[] = [];\n  componentCanBeDestroyedCallback?: () => void;\n  ionViewWillEnterDestructorCallbacks: LifeCycleDestructor[] = [];\n  ionViewDidEnterDestructorCallbacks: LifeCycleDestructor[] = [];\n  ionViewWillLeaveDestructorCallbacks: LifeCycleDestructor[] = [];\n  ionViewDidLeaveDestructorCallbacks: LifeCycleDestructor[] = [];\n\n  onIonViewWillEnter(callback: LifeCycleCallback) {\n    if (callback.id) {\n      const index = this.ionViewWillEnterCallbacks.findIndex((x) => x.id === callback.id);\n      if (index > -1) {\n        this.ionViewWillEnterCallbacks[index] = callback;\n      } else {\n        this.ionViewWillEnterCallbacks.push(callback);\n      }\n    } else {\n      this.ionViewWillEnterCallbacks.push(callback);\n    }\n  }\n\n  teardownCallback(callback: LifeCycleCallback, callbacks: any[]) {\n    // Find any destructors that have been registered for the callback\n    const matches = callbacks.filter((x) => x.id === callback.id);\n    if (matches.length !== 0) {\n      // Execute the destructor for each matching item\n      matches.forEach((match) => {\n        if (match && typeof match.destructor === 'function') {\n          match.destructor();\n        }\n      });\n      // Remove all matching items from the array\n      callbacks = callbacks.filter((x) => x.id !== callback.id);\n    }\n  }\n\n  /**\n   * Tears down the user-provided ionViewWillEnter lifecycle callback.\n   * This is the same behavior as React's useEffect hook. The callback\n   * is invoked when the component is unmounted.\n   */\n  cleanupIonViewWillEnter(callback: LifeCycleCallback) {\n    this.teardownCallback(callback, this.ionViewWillEnterDestructorCallbacks);\n  }\n\n  /**\n   * Tears down the user-provided ionViewDidEnter lifecycle callback.\n   * This is the same behavior as React's useEffect hook. The callback\n   * is invoked when the component is unmounted.\n   */\n  cleanupIonViewDidEnter(callback: LifeCycleCallback) {\n    this.teardownCallback(callback, this.ionViewDidEnterDestructorCallbacks);\n  }\n\n  /**\n   * Tears down the user-provided ionViewWillLeave lifecycle callback.\n   * This is the same behavior as React's useEffect hook. The callback\n   * is invoked when the component is unmounted.\n   */\n  cleanupIonViewWillLeave(callback: LifeCycleCallback) {\n    this.teardownCallback(callback, this.ionViewWillLeaveDestructorCallbacks);\n  }\n\n  /**\n   * Tears down the user-provided ionViewDidLeave lifecycle callback.\n   * This is the same behavior as React's useEffect hook. The callback\n   * is invoked when the component is unmounted.\n   */\n  cleanupIonViewDidLeave(callback: LifeCycleCallback) {\n    this.teardownCallback(callback, this.ionViewDidLeaveDestructorCallbacks);\n  }\n\n  ionViewWillEnter() {\n    this.ionViewWillEnterCallbacks.forEach((cb) => {\n      const destructor = cb();\n      if (cb.id) {\n        this.ionViewWillEnterDestructorCallbacks.push({ id: cb.id, destructor });\n      }\n    });\n  }\n\n  onIonViewDidEnter(callback: LifeCycleCallback) {\n    if (callback.id) {\n      const index = this.ionViewDidEnterCallbacks.findIndex((x) => x.id === callback.id);\n      if (index > -1) {\n        this.ionViewDidEnterCallbacks[index] = callback;\n      } else {\n        this.ionViewDidEnterCallbacks.push(callback);\n      }\n    } else {\n      this.ionViewDidEnterCallbacks.push(callback);\n    }\n  }\n\n  ionViewDidEnter() {\n    this.ionViewDidEnterCallbacks.forEach((cb) => {\n      const destructor = cb();\n      if (cb.id) {\n        this.ionViewDidEnterDestructorCallbacks.push({ id: cb.id, destructor });\n      }\n    });\n  }\n\n  onIonViewWillLeave(callback: LifeCycleCallback) {\n    if (callback.id) {\n      const index = this.ionViewWillLeaveCallbacks.findIndex((x) => x.id === callback.id);\n      if (index > -1) {\n        this.ionViewWillLeaveCallbacks[index] = callback;\n      } else {\n        this.ionViewWillLeaveCallbacks.push(callback);\n      }\n    } else {\n      this.ionViewWillLeaveCallbacks.push(callback);\n    }\n  }\n\n  ionViewWillLeave() {\n    this.ionViewWillLeaveCallbacks.forEach((cb) => {\n      const destructor = cb();\n      if (cb.id) {\n        this.ionViewWillLeaveDestructorCallbacks.push({ id: cb.id, destructor });\n      }\n    });\n  }\n\n  onIonViewDidLeave(callback: LifeCycleCallback) {\n    if (callback.id) {\n      const index = this.ionViewDidLeaveCallbacks.findIndex((x) => x.id === callback.id);\n      if (index > -1) {\n        this.ionViewDidLeaveCallbacks[index] = callback;\n      } else {\n        this.ionViewDidLeaveCallbacks.push(callback);\n      }\n    } else {\n      this.ionViewDidLeaveCallbacks.push(callback);\n    }\n  }\n\n  ionViewDidLeave() {\n    this.ionViewDidLeaveCallbacks.forEach((cb) => {\n      const destructor = cb();\n      if (cb.id) {\n        this.ionViewDidLeaveDestructorCallbacks.push({ id: cb.id, destructor });\n      }\n    });\n    this.componentCanBeDestroyed();\n  }\n\n  onComponentCanBeDestroyed(callback: () => void) {\n    this.componentCanBeDestroyedCallback = callback;\n  }\n\n  componentCanBeDestroyed() {\n    if (this.componentCanBeDestroyedCallback) {\n      this.componentCanBeDestroyedCallback();\n    }\n  }\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/contexts/NavContext.js

@@ -0,0 +1,36 @@
+"use strict";
+import React from "react";
+export const NavContext = /* @__PURE__ */ React.createContext({
+  getIonRedirect: () => void 0,
+  getIonRoute: () => void 0,
+  getPageManager: () => void 0,
+  getStackManager: () => void 0,
+  goBack: (route) => {
+    if (typeof window !== "undefined") {
+      if (typeof route === "string") {
+        window.location.pathname = route;
+      } else {
+        window.history.back();
+      }
+    }
+  },
+  navigate: (path) => {
+    if (typeof window !== "undefined") {
+      window.location.pathname = path;
+    }
+  },
+  hasIonicRouter: () => false,
+  routeInfo: void 0,
+  setCurrentTab: () => void 0,
+  changeTab: (_tab, path) => {
+    if (typeof window !== "undefined") {
+      window.location.pathname = path;
+    }
+  },
+  resetTab: (_tab, path) => {
+    if (typeof window !== "undefined") {
+      window.location.pathname = path;
+    }
+  }
+});
+//# sourceMappingURL=NavContext.js.map

package/dist/contexts/NavContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/contexts/NavContext.ts"],
+  "sourcesContent": ["import type { AnimationBuilder, RouterDirection } from '@ionic/core/components';\nimport React from 'react';\n\nimport type { RouteInfo } from '../models';\n\n// TODO(FW-2959): types\n\nexport interface NavContextState {\n  getIonRoute: () => any;\n  getIonRedirect: () => any;\n  getPageManager: () => any;\n  getStackManager: () => any;\n  goBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;\n  navigate: (\n    path: string,\n    direction?: RouterDirection | 'none',\n    ionRouteAction?: 'push' | 'replace' | 'pop',\n    animationBuilder?: AnimationBuilder,\n    options?: any,\n    tab?: string\n  ) => void;\n  hasIonicRouter: () => boolean;\n  routeInfo?: RouteInfo;\n  setCurrentTab: (tab: string, routeInfo: RouteInfo) => void;\n  changeTab: (tab: string, path: string, routeOptions?: any) => void;\n  resetTab: (tab: string, originalHref: string, originalRouteOptions?: any) => void;\n}\n\nexport const NavContext = /*@__PURE__*/ React.createContext<NavContextState>({\n  getIonRedirect: () => undefined,\n  getIonRoute: () => undefined,\n  getPageManager: () => undefined,\n  getStackManager: () => undefined,\n  goBack: (route?: string | RouteInfo) => {\n    if (typeof window !== 'undefined') {\n      if (typeof route === 'string') {\n        window.location.pathname = route;\n      } else {\n        window.history.back();\n      }\n    }\n  },\n  navigate: (path: string) => {\n    if (typeof window !== 'undefined') {\n      window.location.pathname = path;\n    }\n  },\n  hasIonicRouter: () => false,\n  routeInfo: undefined,\n  setCurrentTab: () => undefined,\n  changeTab: (_tab: string, path: string) => {\n    if (typeof window !== 'undefined') {\n      window.location.pathname = path;\n    }\n  },\n  resetTab: (_tab: string, path: string) => {\n    if (typeof window !== 'undefined') {\n      window.location.pathname = path;\n    }\n  },\n});\n"],
+  "mappings": ";AACA,OAAO,WAAW;AA2BX,aAAM,aAA2B,sBAAM,cAA+B;AAAA,EAC3E,gBAAgB,MAAM;AAAA,EACtB,aAAa,MAAM;AAAA,EACnB,gBAAgB,MAAM;AAAA,EACtB,iBAAiB,MAAM;AAAA,EACvB,QAAQ,CAAC,UAA+B;AACtC,QAAI,OAAO,WAAW,aAAa;AACjC,UAAI,OAAO,UAAU,UAAU;AAC7B,eAAO,SAAS,WAAW;AAAA,MAC7B,OAAO;AACL,eAAO,QAAQ,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU,CAAC,SAAiB;AAC1B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,SAAS,WAAW;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,gBAAgB,MAAM;AAAA,EACtB,WAAW;AAAA,EACX,eAAe,MAAM;AAAA,EACrB,WAAW,CAAC,MAAc,SAAiB;AACzC,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,SAAS,WAAW;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,UAAU,CAAC,MAAc,SAAiB;AACxC,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO,SAAS,WAAW;AAAA,IAC7B;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/framework-delegate.js

@@ -0,0 +1,30 @@
+"use strict";
+import { createPortal } from "react-dom";
+import { generateId } from "./utils/generateId";
+export const ReactDelegate = (addView, removeView) => {
+  const refMap = /* @__PURE__ */ new WeakMap();
+  const reactDelegateId = `react-delegate-${generateId()}`;
+  let id = 0;
+  const attachViewToDom = async (parentElement, component, propsOrDataObj, cssClasses) => {
+    const div = document.createElement("div");
+    cssClasses && div.classList.add(...cssClasses);
+    parentElement.appendChild(div);
+    const componentWithProps = component(propsOrDataObj);
+    const key = `${reactDelegateId}-${id++}`;
+    const hostComponent = createPortal(componentWithProps, div, key);
+    refMap.set(div, hostComponent);
+    addView(hostComponent);
+    return Promise.resolve(div);
+  };
+  const removeViewFromDom = (_container, component) => {
+    const hostComponent = refMap.get(component);
+    hostComponent && removeView(hostComponent);
+    component.remove();
+    return Promise.resolve();
+  };
+  return {
+    attachViewToDom,
+    removeViewFromDom
+  };
+};
+//# sourceMappingURL=framework-delegate.js.map

package/dist/framework-delegate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/framework-delegate.tsx"],
+  "sourcesContent": ["import type { FrameworkDelegate } from '@ionic/core/components';\nimport { createPortal } from 'react-dom';\n\nimport { generateId } from './utils/generateId';\n\n// TODO(FW-2959): types\n\ntype ReactComponent = (props?: any) => JSX.Element;\n\nexport const ReactDelegate = (\n  addView: (view: React.ReactElement) => void,\n  removeView: (view: React.ReactElement) => void\n): FrameworkDelegate => {\n  const refMap = new WeakMap<HTMLElement, React.ReactElement>();\n  const reactDelegateId = `react-delegate-${generateId()}`;\n  // Incrementing counter to generate unique keys for each view\n  let id = 0;\n\n  const attachViewToDom = async (\n    parentElement: HTMLElement,\n    component: ReactComponent,\n    propsOrDataObj?: any,\n    cssClasses?: string[]\n  ): Promise<any> => {\n    const div = document.createElement('div');\n    cssClasses && div.classList.add(...cssClasses);\n    parentElement.appendChild(div);\n\n    const componentWithProps = component(propsOrDataObj);\n    const key = `${reactDelegateId}-${id++}`;\n    const hostComponent = createPortal(componentWithProps, div, key);\n\n    refMap.set(div, hostComponent);\n\n    addView(hostComponent);\n\n    return Promise.resolve(div);\n  };\n\n  const removeViewFromDom = (_container: any, component: HTMLElement): Promise<void> => {\n    const hostComponent = refMap.get(component);\n    hostComponent && removeView(hostComponent);\n\n    component.remove();\n\n    return Promise.resolve();\n  };\n\n  return {\n    attachViewToDom,\n    removeViewFromDom,\n  };\n};\n"],
+  "mappings": ";AACA,SAAS,oBAAoB;AAE7B,SAAS,kBAAkB;AAMpB,aAAM,gBAAgB,CAC3B,SACA,eACsB;AACtB,QAAM,SAAS,oBAAI,QAAyC;AAC5D,QAAM,kBAAkB,kBAAkB,WAAW,CAAC;AAEtD,MAAI,KAAK;AAET,QAAM,kBAAkB,OACtB,eACA,WACA,gBACA,eACiB;AACjB,UAAM,MAAM,SAAS,cAAc,KAAK;AACxC,kBAAc,IAAI,UAAU,IAAI,GAAG,UAAU;AAC7C,kBAAc,YAAY,GAAG;AAE7B,UAAM,qBAAqB,UAAU,cAAc;AACnD,UAAM,MAAM,GAAG,eAAe,IAAI,IAAI;AACtC,UAAM,gBAAgB,aAAa,oBAAoB,KAAK,GAAG;AAE/D,WAAO,IAAI,KAAK,aAAa;AAE7B,YAAQ,aAAa;AAErB,WAAO,QAAQ,QAAQ,GAAG;AAAA,EAC5B;AAEA,QAAM,oBAAoB,CAAC,YAAiB,cAA0C;AACpF,UAAM,gBAAgB,OAAO,IAAI,SAAS;AAC1C,qBAAiB,WAAW,aAAa;AAEzC,cAAU,OAAO;AAEjB,WAAO,QAAQ,QAAQ;AAAA,EACzB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/hooks/HookOverlayOptions.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=HookOverlayOptions.js.map

package/dist/hooks/HookOverlayOptions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/hooks/__tests__/hooks.spec.js

@@ -0,0 +1,6 @@
+"use strict";
+describe("test", () => {
+  it("should pass", () => {
+  });
+});
+//# sourceMappingURL=hooks.spec.js.map

package/dist/hooks/__tests__/hooks.spec.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/__tests__/hooks.spec.tsx"],
+  "sourcesContent": ["// TODO: Jest does not support ES Modules,\n// and Ionic custom elements are ES Modules only.\n\ndescribe('test', () => {\n  it('should pass', () => {\n    // This is to get CI to pass!\n    // We need to figure out an ESM solution for tests\n  });\n});\n\n/*import { alertController, modalController } from '@ionic/core';\n\nimport React from 'react';\n\nimport { useController } from '../useController';\nimport { useOverlay } from '../useOverlay';\n\nimport { useIonActionSheet } from '../useIonActionSheet';\nimport type { UseIonActionSheetResult } from '../useIonActionSheet';\nimport { useIonAlert } from '../useIonAlert';\nimport type { UseIonAlertResult } from '../useIonAlert';\nimport { useIonLoading } from '../useIonLoading';\nimport type { UseIonLoadingResult } from '../useIonLoading';\nimport { useIonModal } from '../useIonModal';\nimport type { UseIonModalResult } from '../useIonModal';\nimport { useIonPicker } from '../useIonPicker';\nimport type { UseIonPickerResult } from '../useIonPicker';\nimport { useIonPopover } from '../useIonPopover';\nimport type { UseIonPopoverResult } from '../useIonPopover';\nimport { useIonToast } from '../useIonToast';\nimport type { UseIonToastResult } from '../useIonToast';\n\nimport { renderHook } from '@testing-library/react-hooks';\n\ndescribe('useController', () => {\n  it('should be memorised', () => {\n    const { result, rerender } = renderHook(() =>\n      useController('AlertController', alertController)\n    );\n\n    rerender();\n\n    const [\n      { present: firstPresent, dismiss: firstDismiss },\n      { present: secondPresent, dismiss: secondDismiss },\n    ] = result.all as ReturnType<typeof useController>[];\n\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n\ndescribe('useIonActionSheet', () => {\n  it('should be memorised', () => {\n    const { result, rerender } = renderHook(() => useIonActionSheet());\n\n    rerender();\n\n    const [[firstPresent, firstDismiss], [secondPresent, secondDismiss]] =\n      result.all as UseIonActionSheetResult[];\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n\ndescribe('useIonAlert', () => {\n  it('should be memorised', () => {\n    const { result, rerender } = renderHook(() => useIonAlert());\n\n    rerender();\n\n    const [[firstPresent, firstDismiss], [secondPresent, secondDismiss]] =\n      result.all as UseIonAlertResult[];\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n\ndescribe('useIonLoading', () => {\n  it('should be memorised', () => {\n    const { result, rerender } = renderHook(() => useIonLoading());\n\n    rerender();\n\n    const [[firstPresent, firstDismiss], [secondPresent, secondDismiss]] =\n      result.all as UseIonLoadingResult[];\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n\ndescribe('useIonModal', () => {\n  it('should be memorised', () => {\n    const ModalComponent = () => <div />;\n    const { result, rerender } = renderHook(() => useIonModal(ModalComponent, {}));\n\n    rerender();\n\n    const [[firstPresent, firstDismiss], [secondPresent, secondDismiss]] =\n      result.all as UseIonModalResult[];\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n\ndescribe('useIonPicker', () => {\n  it('should be memorised', () => {\n    const { result, rerender } = renderHook(() => useIonPicker());\n\n    rerender();\n\n    const [[firstPresent, firstDismiss], [secondPresent, secondDismiss]] =\n      result.all as UseIonPickerResult[];\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n\ndescribe('useIonPopover', () => {\n  it('should be memorised', () => {\n    const PopoverComponent = () => <div />;\n    const { result, rerender } = renderHook(() => useIonPopover(PopoverComponent, {}));\n\n    rerender();\n\n    const [[firstPresent, firstDismiss], [secondPresent, secondDismiss]] =\n      result.all as UseIonPopoverResult[];\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n\ndescribe('useIonToast', () => {\n  it('should be memorised', () => {\n    const { result, rerender } = renderHook(() => useIonToast());\n\n    rerender();\n\n    const [[firstPresent, firstDismiss], [secondPresent, secondDismiss]] =\n      result.all as UseIonToastResult[];\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n\ndescribe('useOverlay', () => {\n  it('should be memorised', () => {\n    const OverlayComponent = () => <div />;\n    const { result, rerender } = renderHook(() =>\n      useOverlay('IonModal', modalController, OverlayComponent, {})\n    );\n\n    rerender();\n\n    const [\n      { present: firstPresent, dismiss: firstDismiss },\n      { present: secondPresent, dismiss: secondDismiss },\n    ] = result.all as ReturnType<typeof useOverlay>[];\n\n    expect(firstPresent).toBe(secondPresent);\n    expect(firstDismiss).toBe(secondDismiss);\n  });\n});\n*/\n"],
+  "mappings": ";AAGA,SAAS,QAAQ,MAAM;AACrB,KAAG,eAAe,MAAM;AAAA,EAGxB,CAAC;AACH,CAAC;",
+  "names": []
+}

package/dist/hooks/useController.js

@@ -0,0 +1,45 @@
+"use strict";
+import { useCallback, useMemo, useRef } from "react";
+import { attachProps } from "../components/react-component-lib/utils";
+export function useController(displayName, controller, defineCustomElement) {
+  const overlayRef = useRef();
+  const didDismissEventName = useMemo(() => `on${displayName}DidDismiss`, [displayName]);
+  const didPresentEventName = useMemo(() => `on${displayName}DidPresent`, [displayName]);
+  const willDismissEventName = useMemo(() => `on${displayName}WillDismiss`, [displayName]);
+  const willPresentEventName = useMemo(() => `on${displayName}WillPresent`, [displayName]);
+  defineCustomElement();
+  const present = useCallback(
+    async (options) => {
+      if (overlayRef.current) {
+        return;
+      }
+      const { onDidDismiss, onWillDismiss, onDidPresent, onWillPresent, ...rest } = options;
+      const handleDismiss = (event) => {
+        if (onDidDismiss) {
+          onDidDismiss(event);
+        }
+        overlayRef.current = void 0;
+      };
+      overlayRef.current = await controller.create({
+        ...rest
+      });
+      attachProps(overlayRef.current, {
+        [didDismissEventName]: handleDismiss,
+        [didPresentEventName]: (e) => onDidPresent && onDidPresent(e),
+        [willDismissEventName]: (e) => onWillDismiss && onWillDismiss(e),
+        [willPresentEventName]: (e) => onWillPresent && onWillPresent(e)
+      });
+      overlayRef.current.present();
+    },
+    [controller]
+  );
+  const dismiss = useCallback(async () => {
+    overlayRef.current && await overlayRef.current.dismiss();
+    overlayRef.current = void 0;
+  }, []);
+  return {
+    present,
+    dismiss
+  };
+}
+//# sourceMappingURL=useController.js.map

package/dist/hooks/useController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useController.ts"],
+  "sourcesContent": ["import type { OverlayEventDetail } from '@ionic/core/components';\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport { attachProps } from '../components/react-component-lib/utils';\n\nimport type { HookOverlayOptions } from './HookOverlayOptions';\n\ninterface OverlayBase extends HTMLElement {\n  present: () => Promise<void>;\n  dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;\n}\n\nexport function useController<OptionsType, OverlayType extends OverlayBase>(\n  displayName: string,\n  controller: { create: (options: OptionsType) => Promise<OverlayType> },\n  defineCustomElement: () => void\n) {\n  const overlayRef = useRef<OverlayType>();\n  const didDismissEventName = useMemo(() => `on${displayName}DidDismiss`, [displayName]);\n  const didPresentEventName = useMemo(() => `on${displayName}DidPresent`, [displayName]);\n  const willDismissEventName = useMemo(() => `on${displayName}WillDismiss`, [displayName]);\n  const willPresentEventName = useMemo(() => `on${displayName}WillPresent`, [displayName]);\n\n  defineCustomElement();\n\n  const present = useCallback(\n    async (options: OptionsType & HookOverlayOptions) => {\n      if (overlayRef.current) {\n        return;\n      }\n\n      const { onDidDismiss, onWillDismiss, onDidPresent, onWillPresent, ...rest } = options;\n\n      const handleDismiss = (event: CustomEvent<OverlayEventDetail<any>>) => {\n        if (onDidDismiss) {\n          onDidDismiss(event);\n        }\n        overlayRef.current = undefined;\n      };\n\n      overlayRef.current = await controller.create({\n        ...(rest as any),\n      });\n\n      attachProps(overlayRef.current, {\n        [didDismissEventName]: handleDismiss,\n        [didPresentEventName]: (e: CustomEvent) => onDidPresent && onDidPresent(e),\n        [willDismissEventName]: (e: CustomEvent) => onWillDismiss && onWillDismiss(e),\n        [willPresentEventName]: (e: CustomEvent) => onWillPresent && onWillPresent(e),\n      });\n\n      overlayRef.current.present();\n    },\n    [controller]\n  );\n\n  const dismiss = useCallback(async () => {\n    overlayRef.current && (await overlayRef.current.dismiss());\n    overlayRef.current = undefined;\n  }, []);\n\n  return {\n    present,\n    dismiss,\n  };\n}\n"],
+  "mappings": ";AACA,SAAS,aAAa,SAAS,cAAc;AAE7C,SAAS,mBAAmB;AASrB,gBAAS,cACd,aACA,YACA,qBACA;AACA,QAAM,aAAa,OAAoB;AACvC,QAAM,sBAAsB,QAAQ,MAAM,KAAK,WAAW,cAAc,CAAC,WAAW,CAAC;AACrF,QAAM,sBAAsB,QAAQ,MAAM,KAAK,WAAW,cAAc,CAAC,WAAW,CAAC;AACrF,QAAM,uBAAuB,QAAQ,MAAM,KAAK,WAAW,eAAe,CAAC,WAAW,CAAC;AACvF,QAAM,uBAAuB,QAAQ,MAAM,KAAK,WAAW,eAAe,CAAC,WAAW,CAAC;AAEvF,sBAAoB;AAEpB,QAAM,UAAU;AAAA,IACd,OAAO,YAA8C;AACnD,UAAI,WAAW,SAAS;AACtB;AAAA,MACF;AAEA,YAAM,EAAE,cAAc,eAAe,cAAc,eAAe,GAAG,KAAK,IAAI;AAE9E,YAAM,gBAAgB,CAAC,UAAgD;AACrE,YAAI,cAAc;AAChB,uBAAa,KAAK;AAAA,QACpB;AACA,mBAAW,UAAU;AAAA,MACvB;AAEA,iBAAW,UAAU,MAAM,WAAW,OAAO;AAAA,QAC3C,GAAI;AAAA,MACN,CAAC;AAED,kBAAY,WAAW,SAAS;AAAA,QAC9B,CAAC,mBAAmB,GAAG;AAAA,QACvB,CAAC,mBAAmB,GAAG,CAAC,MAAmB,gBAAgB,aAAa,CAAC;AAAA,QACzE,CAAC,oBAAoB,GAAG,CAAC,MAAmB,iBAAiB,cAAc,CAAC;AAAA,QAC5E,CAAC,oBAAoB,GAAG,CAAC,MAAmB,iBAAiB,cAAc,CAAC;AAAA,MAC9E,CAAC;AAED,iBAAW,QAAQ,QAAQ;AAAA,IAC7B;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,UAAU,YAAY,YAAY;AACtC,eAAW,WAAY,MAAM,WAAW,QAAQ,QAAQ;AACxD,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}