@ionic/react 7.5.3-dev.11698858201.14165f23 → 7.5.3-dev.11699994454.1cbf1283

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { IonLifeCycleContext } from '../contexts/IonLifeCycleContext';
+export declare const withIonLifeCycle: (WrappedComponent: React.ComponentType<any>) => {
+    new (props: any): {
+        context: React.ContextType<typeof IonLifeCycleContext>;
+        componentRef: React.RefObject<any>;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<any>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};

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

@@ -0,0 +1,5 @@
+import type { LifeCycleCallback } from '../contexts/IonLifeCycleContext';
+export declare const useIonViewWillEnter: (callback: LifeCycleCallback, deps?: any[]) => void;
+export declare const useIonViewDidEnter: (callback: LifeCycleCallback, deps?: any[]) => void;
+export declare const useIonViewWillLeave: (callback: LifeCycleCallback, deps?: any[]) => void;
+export declare const useIonViewDidLeave: (callback: LifeCycleCallback, deps?: any[]) => void;

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

@@ -0,0 +1,2 @@
+export { withIonLifeCycle } from './IonLifeCycleHOC';
+export { useIonViewDidEnter, useIonViewDidLeave, useIonViewWillEnter, useIonViewWillLeave } from './hooks';

package/dist/types/models/ReactComponentOrElement.d.ts

@@ -0,0 +1,2 @@
+import type React from 'react';
+export type ReactComponentOrElement = React.ComponentClass<any, any> | React.FC<any> | JSX.Element;

package/dist/types/models/RouteAction.d.ts

@@ -0,0 +1 @@
+export type RouteAction = 'push' | 'replace' | 'pop';

package/dist/types/models/RouteInfo.d.ts

@@ -0,0 +1,19 @@
+import type { AnimationBuilder } from '@ionic/core/components';
+import type { RouteAction } from './RouteAction';
+import type { RouterDirection } from './RouterDirection';
+export interface RouteInfo<TOptions = any> {
+    id: string;
+    lastPathname?: string;
+    prevRouteLastPathname?: string;
+    routeAction?: RouteAction;
+    routeDirection?: RouterDirection;
+    routeAnimation?: AnimationBuilder;
+    routeOptions?: TOptions;
+    params?: {
+        [key: string]: string | string[];
+    };
+    pushedByRoute?: string;
+    pathname: string;
+    search: string;
+    tab?: string;
+}

package/dist/types/models/RouterDirection.d.ts

@@ -0,0 +1 @@
+export type RouterDirection = 'forward' | 'back' | 'root' | 'none';

package/dist/types/models/RouterOptions.d.ts

@@ -0,0 +1,10 @@
+export interface RouterOptions {
+    /**
+     * Optional - Used for routing frameworks that need an 'as' parameter for routing.
+     */
+    as?: string;
+    /**
+     * Optional - If the component should be unmounted after it is transitioned away from. Defaults to false.
+     */
+    unmount?: boolean;
+}

package/dist/types/models/index.d.ts

@@ -0,0 +1,5 @@
+export * from './RouteAction';
+export * from './RouteInfo';
+export * from './RouterDirection';
+export * from './RouterOptions';
+export * from './ReactComponentOrElement';

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

@@ -0,0 +1,20 @@
+import type { RouteInfo } from '../models/RouteInfo';
+export declare class LocationHistory {
+    private locationHistory;
+    private tabHistory;
+    add(routeInfo: RouteInfo): void;
+    clearTabStack(tab: string): void;
+    update(routeInfo: RouteInfo): void;
+    private _add;
+    private _areRoutesEqual;
+    private _pop;
+    private _replace;
+    private _clear;
+    private _getRouteInfosByKey;
+    getFirstRouteInfoForTab(tab: string): RouteInfo<any> | undefined;
+    getCurrentRouteInfoForTab(tab?: string): RouteInfo<any> | undefined;
+    findLastLocation(routeInfo: RouteInfo): RouteInfo<any> | undefined;
+    previous(): RouteInfo<any>;
+    current(): RouteInfo<any>;
+    canGoBack(): boolean;
+}

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

@@ -0,0 +1,38 @@
+import type { AnimationBuilder } from '@ionic/core/components';
+import React from 'react';
+import type { IonRouterContextState } from '../components/IonRouterContext';
+import type { NavContextState } from '../contexts/NavContext';
+import type { RouteAction } from '../models/RouteAction';
+import type { RouteInfo } from '../models/RouteInfo';
+import type { RouterDirection } from '../models/RouterDirection';
+import type { LocationHistory } from './LocationHistory';
+import PageManager from './PageManager';
+interface NavManagerProps {
+    routeInfo: RouteInfo;
+    onNativeBack: () => void;
+    onNavigateBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
+    onNavigate: (path: string, action: RouteAction, direction?: RouterDirection, animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;
+    onSetCurrentTab: (tab: string, routeInfo: RouteInfo) => void;
+    onChangeTab: (tab: string, path: string, routeOptions?: any) => void;
+    onResetTab: (tab: string, path: string, routeOptions?: any) => void;
+    ionRedirect: any;
+    ionRoute: any;
+    stackManager: any;
+    locationHistory: LocationHistory;
+}
+export declare class NavManager extends React.PureComponent<NavManagerProps, NavContextState> {
+    ionRouterContextValue: IonRouterContextState;
+    constructor(props: NavManagerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleHardwareBackButton(e: any): void;
+    goBack(route?: string | RouteInfo, animationBuilder?: AnimationBuilder): void;
+    nativeGoBack(): void;
+    navigate(path: string, direction?: RouterDirection, action?: RouteAction, animationBuilder?: AnimationBuilder, options?: any, tab?: string): void;
+    getPageManager(): typeof PageManager;
+    getIonRedirect(): any;
+    getIonRoute(): any;
+    getStackManager(): any;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { IonLifeCycleContext } from '../contexts/IonLifeCycleContext';
+import type { RouteInfo } from '../models';
+import { StackContext } from './StackContext';
+interface OutletPageManagerProps {
+    className?: string;
+    forwardedRef?: React.ForwardedRef<HTMLIonRouterOutletElement>;
+    routeInfo?: RouteInfo;
+    StackManager: any;
+}
+export declare class OutletPageManager extends React.Component<OutletPageManagerProps> {
+    ionLifeCycleContext: React.ContextType<typeof IonLifeCycleContext>;
+    context: React.ContextType<typeof StackContext>;
+    ionRouterOutlet: HTMLIonRouterOutletElement | undefined;
+    outletIsReady: boolean;
+    constructor(props: OutletPageManagerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    ionViewWillEnterHandler(): void;
+    ionViewDidEnterHandler(): void;
+    ionViewWillLeaveHandler(): void;
+    ionViewDidLeaveHandler(): void;
+    render(): JSX.Element;
+    static get contextType(): React.Context<import("./StackContext").StackContextState>;
+}
+export default OutletPageManager;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IonLifeCycleContext } from '../contexts/IonLifeCycleContext';
+import type { RouteInfo } from '../models';
+import { StackContext } from './StackContext';
+interface PageManagerProps {
+    className?: string;
+    forwardedRef?: React.ForwardedRef<HTMLDivElement>;
+    routeInfo?: RouteInfo;
+}
+export declare class PageManager extends React.PureComponent<PageManagerProps> {
+    ionLifeCycleContext: React.ContextType<typeof IonLifeCycleContext>;
+    context: React.ContextType<typeof StackContext>;
+    ionPageElementRef: React.RefObject<HTMLDivElement>;
+    stableMergedRefs: React.RefCallback<HTMLDivElement>;
+    constructor(props: PageManagerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    ionViewWillEnterHandler(): void;
+    ionViewDidEnterHandler(): void;
+    ionViewWillLeaveHandler(): void;
+    ionViewDidLeaveHandler(): void;
+    render(): JSX.Element;
+    static get contextType(): React.Context<import("./StackContext").StackContextState>;
+}
+export default PageManager;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { RouteInfo } from '../models/RouteInfo';
+import type { ViewItem } from './ViewItem';
+export interface RouteManagerContextState {
+    addViewItem: (viewItem: ViewItem) => void;
+    canGoBack: () => boolean;
+    clearOutlet: (outletId: string) => void;
+    createViewItem: (outletId: string, reactElement: React.ReactElement, routeInfo: RouteInfo, page?: HTMLElement) => ViewItem;
+    findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
+    findLeavingViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string) => ViewItem | undefined;
+    findViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean) => ViewItem | undefined;
+    getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void) => React.ReactNode[];
+    goBack: () => void;
+    unMountViewItem: (viewItem: ViewItem) => void;
+}
+export declare const RouteManagerContext: React.Context<RouteManagerContextState>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { RouteInfo } from '../models/RouteInfo';
+export interface StackContextState {
+    registerIonPage: (page: HTMLElement, routeInfo: RouteInfo) => void;
+    isInOutlet: () => boolean;
+}
+export declare const StackContext: React.Context<StackContextState>;

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

@@ -0,0 +1,12 @@
+import type { ReactElement } from 'react';
+export interface ViewItem<T = any> {
+    id: string;
+    reactElement: ReactElement;
+    ionPageElement?: HTMLElement | undefined;
+    ionRoute?: boolean;
+    mount: boolean;
+    routeData?: T;
+    transitionHtml?: string;
+    outletId: string;
+    disableIonPageManagement?: boolean;
+}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+interface ViewTransitionManagerProps {
+    removeView: () => void;
+    mount: boolean;
+}
+interface ViewTransitionManagerState {
+    show: boolean;
+}
+export declare class ViewLifeCycleManager extends React.Component<ViewTransitionManagerProps, ViewTransitionManagerState> {
+    ionLifeCycleContext: {
+        ionViewWillEnterCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
+        ionViewDidEnterCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
+        ionViewWillLeaveCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
+        ionViewDidLeaveCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
+        componentCanBeDestroyedCallback?: (() => void) | undefined;
+        ionViewWillEnterDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
+        ionViewDidEnterDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
+        ionViewWillLeaveDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
+        ionViewDidLeaveDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
+        onIonViewWillEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        teardownCallback(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback, callbacks: any[]): void;
+        cleanupIonViewWillEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        cleanupIonViewDidEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        cleanupIonViewWillLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        cleanupIonViewDidLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        ionViewWillEnter(): void;
+        onIonViewDidEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        ionViewDidEnter(): void;
+        onIonViewWillLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        ionViewWillLeave(): void;
+        onIonViewDidLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        ionViewDidLeave(): void;
+        onComponentCanBeDestroyed(callback: () => void): void;
+        componentCanBeDestroyed(): void;
+    };
+    private _isMounted;
+    constructor(props: ViewTransitionManagerProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,19 @@
+/// <reference types="node" />
+/// <reference types="react" />
+import type { RouteInfo } from '../models/RouteInfo';
+import type { ViewItem } from './ViewItem';
+export declare abstract class ViewStacks {
+    private viewStacks;
+    constructor();
+    add(viewItem: ViewItem): void;
+    clear(outletId: string): NodeJS.Timeout;
+    getViewItemsForOutlet(outletId: string): ViewItem<any>[];
+    remove(viewItem: ViewItem): void;
+    protected getStackIds(): string[];
+    protected getAllViewItems(): ViewItem<any>[];
+    abstract createViewItem(outletId: string, reactElement: React.ReactElement, routeInfo: RouteInfo, page?: HTMLElement): ViewItem;
+    abstract findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
+    abstract findViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean): ViewItem | undefined;
+    abstract findLeavingViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string): ViewItem | undefined;
+    abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, setInTransition: () => void): React.ReactNode[];
+}

package/dist/types/routing/__tests__/LocationHistory.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+export * from './RouteManagerContext';
+export * from './ViewLifeCycleManager';
+export * from './LocationHistory';
+export * from './NavManager';
+export * from './ViewItem';
+export * from './StackContext';
+export * from './ViewStacks';

package/dist/types/utils/HTMLElementSSR.d.ts

@@ -0,0 +1,4 @@
+export declare const HTMLElementSSR: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};

package/dist/types/utils/generateId.d.ts

@@ -0,0 +1 @@
+export declare const generateId: (type?: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "7.5.3-dev.11698858201.14165f23",
+  "version": "7.5.3-dev.11699994454.1cbf1283",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -20,15 +20,18 @@
     "url": "git+https://github.com/ionic-team/ionic-framework.git"
   },
   "scripts": {
-    "build": "npm run copy && npm run compile",
-    "compile": "node ./esbuild.mjs",
+    "build": "npm run clean && npm run copy && npm run compile",
+    "clean": "rimraf dist && rimraf dist-transpiled && rimraf routing",
+    "compile": "npm run tsc && rollup -c",
     "eslint": "eslint src",
     "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
     "release": "np --any-branch --yolo --no-release-draft",
     "lint": "npm run eslint && npm run prettier -- --write --cache",
     "lint.fix": "npm run eslint -- --fix && npm run prettier -- --write --cache",
+    "tsc": "tsc -p .",
     "copy": "node scripts/copy.js",
     "test.spec": "jest --ci",
+    "test.treeshake": "node scripts/treeshaking.js dist/index.esm.js",
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "dist/index.js",
@@ -38,7 +41,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "7.5.3-dev.11698858201.14165f23",
+    "@ionic/core": "7.5.3-dev.11699994454.1cbf1283",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },
@@ -49,6 +52,8 @@
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
+    "@rollup/plugin-node-resolve": "^8.1.0",
+    "@rollup/plugin-virtual": "^2.0.3",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
     "@testing-library/react-hooks": "^7.0.1",
@@ -58,7 +63,6 @@
     "@types/react-dom": "^16.9.0",
     "@typescript-eslint/eslint-plugin": "^5.48.2",
     "@typescript-eslint/parser": "^5.48.2",
-    "esbuild": "^0.19.5",
     "eslint": "^7.32.0",
     "fs-extra": "^9.0.1",
     "jest": "^26.6.3",
@@ -66,6 +70,9 @@
     "prettier": "^2.8.3",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.26.4",
+    "rollup-plugin-sourcemaps": "^0.6.2",
     "ts-jest": "^26.4.4",
     "typescript": "^4.0.5"
   },

package/dist/components/CreateAnimation.js

@@ -1,107 +0,0 @@
-"use strict";
-import { createAnimation } from "@ionic/core/components";
-import React from "react";
-export class CreateAnimation extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    this.nodes = /* @__PURE__ */ new Map();
-    this.animation = createAnimation(props.id);
-  }
-  setupAnimation(props) {
-    const animation = this.animation;
-    if (this.nodes.size > 0) {
-      animation.addElement(Array.from(this.nodes.values()));
-    }
-    checkConfig(animation, props);
-    checkPlayback(animation, props);
-  }
-  componentDidMount() {
-    const props = this.props;
-    this.setupAnimation(props);
-  }
-  componentDidUpdate(prevProps) {
-    const animation = this.animation;
-    const props = this.props;
-    checkConfig(animation, props, prevProps);
-    checkProgress(animation, props, prevProps);
-    checkPlayback(animation, props, prevProps);
-  }
-  render() {
-    const { children } = this.props;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, React.Children.map(
-      children,
-      (child, id) => React.cloneElement(child, { ref: (el) => this.nodes.set(id, el) })
-    ));
-  }
-}
-const checkConfig = (animation, currentProps = {}, prevProps = {}) => {
-  const reservedProps = [
-    "children",
-    "progressStart",
-    "progressStep",
-    "progressEnd",
-    "pause",
-    "stop",
-    "destroy",
-    "play",
-    "from",
-    "to",
-    "fromTo",
-    "onFinish"
-  ];
-  for (const key in currentProps) {
-    if (
-      // eslint-disable-next-line no-prototype-builtins
-      currentProps.hasOwnProperty(key) && !reservedProps.includes(key) && currentProps[key] !== prevProps[key]
-    ) {
-      animation[key](currentProps[key]);
-    }
-  }
-  const fromValues = currentProps.from;
-  if (fromValues && fromValues !== prevProps.from) {
-    const values = Array.isArray(fromValues) ? fromValues : [fromValues];
-    values.forEach((val) => animation.from(val.property, val.value));
-  }
-  const toValues = currentProps.to;
-  if (toValues && toValues !== prevProps.to) {
-    const values = Array.isArray(toValues) ? toValues : [toValues];
-    values.forEach((val) => animation.to(val.property, val.value));
-  }
-  const fromToValues = currentProps.fromTo;
-  if (fromToValues && fromToValues !== prevProps.fromTo) {
-    const values = Array.isArray(fromToValues) ? fromToValues : [fromToValues];
-    values.forEach((val) => animation.fromTo(val.property, val.fromValue, val.toValue));
-  }
-  const onFinishValues = currentProps.onFinish;
-  if (onFinishValues && onFinishValues !== prevProps.onFinish) {
-    const values = Array.isArray(onFinishValues) ? onFinishValues : [onFinishValues];
-    values.forEach((val) => animation.onFinish(val.callback, val.opts));
-  }
-};
-const checkProgress = (animation, currentProps = {}, prevProps = {}) => {
-  const { progressStart, progressStep, progressEnd } = currentProps;
-  if (progressStart && (prevProps.progressStart?.forceLinearEasing !== progressStart?.forceLinearEasing || prevProps.progressStart?.step !== progressStart?.step)) {
-    animation.progressStart(progressStart.forceLinearEasing, progressStart.step);
-  }
-  if (progressStep && prevProps.progressStep?.step !== progressStep?.step) {
-    animation.progressStep(progressStep.step);
-  }
-  if (progressEnd && (prevProps.progressEnd?.playTo !== progressEnd?.playTo || prevProps.progressEnd?.step !== progressEnd?.step || prevProps?.dur !== progressEnd?.dur)) {
-    animation.progressEnd(progressEnd.playTo, progressEnd.step, progressEnd.dur);
-  }
-};
-const checkPlayback = (animation, currentProps = {}, prevProps = {}) => {
-  if (!prevProps.play && currentProps.play) {
-    animation.play();
-  }
-  if (!prevProps.pause && currentProps.pause) {
-    animation.pause();
-  }
-  if (!prevProps.stop && currentProps.stop) {
-    animation.stop();
-  }
-  if (!prevProps.destroy && currentProps.destroy) {
-    animation.destroy();
-  }
-};
-//# sourceMappingURL=CreateAnimation.js.map

package/dist/components/CreateAnimation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/CreateAnimation.tsx"],
-  "sourcesContent": ["import type {\n  Animation,\n  AnimationCallbackOptions,\n  AnimationDirection,\n  AnimationFill,\n  AnimationKeyFrames,\n  AnimationLifecycle,\n} from '@ionic/core/components';\nimport { createAnimation } from '@ionic/core/components';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\n// TODO(FW-2959): types\n\ninterface PartialPropertyValue {\n  property: string;\n  value: any;\n}\ninterface PropertyValue {\n  property: string;\n  fromValue: any;\n  toValue: any;\n}\n\nexport interface CreateAnimationProps {\n  delay?: number;\n  direction?: AnimationDirection;\n  duration?: number;\n  easing?: string;\n  fill?: AnimationFill;\n  iterations?: number;\n  id?: string;\n\n  afterAddRead?: () => void;\n  afterAddWrite?: () => void;\n  afterClearStyles?: string[];\n  afterStyles?: { [property: string]: any };\n  afterAddClass?: string | string[];\n  afterRemoveClass?: string | string[];\n\n  beforeAddRead?: () => void;\n  beforeAddWrite?: () => void;\n  beforeClearStyles?: string[];\n  beforeStyles?: { [property: string]: any };\n  beforeAddClass?: string | string[];\n  beforeRemoveClass?: string | string[];\n\n  onFinish?: { callback: AnimationLifecycle; opts?: AnimationCallbackOptions };\n\n  keyframes?: AnimationKeyFrames;\n  from?: PartialPropertyValue[] | PartialPropertyValue;\n  to?: PartialPropertyValue[] | PartialPropertyValue;\n  fromTo?: PropertyValue[] | PropertyValue;\n\n  play?: boolean;\n  pause?: boolean;\n  stop?: boolean;\n  destroy?: boolean;\n\n  progressStart?: { forceLinearEasing: boolean; step?: number };\n  progressStep?: { step: number };\n  progressEnd?: { playTo: 0 | 1 | undefined; step: number; dur?: number };\n}\n\nexport class CreateAnimation extends React.PureComponent<PropsWithChildren<CreateAnimationProps>> {\n  nodes: Map<number, HTMLElement> = new Map();\n  animation: Animation;\n\n  constructor(props: any) {\n    super(props);\n\n    this.animation = createAnimation(props.id);\n  }\n\n  setupAnimation(props: any) {\n    const animation = this.animation;\n\n    if (this.nodes.size > 0) {\n      animation.addElement(Array.from(this.nodes.values()));\n    }\n\n    checkConfig(animation, props);\n    checkPlayback(animation, props);\n  }\n\n  componentDidMount() {\n    const props = this.props;\n    this.setupAnimation(props);\n  }\n\n  componentDidUpdate(prevProps: any) {\n    const animation = this.animation;\n\n    const props = this.props;\n\n    checkConfig(animation, props, prevProps);\n    checkProgress(animation, props, prevProps);\n    checkPlayback(animation, props, prevProps);\n  }\n\n  render() {\n    const { children } = this.props;\n    return (\n      <>\n        {React.Children.map(children, (child, id) =>\n          React.cloneElement(child as any, { ref: (el: any) => this.nodes.set(id, el) })\n        )}\n      </>\n    );\n  }\n}\n\nconst checkConfig = (animation: Animation, currentProps: any = {}, prevProps: any = {}) => {\n  const reservedProps = [\n    'children',\n    'progressStart',\n    'progressStep',\n    'progressEnd',\n    'pause',\n    'stop',\n    'destroy',\n    'play',\n    'from',\n    'to',\n    'fromTo',\n    'onFinish',\n  ];\n  for (const key in currentProps) {\n    if (\n      // eslint-disable-next-line no-prototype-builtins\n      currentProps.hasOwnProperty(key) &&\n      !reservedProps.includes(key) &&\n      currentProps[key] !== prevProps[key]\n    ) {\n      (animation as any)[key]((currentProps as any)[key]);\n    }\n  }\n\n  const fromValues = currentProps.from;\n  if (fromValues && fromValues !== prevProps.from) {\n    const values = Array.isArray(fromValues) ? fromValues : [fromValues];\n    values.forEach((val) => animation.from(val.property, val.value));\n  }\n\n  const toValues = currentProps.to;\n  if (toValues && toValues !== prevProps.to) {\n    const values = Array.isArray(toValues) ? toValues : [toValues];\n    values.forEach((val) => animation.to(val.property, val.value));\n  }\n\n  const fromToValues = currentProps.fromTo;\n  if (fromToValues && fromToValues !== prevProps.fromTo) {\n    const values = Array.isArray(fromToValues) ? fromToValues : [fromToValues];\n    values.forEach((val) => animation.fromTo(val.property, val.fromValue, val.toValue));\n  }\n\n  const onFinishValues = currentProps.onFinish;\n  if (onFinishValues && onFinishValues !== prevProps.onFinish) {\n    const values = Array.isArray(onFinishValues) ? onFinishValues : [onFinishValues];\n    values.forEach((val) => animation.onFinish(val.callback, val.opts));\n  }\n};\n\nconst checkProgress = (animation: Animation, currentProps: any = {}, prevProps: any = {}) => {\n  const { progressStart, progressStep, progressEnd } = currentProps;\n\n  if (\n    progressStart &&\n    (prevProps.progressStart?.forceLinearEasing !== progressStart?.forceLinearEasing ||\n      prevProps.progressStart?.step !== progressStart?.step)\n  ) {\n    animation.progressStart(progressStart.forceLinearEasing, progressStart.step);\n  }\n\n  if (progressStep && prevProps.progressStep?.step !== progressStep?.step) {\n    animation.progressStep(progressStep.step);\n  }\n\n  if (\n    progressEnd &&\n    (prevProps.progressEnd?.playTo !== progressEnd?.playTo ||\n      prevProps.progressEnd?.step !== progressEnd?.step ||\n      prevProps?.dur !== progressEnd?.dur)\n  ) {\n    animation.progressEnd(progressEnd.playTo, progressEnd.step, progressEnd.dur);\n  }\n};\n\nconst checkPlayback = (animation: Animation, currentProps: any = {}, prevProps: any = {}) => {\n  if (!prevProps.play && currentProps.play) {\n    animation.play();\n  }\n\n  if (!prevProps.pause && currentProps.pause) {\n    animation.pause();\n  }\n\n  if (!prevProps.stop && currentProps.stop) {\n    animation.stop();\n  }\n\n  if (!prevProps.destroy && currentProps.destroy) {\n    animation.destroy();\n  }\n};\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/components/IonActionSheet.js

@@ -1,8 +0,0 @@
-"use strict";
-import { defineCustomElement } from "@ionic/core/components/ion-action-sheet.js";
-import { createInlineOverlayComponent } from "./createInlineOverlayComponent";
-export const IonActionSheet = /* @__PURE__ */ createInlineOverlayComponent(
-  "ion-action-sheet",
-  defineCustomElement
-);
-//# sourceMappingURL=IonActionSheet.js.map

package/dist/components/IonActionSheet.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/IonActionSheet.tsx"],
-  "sourcesContent": ["import type { JSX } from '@ionic/core/components';\nimport { defineCustomElement } from '@ionic/core/components/ion-action-sheet.js';\n\nimport { createInlineOverlayComponent } from './createInlineOverlayComponent';\n\nexport const IonActionSheet = /*@__PURE__*/ createInlineOverlayComponent<JSX.IonActionSheet, HTMLIonActionSheetElement>(\n  'ion-action-sheet',\n  defineCustomElement\n);\n"],
-  "mappings": ";AACA,SAAS,2BAA2B;AAEpC,SAAS,oCAAoC;AAEtC,aAAM,iBAA+B;AAAA,EAC1C;AAAA,EACA;AACF;",
-  "names": []
-}

package/dist/components/IonAlert.js

@@ -1,8 +0,0 @@
-"use strict";
-import { defineCustomElement } from "@ionic/core/components/ion-alert.js";
-import { createInlineOverlayComponent } from "./createInlineOverlayComponent";
-export const IonAlert = /* @__PURE__ */ createInlineOverlayComponent(
-  "ion-alert",
-  defineCustomElement
-);
-//# sourceMappingURL=IonAlert.js.map

package/dist/components/IonAlert.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/IonAlert.tsx"],
-  "sourcesContent": ["import type { JSX } from '@ionic/core/components';\nimport { defineCustomElement } from '@ionic/core/components/ion-alert.js';\n\nimport { createInlineOverlayComponent } from './createInlineOverlayComponent';\n\nexport const IonAlert = /*@__PURE__*/ createInlineOverlayComponent<JSX.IonAlert, HTMLIonAlertElement>(\n  'ion-alert',\n  defineCustomElement\n);\n"],
-  "mappings": ";AACA,SAAS,2BAA2B;AAEpC,SAAS,oCAAoC;AAEtC,aAAM,WAAyB;AAAA,EACpC;AAAA,EACA;AACF;",
-  "names": []
-}

package/dist/components/IonApp.js

@@ -1,42 +0,0 @@
-"use strict";
-import React from "react";
-import { IonContext } from "../contexts/IonContext";
-import { IonOverlayManager } from "./IonOverlayManager";
-import { IonAppInner } from "./inner-proxies";
-export const IonApp = /* @__PURE__ */ (() => class extends React.Component {
-  constructor(props) {
-    super(props);
-    /*
-      Wire up methods to call into IonOverlayManager
-    */
-    this.ionContext = {
-      addOverlay: (id, overlay, containerElement) => {
-        if (this.addOverlayCallback) {
-          this.addOverlayCallback(id, overlay, containerElement);
-        }
-      },
-      removeOverlay: (id) => {
-        if (this.removeOverlayCallback) {
-          this.removeOverlayCallback(id);
-        }
-      }
-    };
-  }
-  render() {
-    return /* @__PURE__ */ React.createElement(IonContext.Provider, { value: this.ionContext }, /* @__PURE__ */ React.createElement(IonAppInner, { ...this.props }, this.props.children), /* @__PURE__ */ React.createElement(
-      IonOverlayManager,
-      {
-        onAddOverlay: (callback) => {
-          this.addOverlayCallback = callback;
-        },
-        onRemoveOverlay: (callback) => {
-          this.removeOverlayCallback = callback;
-        }
-      }
-    ));
-  }
-  static get displayName() {
-    return "IonApp";
-  }
-})();
-//# sourceMappingURL=IonApp.js.map

package/dist/components/IonApp.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/IonApp.tsx"],
-  "sourcesContent": ["import type { JSX as LocalJSX } from '@ionic/core/components';\nimport React from 'react';\n\nimport type { IonContextInterface } from '../contexts/IonContext';\nimport { IonContext } from '../contexts/IonContext';\nimport type { ReactComponentOrElement } from '../models';\n\nimport { IonOverlayManager } from './IonOverlayManager';\nimport type { IonicReactProps } from './IonicReactProps';\nimport { IonAppInner } from './inner-proxies';\n\ntype Props = LocalJSX.IonApp &\n  IonicReactProps & {\n    ref?: React.Ref<HTMLIonAppElement>;\n  };\n\nexport const IonApp = /*@__PURE__*/ (() =>\n  class extends React.Component<Props> {\n    addOverlayCallback?: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void;\n    removeOverlayCallback?: (id: string) => void;\n\n    constructor(props: Props) {\n      super(props);\n    }\n\n    /*\n      Wire up methods to call into IonOverlayManager\n    */\n    ionContext: IonContextInterface = {\n      addOverlay: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => {\n        if (this.addOverlayCallback) {\n          this.addOverlayCallback(id, overlay, containerElement);\n        }\n      },\n      removeOverlay: (id: string) => {\n        if (this.removeOverlayCallback) {\n          this.removeOverlayCallback(id);\n        }\n      },\n    };\n\n    render() {\n      return (\n        <IonContext.Provider value={this.ionContext}>\n          <IonAppInner {...this.props}>{this.props.children}</IonAppInner>\n          <IonOverlayManager\n            onAddOverlay={(callback) => {\n              this.addOverlayCallback = callback;\n            }}\n            onRemoveOverlay={(callback) => {\n              this.removeOverlayCallback = callback;\n            }}\n          />\n        </IonContext.Provider>\n      );\n    }\n\n    static get displayName() {\n      return 'IonApp';\n    }\n  })();\n"],
-  "mappings": ";AACA,OAAO,WAAW;AAGlB,SAAS,kBAAkB;AAG3B,SAAS,yBAAyB;AAElC,SAAS,mBAAmB;AAOrB,aAAM,SAAwB,uBACnC,cAAc,MAAM,UAAiB;AAAA,EAInC,YAAY,OAAc;AACxB,UAAM,KAAK;AAMb;AAAA;AAAA;AAAA,sBAAkC;AAAA,MAChC,YAAY,CAAC,IAAY,SAAkC,qBAAqC;AAC9F,YAAI,KAAK,oBAAoB;AAC3B,eAAK,mBAAmB,IAAI,SAAS,gBAAgB;AAAA,QACvD;AAAA,MACF;AAAA,MACA,eAAe,CAAC,OAAe;AAC7B,YAAI,KAAK,uBAAuB;AAC9B,eAAK,sBAAsB,EAAE;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EAhBA;AAAA,EAkBA,SAAS;AACP,WACE,oCAAC,WAAW,UAAX,EAAoB,OAAO,KAAK,cAC/B,oCAAC,eAAa,GAAG,KAAK,SAAQ,KAAK,MAAM,QAAS,GAClD;AAAA,MAAC;AAAA;AAAA,QACC,cAAc,CAAC,aAAa;AAC1B,eAAK,qBAAqB;AAAA,QAC5B;AAAA,QACA,iBAAiB,CAAC,aAAa;AAC7B,eAAK,wBAAwB;AAAA,QAC/B;AAAA;AAAA,IACF,CACF;AAAA,EAEJ;AAAA,EAEA,WAAW,cAAc;AACvB,WAAO;AAAA,EACT;AACF,GAAG;",
-  "names": []
-}