@ionic/react 8.8.6-dev.11777572994.1147595d → 8.8.6-dev.11777668103.132817bd
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/core.css +1 -1
- package/css/core.css.map +1 -1
- package/css/display.css +1 -1
- package/css/display.css.map +1 -1
- package/css/flex-utils.css +1 -1
- package/css/flex-utils.css.map +1 -1
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css.map +1 -1
- package/css/ionic/bundle.ionic.css +1 -0
- package/css/ionic/bundle.ionic.css.map +1 -0
- package/css/ionic/core.ionic.css +1 -0
- package/css/ionic/core.ionic.css.map +1 -0
- package/css/ionic/global.bundle.ionic.css +1 -0
- package/css/ionic/global.bundle.ionic.css.map +1 -0
- package/css/ionic/ionic-swiper.ionic.css +1 -0
- package/css/ionic/ionic-swiper.ionic.css.map +1 -0
- package/css/ionic/link.ionic.css +1 -0
- package/css/ionic/link.ionic.css.map +1 -0
- package/css/ionic/structure.ionic.css +1 -0
- package/css/ionic/structure.ionic.css.map +1 -0
- package/css/ionic/typography.ionic.css +1 -0
- package/css/ionic/typography.ionic.css.map +1 -0
- package/css/ionic/utils.bundle.ionic.css +1 -0
- package/css/ionic/utils.bundle.ionic.css.map +1 -0
- package/css/ionic-swiper.css +1 -1
- package/css/ionic-swiper.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/normalize.css.map +1 -1
- package/css/padding.css.map +1 -1
- package/css/palettes/dark.always.css.map +1 -1
- package/css/palettes/dark.class.css.map +1 -1
- package/css/palettes/dark.system.css.map +1 -1
- package/css/palettes/high-contrast-dark.always.css.map +1 -1
- package/css/palettes/high-contrast-dark.class.css.map +1 -1
- package/css/palettes/high-contrast-dark.system.css.map +1 -1
- package/css/palettes/high-contrast.always.css.map +1 -1
- package/css/palettes/high-contrast.class.css.map +1 -1
- package/css/palettes/high-contrast.system.css.map +1 -1
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css +1 -1
- package/css/utils.bundle.css.map +1 -1
- package/dist/index.js +319 -1007
- package/dist/index.js.map +1 -1
- package/dist/types/components/IonActionSheet.d.ts +1 -1
- package/dist/types/components/IonAlert.d.ts +1 -1
- package/dist/types/components/IonIcon.d.ts +1 -1
- package/dist/types/components/IonLoading.d.ts +1 -1
- package/dist/types/components/IonModal.d.ts +1 -1
- package/dist/types/components/IonPage.d.ts +1 -1
- package/dist/types/components/IonPickerLegacy.d.ts +2 -0
- package/dist/types/components/IonPopover.d.ts +1 -1
- package/dist/types/components/IonRedirect.d.ts +16 -0
- package/dist/types/components/IonRoute.d.ts +2 -3
- package/dist/types/components/IonRouterContext.d.ts +0 -8
- package/dist/types/components/IonRouterOutlet.d.ts +2 -3
- package/dist/types/components/IonToast.d.ts +1 -1
- package/dist/types/components/createInlineOverlayComponent.d.ts +1 -1
- package/dist/types/components/createRoutingComponent.d.ts +1 -1
- package/dist/types/components/index.d.ts +5 -2
- package/dist/types/components/navigation/IonNav.d.ts +1 -2
- package/dist/types/components/navigation/IonTabBar.d.ts +1 -1
- package/dist/types/components/navigation/IonTabs.d.ts +2 -1
- package/dist/types/components/proxies.d.ts +75 -0
- package/dist/types/components/react-component-lib/createComponent.d.ts +1 -1
- package/dist/types/components/react-component-lib/utils/index.d.ts +1 -1
- package/dist/types/components/routing-proxies.d.ts +7 -7
- package/dist/types/components/utils/index.d.ts +11 -2
- package/dist/types/contexts/NavContext.d.ts +2 -0
- package/dist/types/hooks/useIonPicker.d.ts +27 -0
- package/dist/types/lifecycle/IonLifeCycleHOC.d.ts +3 -1
- package/dist/types/routing/LocationHistory.d.ts +0 -7
- package/dist/types/routing/NavManager.d.ts +4 -2
- package/dist/types/routing/OutletPageManager.d.ts +0 -2
- package/dist/types/routing/PageManager.d.ts +0 -8
- package/dist/types/routing/RouteManagerContext.d.ts +1 -6
- package/dist/types/routing/ViewLifeCycleManager.d.ts +0 -1
- package/dist/types/routing/ViewStacks.d.ts +2 -2
- package/package.json +8 -8
- package/dist/types/components/components.d.ts +0 -326
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { JSX } from '@ionic/core/components';
|
|
2
|
-
export declare const IonActionSheet: import("react").ForwardRefExoticComponent<JSX.IonActionSheet & Omit<import("react").HTMLAttributes<HTMLIonActionSheetElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonActionSheetElement>>;
|
|
2
|
+
export declare const IonActionSheet: import("react").ForwardRefExoticComponent<JSX.IonActionSheet & Omit<import("react").HTMLAttributes<HTMLIonActionSheetElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonActionSheetElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { JSX } from '@ionic/core/components';
|
|
2
|
-
export declare const IonAlert: import("react").ForwardRefExoticComponent<JSX.IonAlert & Omit<import("react").HTMLAttributes<HTMLIonAlertElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonAlertElement>>;
|
|
2
|
+
export declare const IonAlert: import("react").ForwardRefExoticComponent<JSX.IonAlert & Omit<import("react").HTMLAttributes<HTMLIonAlertElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonAlertElement>>;
|
|
@@ -12,5 +12,5 @@ interface IonIconProps {
|
|
|
12
12
|
size?: string;
|
|
13
13
|
src?: string;
|
|
14
14
|
}
|
|
15
|
-
export declare const IonIcon: React.ForwardRefExoticComponent<IonIconProps & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonIconElement>, "style"> & React.RefAttributes<HTMLIonIconElement>>;
|
|
15
|
+
export declare const IonIcon: React.ForwardRefExoticComponent<IonIconProps & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonIconElement>, "style" | "placeholder"> & React.RefAttributes<HTMLIonIconElement>>;
|
|
16
16
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { JSX } from '@ionic/core/components';
|
|
2
|
-
export declare const IonLoading: import("react").ForwardRefExoticComponent<JSX.IonLoading & Omit<import("react").HTMLAttributes<HTMLIonLoadingElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonLoadingElement>>;
|
|
2
|
+
export declare const IonLoading: import("react").ForwardRefExoticComponent<JSX.IonLoading & Omit<import("react").HTMLAttributes<HTMLIonLoadingElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonLoadingElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { JSX } from '@ionic/core/components';
|
|
2
|
-
export declare const IonModal: import("react").ForwardRefExoticComponent<JSX.IonModal & Omit<import("react").HTMLAttributes<HTMLIonModalElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonModalElement>>;
|
|
2
|
+
export declare const IonModal: import("react").ForwardRefExoticComponent<JSX.IonModal & Omit<import("react").HTMLAttributes<HTMLIonModalElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonModalElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { IonicReactProps } from './IonicReactProps';
|
|
3
|
-
export declare const IonPage: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<unknown>, "style"> & IonicReactProps & React.RefAttributes<unknown>>;
|
|
3
|
+
export declare const IonPage: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<unknown>, "style" | "placeholder"> & IonicReactProps & React.RefAttributes<unknown>>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { JSX } from '@ionic/core/components';
|
|
2
|
+
export declare const IonPickerLegacy: import("react").ForwardRefExoticComponent<JSX.IonPickerLegacy & Omit<import("react").HTMLAttributes<HTMLIonPickerLegacyElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPickerLegacyElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { JSX } from '@ionic/core/components';
|
|
2
|
-
export declare const IonPopover: import("react").ForwardRefExoticComponent<JSX.IonPopover & Omit<import("react").HTMLAttributes<HTMLIonPopoverElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPopoverElement>>;
|
|
2
|
+
export declare const IonPopover: import("react").ForwardRefExoticComponent<JSX.IonPopover & Omit<import("react").HTMLAttributes<HTMLIonPopoverElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonPopoverElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NavContext } from '../contexts/NavContext';
|
|
3
|
+
export interface IonRedirectProps {
|
|
4
|
+
path?: string;
|
|
5
|
+
exact?: boolean;
|
|
6
|
+
to: string;
|
|
7
|
+
routerOptions?: unknown;
|
|
8
|
+
}
|
|
9
|
+
interface IonRedirectState {
|
|
10
|
+
}
|
|
11
|
+
export declare class IonRedirect extends React.PureComponent<IonRedirectProps, IonRedirectState> {
|
|
12
|
+
context: React.ContextType<typeof NavContext>;
|
|
13
|
+
render(): import("react/jsx-runtime").JSX.Element | null;
|
|
14
|
+
static get contextType(): React.Context<import("../contexts/NavContext").NavContextState>;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -2,10 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { NavContext } from '../contexts/NavContext';
|
|
3
3
|
export interface IonRouteProps {
|
|
4
4
|
path?: string;
|
|
5
|
-
|
|
6
|
-
caseSensitive?: boolean;
|
|
5
|
+
exact?: boolean;
|
|
7
6
|
show?: boolean;
|
|
8
|
-
|
|
7
|
+
render: (props?: any) => JSX.Element;
|
|
9
8
|
disableIonPageManagement?: boolean;
|
|
10
9
|
}
|
|
11
10
|
interface IonRouteState {
|
|
@@ -6,7 +6,6 @@ export interface IonRouterContextState {
|
|
|
6
6
|
routeInfo: RouteInfo;
|
|
7
7
|
push: (pathname: string, routerDirection?: RouterDirection, routeAction?: RouteAction, routerOptions?: RouterOptions, animationBuilder?: AnimationBuilder) => void;
|
|
8
8
|
back: (animationBuilder?: AnimationBuilder) => void;
|
|
9
|
-
navigateRoot: (pathname: string, animationBuilder?: AnimationBuilder) => void;
|
|
10
9
|
canGoBack: () => boolean;
|
|
11
10
|
nativeBack: () => void;
|
|
12
11
|
}
|
|
@@ -35,13 +34,6 @@ export type UseIonRouterResult = {
|
|
|
35
34
|
* @param animationBuilder - Optional - A custom transition animation to use
|
|
36
35
|
*/
|
|
37
36
|
goBack(animationBuilder?: AnimationBuilder): void;
|
|
38
|
-
/**
|
|
39
|
-
* Navigates to a new root pathname, clearing the navigation history and unmounting all previous views.
|
|
40
|
-
* After navigation, canGoBack() will return false. Useful for navigating to a new root after login/logout.
|
|
41
|
-
* @param pathname - The path to navigate to
|
|
42
|
-
* @param animationBuilder - Optional - A custom transition animation to use
|
|
43
|
-
*/
|
|
44
|
-
navigateRoot(pathname: string, animationBuilder?: AnimationBuilder): void;
|
|
45
37
|
/**
|
|
46
38
|
* Determines if there are any additional routes in the Router's history. However, routing is not prevented if the browser's history has more entries. Returns true if more entries exist, false if not.
|
|
47
39
|
*/
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import type { JSX as LocalJSX } from '@ionic/core/components';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { IonicReactProps } from './IonicReactProps';
|
|
4
|
-
export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Omit<
|
|
4
|
+
export declare const IonRouterOutlet: React.ForwardRefExoticComponent<Omit<LocalJSX.IonRouterOutlet & {
|
|
5
5
|
basePath?: string;
|
|
6
6
|
ref?: React.Ref<any>;
|
|
7
7
|
ionPage?: boolean;
|
|
8
|
-
|
|
9
|
-
} & IonicReactProps, HTMLIonRouterOutletElement>, "ref"> & React.RefAttributes<HTMLIonRouterOutletElement>>;
|
|
8
|
+
} & IonicReactProps & Omit<React.HTMLAttributes<HTMLIonRouterOutletElement>, "style" | "placeholder">, "ref"> & React.RefAttributes<HTMLIonRouterOutletElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { JSX } from '@ionic/core/components';
|
|
2
|
-
export declare const IonToast: import("react").ForwardRefExoticComponent<JSX.IonToast & Omit<import("react").HTMLAttributes<HTMLIonToastElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonToastElement>>;
|
|
2
|
+
export declare const IonToast: import("react").ForwardRefExoticComponent<JSX.IonToast & Omit<import("react").HTMLAttributes<HTMLIonToastElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonToastElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const createInlineOverlayComponent: <PropType, ElementType>(tagName: string, defineCustomElement?: () => void, hasDelegateHost?: boolean) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./
|
|
2
|
+
export declare const createInlineOverlayComponent: <PropType, ElementType>(tagName: string, defineCustomElement?: () => void, hasDelegateHost?: boolean) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps> & React.RefAttributes<ElementType>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const createRoutingComponent: <PropType, ElementType>(tagName: string, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./
|
|
2
|
+
export declare const createRoutingComponent: <PropType, ElementType>(tagName: string, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps> & React.RefAttributes<ElementType>>;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import type { IonicConfig } from '@ionic/core/components';
|
|
2
|
-
export { createAnimation, createGesture, iosTransitionAnimation, mdTransitionAnimation, IonicSlides, getTimeGivenProgression, getIonPageElement, openURL, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, Gesture, GestureConfig, GestureDetail, NavComponentWithProps, SpinnerTypes, AccordionGroupCustomEvent, AccordionGroupChangeEventDetail, BreadcrumbCustomEvent, BreadcrumbCollapsedClickEventDetail, ActionSheetOptions, ActionSheetButton, AlertOptions, AlertInput, AlertButton, BackButtonEvent, CheckboxCustomEvent, CheckboxChangeEventDetail, DatetimeCustomEvent, DatetimeChangeEventDetail, InfiniteScrollCustomEvent, InputCustomEvent, InputChangeEventDetail, InputInputEventDetail, InputOtpCustomEvent, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpInputEventDetail, ItemReorderEventDetail, ItemReorderCustomEvent, ItemSlidingCustomEvent, IonicSafeString, LoadingOptions, MenuCustomEvent, ModalDragEventDetail, ModalOptions, NavCustomEvent, PopoverOptions, RadioGroupCustomEvent, RadioGroupChangeEventDetail, RangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, RefresherCustomEvent, RefresherEventDetail, ReorderMoveCustomEvent, ReorderMoveEventDetail, ReorderEndCustomEvent, ReorderEndEventDetail, RouterEventDetail, RouterCustomEvent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollDetail, ScrollCustomEvent, SearchbarCustomEvent, SearchbarChangeEventDetail, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastOptions, ToastButton, ToastLayout, ToggleChangeEventDetail, ToggleCustomEvent, TransitionOptions, } from '@ionic/core/components';
|
|
3
|
-
export * from './
|
|
2
|
+
export { createAnimation, createGesture, iosTransitionAnimation, mdTransitionAnimation, IonicSlides, getTimeGivenProgression, getIonPageElement, openURL, Animation, AnimationBuilder, AnimationCallbackOptions, AnimationDirection, AnimationFill, AnimationKeyFrames, AnimationLifecycle, Gesture, GestureConfig, GestureDetail, NavComponentWithProps, SpinnerTypes, AccordionGroupCustomEvent, AccordionGroupChangeEventDetail, BreadcrumbCustomEvent, BreadcrumbCollapsedClickEventDetail, ActionSheetOptions, ActionSheetButton, AlertOptions, AlertInput, AlertButton, BackButtonEvent, CheckboxCustomEvent, CheckboxChangeEventDetail, DatetimeCustomEvent, DatetimeChangeEventDetail, InfiniteScrollCustomEvent, InputCustomEvent, InputChangeEventDetail, InputInputEventDetail, InputOtpCustomEvent, InputOtpChangeEventDetail, InputOtpCompleteEventDetail, InputOtpInputEventDetail, ItemReorderEventDetail, ItemReorderCustomEvent, ItemSlidingCustomEvent, IonicSafeString, LoadingOptions, MenuCustomEvent, ModalDragEventDetail, ModalOptions, NavCustomEvent, PickerOptions, PickerButton, PickerColumn, PickerColumnOption, PopoverOptions, RadioGroupCustomEvent, RadioGroupChangeEventDetail, RangeCustomEvent, RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, RefresherCustomEvent, RefresherEventDetail, ReorderMoveCustomEvent, ReorderMoveEventDetail, ReorderEndCustomEvent, ReorderEndEventDetail, RouterEventDetail, RouterCustomEvent, ScrollBaseCustomEvent, ScrollBaseDetail, ScrollDetail, ScrollCustomEvent, SearchbarCustomEvent, SearchbarChangeEventDetail, SearchbarInputEventDetail, SegmentChangeEventDetail, SegmentCustomEvent, SegmentValue, SelectChangeEventDetail, SelectCustomEvent, TabsCustomEvent, TextareaChangeEventDetail, TextareaCustomEvent, ToastOptions, ToastButton, ToastLayout, ToggleChangeEventDetail, ToggleCustomEvent, TransitionOptions, } from '@ionic/core/components';
|
|
3
|
+
export * from './proxies';
|
|
4
4
|
export * from './routing-proxies';
|
|
5
5
|
export { IonAlert } from './IonAlert';
|
|
6
6
|
export { IonLoading } from './IonLoading';
|
|
7
7
|
export * from './IonToast';
|
|
8
|
+
export { IonPickerLegacy } from './IonPickerLegacy';
|
|
8
9
|
export * from './IonActionSheet';
|
|
9
10
|
export { IonModal } from './IonModal';
|
|
10
11
|
export { IonPopover } from './IonPopover';
|
|
@@ -19,6 +20,7 @@ export { IonBackButton } from './navigation/IonBackButton';
|
|
|
19
20
|
export { IonRouterOutlet } from './IonRouterOutlet';
|
|
20
21
|
export { IonIcon } from './IonIcon';
|
|
21
22
|
export * from './IonRoute';
|
|
23
|
+
export * from './IonRedirect';
|
|
22
24
|
export * from './IonRouterContext';
|
|
23
25
|
export { isPlatform, getPlatforms, getConfig } from './utils';
|
|
24
26
|
export * from './hrefprops';
|
|
@@ -28,5 +30,6 @@ export { useIonAlert, UseIonAlertResult } from '../hooks/useIonAlert';
|
|
|
28
30
|
export { useIonToast, UseIonToastResult } from '../hooks/useIonToast';
|
|
29
31
|
export { useIonModal, UseIonModalResult } from '../hooks/useIonModal';
|
|
30
32
|
export { useIonPopover, UseIonPopoverResult } from '../hooks/useIonPopover';
|
|
33
|
+
export { useIonPicker, UseIonPickerResult } from '../hooks/useIonPicker';
|
|
31
34
|
export { useIonLoading, UseIonLoadingResult } from '../hooks/useIonLoading';
|
|
32
35
|
export declare const setupIonicReact: (config?: IonicConfig) => void;
|
|
@@ -2,5 +2,4 @@ import type { JSX } from '@ionic/core/components';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export declare const IonNav: React.ForwardRefExoticComponent<JSX.IonNav & {
|
|
4
4
|
forwardedRef?: React.ForwardedRef<HTMLIonNavElement>;
|
|
5
|
-
|
|
6
|
-
} & Omit<React.HTMLAttributes<HTMLIonNavElement>, "style"> & import("../IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonNavElement>>;
|
|
5
|
+
} & Omit<React.HTMLAttributes<HTMLIonNavElement>, "style" | "placeholder"> & import("../IonicReactProps").IonicReactProps & React.RefAttributes<HTMLIonNavElement>>;
|
|
@@ -12,4 +12,4 @@ export declare const IonTabBar: React.ForwardRefExoticComponent<LocalJSX.IonTabB
|
|
|
12
12
|
style?: {
|
|
13
13
|
[key: string]: string;
|
|
14
14
|
};
|
|
15
|
-
} & Omit<React.HTMLAttributes<HTMLIonTabBarElement>, "style"> & React.RefAttributes<HTMLIonTabBarElement>>;
|
|
15
|
+
} & Omit<React.HTMLAttributes<HTMLIonTabBarElement>, "style" | "placeholder"> & React.RefAttributes<HTMLIonTabBarElement>>;
|
|
@@ -16,9 +16,10 @@ declare module 'react' {
|
|
|
16
16
|
'ion-tabs': IonTabsProps;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
+
type ChildFunction = (ionTabContext: IonTabsContextState) => React.ReactNode;
|
|
19
20
|
interface Props extends LocalJSX.IonTabs {
|
|
20
21
|
className?: string;
|
|
21
|
-
children: React.ReactNode;
|
|
22
|
+
children: ChildFunction | React.ReactNode;
|
|
22
23
|
onIonTabsWillChange?: (event: CustomEvent<{
|
|
23
24
|
tab: string;
|
|
24
25
|
}>) => void;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import type { JSX } from '@ionic/core/components';
|
|
2
|
+
export declare const IonAccordion: import("react").ForwardRefExoticComponent<JSX.IonAccordion & Omit<import("react").HTMLAttributes<HTMLIonAccordionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAccordionElement>>;
|
|
3
|
+
export declare const IonAccordionGroup: import("react").ForwardRefExoticComponent<JSX.IonAccordionGroup & Omit<import("react").HTMLAttributes<HTMLIonAccordionGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAccordionGroupElement>>;
|
|
4
|
+
export declare const IonAvatar: import("react").ForwardRefExoticComponent<JSX.IonAvatar & Omit<import("react").HTMLAttributes<HTMLIonAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonAvatarElement>>;
|
|
5
|
+
export declare const IonBackdrop: import("react").ForwardRefExoticComponent<JSX.IonBackdrop & Omit<import("react").HTMLAttributes<HTMLIonBackdropElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBackdropElement>>;
|
|
6
|
+
export declare const IonBadge: import("react").ForwardRefExoticComponent<JSX.IonBadge & Omit<import("react").HTMLAttributes<HTMLIonBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBadgeElement>>;
|
|
7
|
+
export declare const IonBreadcrumbs: import("react").ForwardRefExoticComponent<JSX.IonBreadcrumbs & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonBreadcrumbsElement>>;
|
|
8
|
+
export declare const IonButtons: import("react").ForwardRefExoticComponent<JSX.IonButtons & Omit<import("react").HTMLAttributes<HTMLIonButtonsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonButtonsElement>>;
|
|
9
|
+
export declare const IonCardContent: import("react").ForwardRefExoticComponent<JSX.IonCardContent & Omit<import("react").HTMLAttributes<HTMLIonCardContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardContentElement>>;
|
|
10
|
+
export declare const IonCardHeader: import("react").ForwardRefExoticComponent<JSX.IonCardHeader & Omit<import("react").HTMLAttributes<HTMLIonCardHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardHeaderElement>>;
|
|
11
|
+
export declare const IonCardSubtitle: import("react").ForwardRefExoticComponent<JSX.IonCardSubtitle & Omit<import("react").HTMLAttributes<HTMLIonCardSubtitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardSubtitleElement>>;
|
|
12
|
+
export declare const IonCardTitle: import("react").ForwardRefExoticComponent<JSX.IonCardTitle & Omit<import("react").HTMLAttributes<HTMLIonCardTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCardTitleElement>>;
|
|
13
|
+
export declare const IonCheckbox: import("react").ForwardRefExoticComponent<JSX.IonCheckbox & Omit<import("react").HTMLAttributes<HTMLIonCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonCheckboxElement>>;
|
|
14
|
+
export declare const IonChip: import("react").ForwardRefExoticComponent<JSX.IonChip & Omit<import("react").HTMLAttributes<HTMLIonChipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonChipElement>>;
|
|
15
|
+
export declare const IonCol: import("react").ForwardRefExoticComponent<JSX.IonCol & Omit<import("react").HTMLAttributes<HTMLIonColElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonColElement>>;
|
|
16
|
+
export declare const IonContent: import("react").ForwardRefExoticComponent<JSX.IonContent & Omit<import("react").HTMLAttributes<HTMLIonContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonContentElement>>;
|
|
17
|
+
export declare const IonDatetime: import("react").ForwardRefExoticComponent<JSX.IonDatetime & Omit<import("react").HTMLAttributes<HTMLIonDatetimeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDatetimeElement>>;
|
|
18
|
+
export declare const IonDatetimeButton: import("react").ForwardRefExoticComponent<JSX.IonDatetimeButton & Omit<import("react").HTMLAttributes<HTMLIonDatetimeButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDatetimeButtonElement>>;
|
|
19
|
+
export declare const IonDivider: import("react").ForwardRefExoticComponent<JSX.IonDivider & Omit<import("react").HTMLAttributes<HTMLIonDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonDividerElement>>;
|
|
20
|
+
export declare const IonFab: import("react").ForwardRefExoticComponent<JSX.IonFab & Omit<import("react").HTMLAttributes<HTMLIonFabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFabElement>>;
|
|
21
|
+
export declare const IonFabList: import("react").ForwardRefExoticComponent<JSX.IonFabList & Omit<import("react").HTMLAttributes<HTMLIonFabListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFabListElement>>;
|
|
22
|
+
export declare const IonFooter: import("react").ForwardRefExoticComponent<JSX.IonFooter & Omit<import("react").HTMLAttributes<HTMLIonFooterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonFooterElement>>;
|
|
23
|
+
export declare const IonGallery: import("react").ForwardRefExoticComponent<JSX.IonGallery & Omit<import("react").HTMLAttributes<HTMLIonGalleryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonGalleryElement>>;
|
|
24
|
+
export declare const IonGrid: import("react").ForwardRefExoticComponent<JSX.IonGrid & Omit<import("react").HTMLAttributes<HTMLIonGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonGridElement>>;
|
|
25
|
+
export declare const IonHeader: import("react").ForwardRefExoticComponent<JSX.IonHeader & Omit<import("react").HTMLAttributes<HTMLIonHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonHeaderElement>>;
|
|
26
|
+
export declare const IonImg: import("react").ForwardRefExoticComponent<JSX.IonImg & Omit<import("react").HTMLAttributes<HTMLIonImgElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonImgElement>>;
|
|
27
|
+
export declare const IonInfiniteScroll: import("react").ForwardRefExoticComponent<JSX.IonInfiniteScroll & Omit<import("react").HTMLAttributes<HTMLIonInfiniteScrollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInfiniteScrollElement>>;
|
|
28
|
+
export declare const IonInfiniteScrollContent: import("react").ForwardRefExoticComponent<JSX.IonInfiniteScrollContent & Omit<import("react").HTMLAttributes<HTMLIonInfiniteScrollContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInfiniteScrollContentElement>>;
|
|
29
|
+
export declare const IonInput: import("react").ForwardRefExoticComponent<JSX.IonInput & Omit<import("react").HTMLAttributes<HTMLIonInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputElement>>;
|
|
30
|
+
export declare const IonInputOtp: import("react").ForwardRefExoticComponent<JSX.IonInputOtp & Omit<import("react").HTMLAttributes<HTMLIonInputOtpElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputOtpElement>>;
|
|
31
|
+
export declare const IonInputPasswordToggle: import("react").ForwardRefExoticComponent<JSX.IonInputPasswordToggle & Omit<import("react").HTMLAttributes<HTMLIonInputPasswordToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonInputPasswordToggleElement>>;
|
|
32
|
+
export declare const IonItemDivider: import("react").ForwardRefExoticComponent<JSX.IonItemDivider & Omit<import("react").HTMLAttributes<HTMLIonItemDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemDividerElement>>;
|
|
33
|
+
export declare const IonItemGroup: import("react").ForwardRefExoticComponent<JSX.IonItemGroup & Omit<import("react").HTMLAttributes<HTMLIonItemGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemGroupElement>>;
|
|
34
|
+
export declare const IonItemOptions: import("react").ForwardRefExoticComponent<JSX.IonItemOptions & Omit<import("react").HTMLAttributes<HTMLIonItemOptionsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemOptionsElement>>;
|
|
35
|
+
export declare const IonItemSliding: import("react").ForwardRefExoticComponent<JSX.IonItemSliding & Omit<import("react").HTMLAttributes<HTMLIonItemSlidingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonItemSlidingElement>>;
|
|
36
|
+
export declare const IonLabel: import("react").ForwardRefExoticComponent<JSX.IonLabel & Omit<import("react").HTMLAttributes<HTMLIonLabelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonLabelElement>>;
|
|
37
|
+
export declare const IonList: import("react").ForwardRefExoticComponent<JSX.IonList & Omit<import("react").HTMLAttributes<HTMLIonListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonListElement>>;
|
|
38
|
+
export declare const IonListHeader: import("react").ForwardRefExoticComponent<JSX.IonListHeader & Omit<import("react").HTMLAttributes<HTMLIonListHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonListHeaderElement>>;
|
|
39
|
+
export declare const IonMenu: import("react").ForwardRefExoticComponent<JSX.IonMenu & Omit<import("react").HTMLAttributes<HTMLIonMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuElement>>;
|
|
40
|
+
export declare const IonMenuButton: import("react").ForwardRefExoticComponent<JSX.IonMenuButton & Omit<import("react").HTMLAttributes<HTMLIonMenuButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuButtonElement>>;
|
|
41
|
+
export declare const IonMenuToggle: import("react").ForwardRefExoticComponent<JSX.IonMenuToggle & Omit<import("react").HTMLAttributes<HTMLIonMenuToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonMenuToggleElement>>;
|
|
42
|
+
export declare const IonNav: import("react").ForwardRefExoticComponent<JSX.IonNav & Omit<import("react").HTMLAttributes<HTMLIonNavElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavElement>>;
|
|
43
|
+
export declare const IonNavLink: import("react").ForwardRefExoticComponent<JSX.IonNavLink & Omit<import("react").HTMLAttributes<HTMLIonNavLinkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNavLinkElement>>;
|
|
44
|
+
export declare const IonNote: import("react").ForwardRefExoticComponent<JSX.IonNote & Omit<import("react").HTMLAttributes<HTMLIonNoteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonNoteElement>>;
|
|
45
|
+
export declare const IonPicker: import("react").ForwardRefExoticComponent<JSX.IonPicker & Omit<import("react").HTMLAttributes<HTMLIonPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerElement>>;
|
|
46
|
+
export declare const IonPickerColumn: import("react").ForwardRefExoticComponent<JSX.IonPickerColumn & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnElement>>;
|
|
47
|
+
export declare const IonPickerColumnOption: import("react").ForwardRefExoticComponent<JSX.IonPickerColumnOption & Omit<import("react").HTMLAttributes<HTMLIonPickerColumnOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonPickerColumnOptionElement>>;
|
|
48
|
+
export declare const IonProgressBar: import("react").ForwardRefExoticComponent<JSX.IonProgressBar & Omit<import("react").HTMLAttributes<HTMLIonProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonProgressBarElement>>;
|
|
49
|
+
export declare const IonRadio: import("react").ForwardRefExoticComponent<JSX.IonRadio & Omit<import("react").HTMLAttributes<HTMLIonRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioElement>>;
|
|
50
|
+
export declare const IonRadioGroup: import("react").ForwardRefExoticComponent<JSX.IonRadioGroup & Omit<import("react").HTMLAttributes<HTMLIonRadioGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRadioGroupElement>>;
|
|
51
|
+
export declare const IonRange: import("react").ForwardRefExoticComponent<JSX.IonRange & Omit<import("react").HTMLAttributes<HTMLIonRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRangeElement>>;
|
|
52
|
+
export declare const IonRefresher: import("react").ForwardRefExoticComponent<JSX.IonRefresher & Omit<import("react").HTMLAttributes<HTMLIonRefresherElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRefresherElement>>;
|
|
53
|
+
export declare const IonRefresherContent: import("react").ForwardRefExoticComponent<JSX.IonRefresherContent & Omit<import("react").HTMLAttributes<HTMLIonRefresherContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRefresherContentElement>>;
|
|
54
|
+
export declare const IonReorder: import("react").ForwardRefExoticComponent<JSX.IonReorder & Omit<import("react").HTMLAttributes<HTMLIonReorderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonReorderElement>>;
|
|
55
|
+
export declare const IonReorderGroup: import("react").ForwardRefExoticComponent<JSX.IonReorderGroup & Omit<import("react").HTMLAttributes<HTMLIonReorderGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonReorderGroupElement>>;
|
|
56
|
+
export declare const IonRippleEffect: import("react").ForwardRefExoticComponent<JSX.IonRippleEffect & Omit<import("react").HTMLAttributes<HTMLIonRippleEffectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRippleEffectElement>>;
|
|
57
|
+
export declare const IonRow: import("react").ForwardRefExoticComponent<JSX.IonRow & Omit<import("react").HTMLAttributes<HTMLIonRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonRowElement>>;
|
|
58
|
+
export declare const IonSearchbar: import("react").ForwardRefExoticComponent<JSX.IonSearchbar & Omit<import("react").HTMLAttributes<HTMLIonSearchbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSearchbarElement>>;
|
|
59
|
+
export declare const IonSegment: import("react").ForwardRefExoticComponent<JSX.IonSegment & Omit<import("react").HTMLAttributes<HTMLIonSegmentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentElement>>;
|
|
60
|
+
export declare const IonSegmentButton: import("react").ForwardRefExoticComponent<JSX.IonSegmentButton & Omit<import("react").HTMLAttributes<HTMLIonSegmentButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentButtonElement>>;
|
|
61
|
+
export declare const IonSegmentContent: import("react").ForwardRefExoticComponent<JSX.IonSegmentContent & Omit<import("react").HTMLAttributes<HTMLIonSegmentContentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentContentElement>>;
|
|
62
|
+
export declare const IonSegmentView: import("react").ForwardRefExoticComponent<JSX.IonSegmentView & Omit<import("react").HTMLAttributes<HTMLIonSegmentViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSegmentViewElement>>;
|
|
63
|
+
export declare const IonSelect: import("react").ForwardRefExoticComponent<JSX.IonSelect & Omit<import("react").HTMLAttributes<HTMLIonSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectElement>>;
|
|
64
|
+
export declare const IonSelectModal: import("react").ForwardRefExoticComponent<JSX.IonSelectModal & Omit<import("react").HTMLAttributes<HTMLIonSelectModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectModalElement>>;
|
|
65
|
+
export declare const IonSelectOption: import("react").ForwardRefExoticComponent<JSX.IonSelectOption & Omit<import("react").HTMLAttributes<HTMLIonSelectOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSelectOptionElement>>;
|
|
66
|
+
export declare const IonSkeletonText: import("react").ForwardRefExoticComponent<JSX.IonSkeletonText & Omit<import("react").HTMLAttributes<HTMLIonSkeletonTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSkeletonTextElement>>;
|
|
67
|
+
export declare const IonSpinner: import("react").ForwardRefExoticComponent<JSX.IonSpinner & Omit<import("react").HTMLAttributes<HTMLIonSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSpinnerElement>>;
|
|
68
|
+
export declare const IonSplitPane: import("react").ForwardRefExoticComponent<JSX.IonSplitPane & Omit<import("react").HTMLAttributes<HTMLIonSplitPaneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonSplitPaneElement>>;
|
|
69
|
+
export declare const IonTab: import("react").ForwardRefExoticComponent<JSX.IonTab & Omit<import("react").HTMLAttributes<HTMLIonTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTabElement>>;
|
|
70
|
+
export declare const IonText: import("react").ForwardRefExoticComponent<JSX.IonText & Omit<import("react").HTMLAttributes<HTMLIonTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTextElement>>;
|
|
71
|
+
export declare const IonTextarea: import("react").ForwardRefExoticComponent<JSX.IonTextarea & Omit<import("react").HTMLAttributes<HTMLIonTextareaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTextareaElement>>;
|
|
72
|
+
export declare const IonThumbnail: import("react").ForwardRefExoticComponent<JSX.IonThumbnail & Omit<import("react").HTMLAttributes<HTMLIonThumbnailElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonThumbnailElement>>;
|
|
73
|
+
export declare const IonTitle: import("react").ForwardRefExoticComponent<JSX.IonTitle & Omit<import("react").HTMLAttributes<HTMLIonTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonTitleElement>>;
|
|
74
|
+
export declare const IonToggle: import("react").ForwardRefExoticComponent<JSX.IonToggle & Omit<import("react").HTMLAttributes<HTMLIonToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToggleElement>>;
|
|
75
|
+
export declare const IonToolbar: import("react").ForwardRefExoticComponent<JSX.IonToolbar & Omit<import("react").HTMLAttributes<HTMLIonToolbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLIonToolbarElement>>;
|
|
@@ -6,5 +6,5 @@ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<El
|
|
|
6
6
|
forwardedRef: React.RefObject<ElementType>;
|
|
7
7
|
ref?: React.Ref<any>;
|
|
8
8
|
}
|
|
9
|
-
export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./
|
|
9
|
+
export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
|
|
10
10
|
export {};
|
|
@@ -4,7 +4,7 @@ export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<R
|
|
|
4
4
|
export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
|
|
5
5
|
export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
|
|
6
6
|
export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
|
|
7
|
-
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<
|
|
7
|
+
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & StyleReactProps> & React.RefAttributes<ElementType>>;
|
|
8
8
|
export declare const defineCustomElement: (tagName: string, customElement: any) => void;
|
|
9
9
|
export * from './attachProps';
|
|
10
10
|
export * from './case';
|
|
@@ -4,40 +4,40 @@ export declare const IonRouterLink: import("react").ForwardRefExoticComponent<Om
|
|
|
4
4
|
routerDirection?: import("..").RouterDirection;
|
|
5
5
|
routerOptions?: import("..").RouterOptions;
|
|
6
6
|
routerAnimation?: import("@ionic/core/components").AnimationBuilder;
|
|
7
|
-
} & Omit<import("react").HTMLAttributes<HTMLIonRouterLinkElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonRouterLinkElement>>;
|
|
7
|
+
} & Omit<import("react").HTMLAttributes<HTMLIonRouterLinkElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonRouterLinkElement>>;
|
|
8
8
|
export declare const IonButton: import("react").ForwardRefExoticComponent<Omit<JSX.IonButton, "routerDirection"> & {
|
|
9
9
|
routerLink?: string;
|
|
10
10
|
routerDirection?: import("..").RouterDirection;
|
|
11
11
|
routerOptions?: import("..").RouterOptions;
|
|
12
12
|
routerAnimation?: import("@ionic/core/components").AnimationBuilder;
|
|
13
|
-
} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>;
|
|
13
|
+
} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>;
|
|
14
14
|
export declare const IonCard: import("react").ForwardRefExoticComponent<Omit<JSX.IonCard, "routerDirection"> & {
|
|
15
15
|
routerLink?: string;
|
|
16
16
|
routerDirection?: import("..").RouterDirection;
|
|
17
17
|
routerOptions?: import("..").RouterOptions;
|
|
18
18
|
routerAnimation?: import("@ionic/core/components").AnimationBuilder;
|
|
19
|
-
} & Omit<import("react").HTMLAttributes<HTMLIonCardElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonCardElement>>;
|
|
19
|
+
} & Omit<import("react").HTMLAttributes<HTMLIonCardElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonCardElement>>;
|
|
20
20
|
export declare const IonFabButton: import("react").ForwardRefExoticComponent<Omit<JSX.IonFabButton, "routerDirection"> & {
|
|
21
21
|
routerLink?: string;
|
|
22
22
|
routerDirection?: import("..").RouterDirection;
|
|
23
23
|
routerOptions?: import("..").RouterOptions;
|
|
24
24
|
routerAnimation?: import("@ionic/core/components").AnimationBuilder;
|
|
25
|
-
} & Omit<import("react").HTMLAttributes<HTMLIonFabButtonElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonFabButtonElement>>;
|
|
25
|
+
} & Omit<import("react").HTMLAttributes<HTMLIonFabButtonElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonFabButtonElement>>;
|
|
26
26
|
export declare const IonItem: import("react").ForwardRefExoticComponent<Omit<JSX.IonItem, "routerDirection"> & {
|
|
27
27
|
routerLink?: string;
|
|
28
28
|
routerDirection?: import("..").RouterDirection;
|
|
29
29
|
routerOptions?: import("..").RouterOptions;
|
|
30
30
|
routerAnimation?: import("@ionic/core/components").AnimationBuilder;
|
|
31
|
-
} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>;
|
|
31
|
+
} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>;
|
|
32
32
|
export declare const IonItemOption: import("react").ForwardRefExoticComponent<Omit<JSX.IonItemOption, "routerDirection"> & {
|
|
33
33
|
routerLink?: string;
|
|
34
34
|
routerDirection?: import("..").RouterDirection;
|
|
35
35
|
routerOptions?: import("..").RouterOptions;
|
|
36
36
|
routerAnimation?: import("@ionic/core/components").AnimationBuilder;
|
|
37
|
-
} & Omit<import("react").HTMLAttributes<HTMLIonItemOptionElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemOptionElement>>;
|
|
37
|
+
} & Omit<import("react").HTMLAttributes<HTMLIonItemOptionElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemOptionElement>>;
|
|
38
38
|
export declare const IonBreadcrumb: import("react").ForwardRefExoticComponent<Omit<JSX.IonBreadcrumb, "routerDirection"> & {
|
|
39
39
|
routerLink?: string;
|
|
40
40
|
routerDirection?: import("..").RouterDirection;
|
|
41
41
|
routerOptions?: import("..").RouterOptions;
|
|
42
42
|
routerAnimation?: import("@ionic/core/components").AnimationBuilder;
|
|
43
|
-
} & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonBreadcrumbElement>>;
|
|
43
|
+
} & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonBreadcrumbElement>>;
|
|
@@ -1,8 +1,17 @@
|
|
|
1
1
|
import type { Config as CoreConfig, Platforms } from '@ionic/core/components';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { IonicReactProps } from '../IonicReactProps';
|
|
4
|
-
export type IonicReactExternalProps<PropType, ElementType> = PropType &
|
|
5
|
-
|
|
4
|
+
export type IonicReactExternalProps<PropType, ElementType> = PropType &
|
|
5
|
+
/**
|
|
6
|
+
* TODO: FW-5753
|
|
7
|
+
*
|
|
8
|
+
* The `placeholder` property was removed from `HTMLAttributes` in @types/react@18.2.43
|
|
9
|
+
* https://github.com/DefinitelyTyped/DefinitelyTyped/commit/b954269038de46b4b2f1756a9f2f020cbc66a326
|
|
10
|
+
*
|
|
11
|
+
* This is a temporary workaround until @ionic/react is updated to >=18.2.43.
|
|
12
|
+
*/
|
|
13
|
+
Omit<React.HTMLAttributes<ElementType>, 'style' | 'placeholder'> & IonicReactProps;
|
|
14
|
+
export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style" | "placeholder"> & IonicReactProps> & React.RefAttributes<ElementType>>;
|
|
6
15
|
export declare const isPlatform: (platform: Platforms) => boolean;
|
|
7
16
|
export declare const getPlatforms: () => ("ipad" | "iphone" | "ios" | "android" | "phablet" | "tablet" | "cordova" | "capacitor" | "electron" | "pwa" | "mobile" | "mobileweb" | "desktop" | "hybrid")[];
|
|
8
17
|
export declare const getConfig: () => CoreConfig | null;
|
|
@@ -3,6 +3,8 @@ import React from 'react';
|
|
|
3
3
|
import type { RouteInfo } from '../models';
|
|
4
4
|
export interface NavContextState {
|
|
5
5
|
getIonRoute: () => any;
|
|
6
|
+
getIonRedirect: () => any;
|
|
7
|
+
getPageManager: () => any;
|
|
6
8
|
getStackManager: () => any;
|
|
7
9
|
goBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
|
|
8
10
|
navigate: (path: string, direction?: RouterDirection | 'none', ionRouteAction?: 'push' | 'replace' | 'pop', animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { PickerButton, PickerColumn, PickerOptions } from '@ionic/core/components';
|
|
2
|
+
import type { HookOverlayOptions } from './HookOverlayOptions';
|
|
3
|
+
/**
|
|
4
|
+
* A hook for presenting/dismissing an IonPicker component
|
|
5
|
+
* @returns Returns the present and dismiss methods in an array
|
|
6
|
+
* @deprecated Use the inline ion-picker component instead.
|
|
7
|
+
*/
|
|
8
|
+
export declare function useIonPicker(): UseIonPickerResult;
|
|
9
|
+
export type UseIonPickerResult = [
|
|
10
|
+
{
|
|
11
|
+
/**
|
|
12
|
+
* Presents the picker
|
|
13
|
+
* @param columns Array of columns to be displayed in the picker.
|
|
14
|
+
* @param buttons Optional - Array of buttons to be displayed at the top of the picker.
|
|
15
|
+
*/
|
|
16
|
+
(columns: PickerColumn[], buttons?: PickerButton[]): Promise<void>;
|
|
17
|
+
/**
|
|
18
|
+
* Presents the picker
|
|
19
|
+
* @param options The options to pass to the IonPicker
|
|
20
|
+
*/
|
|
21
|
+
(options: PickerOptions & HookOverlayOptions): Promise<void>;
|
|
22
|
+
},
|
|
23
|
+
/**
|
|
24
|
+
* Dismisses the picker
|
|
25
|
+
*/
|
|
26
|
+
() => Promise<void>
|
|
27
|
+
];
|
|
@@ -8,7 +8,9 @@ export declare const withIonLifeCycle: (WrappedComponent: React.ComponentType<an
|
|
|
8
8
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
|
|
10
10
|
forceUpdate(callback?: (() => void) | undefined): void;
|
|
11
|
-
readonly props: Readonly<any
|
|
11
|
+
readonly props: Readonly<any> & Readonly<{
|
|
12
|
+
children?: React.ReactNode | undefined;
|
|
13
|
+
}>;
|
|
12
14
|
state: Readonly<any>;
|
|
13
15
|
refs: {
|
|
14
16
|
[key: string]: React.ReactInstance;
|
|
@@ -13,15 +13,8 @@ export declare class LocationHistory {
|
|
|
13
13
|
private _getRouteInfosByKey;
|
|
14
14
|
getFirstRouteInfoForTab(tab: string): RouteInfo<any> | undefined;
|
|
15
15
|
getCurrentRouteInfoForTab(tab?: string): RouteInfo<any> | undefined;
|
|
16
|
-
/**
|
|
17
|
-
* Returns the most recent RouteInfo in global history (excluding the current
|
|
18
|
-
* entry) whose pathname matches the given value. Unlike findLastLocation,
|
|
19
|
-
* this search is tab-agnostic. Used by the multi-step back detection.
|
|
20
|
-
*/
|
|
21
|
-
findLastLocationByPathname(pathname: string): RouteInfo<any> | undefined;
|
|
22
16
|
findLastLocation(routeInfo: RouteInfo): RouteInfo<any> | undefined;
|
|
23
17
|
previous(): RouteInfo<any>;
|
|
24
18
|
current(): RouteInfo<any>;
|
|
25
19
|
canGoBack(): boolean;
|
|
26
|
-
findTabForPathname(pathname: string): string | undefined;
|
|
27
20
|
}
|
|
@@ -6,19 +6,19 @@ import type { RouteAction } from '../models/RouteAction';
|
|
|
6
6
|
import type { RouteInfo } from '../models/RouteInfo';
|
|
7
7
|
import type { RouterDirection } from '../models/RouterDirection';
|
|
8
8
|
import type { LocationHistory } from './LocationHistory';
|
|
9
|
+
import PageManager from './PageManager';
|
|
9
10
|
interface NavManagerProps {
|
|
10
11
|
routeInfo: RouteInfo;
|
|
11
12
|
onNativeBack: () => void;
|
|
12
13
|
onNavigateBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
|
|
13
14
|
onNavigate: (path: string, action: RouteAction, direction?: RouterDirection, animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;
|
|
14
|
-
onNavigateRoot: (pathname: string, animationBuilder?: AnimationBuilder) => void;
|
|
15
15
|
onSetCurrentTab: (tab: string, routeInfo: RouteInfo) => void;
|
|
16
16
|
onChangeTab: (tab: string, path: string, routeOptions?: any) => void;
|
|
17
17
|
onResetTab: (tab: string, path: string, routeOptions?: any) => void;
|
|
18
|
+
ionRedirect: any;
|
|
18
19
|
ionRoute: any;
|
|
19
20
|
stackManager: any;
|
|
20
21
|
locationHistory: LocationHistory;
|
|
21
|
-
children: React.ReactNode;
|
|
22
22
|
}
|
|
23
23
|
export declare class NavManager extends React.PureComponent<NavManagerProps, NavContextState> {
|
|
24
24
|
ionRouterContextValue: IonRouterContextState;
|
|
@@ -29,6 +29,8 @@ export declare class NavManager extends React.PureComponent<NavManagerProps, Nav
|
|
|
29
29
|
goBack(route?: string | RouteInfo, animationBuilder?: AnimationBuilder): void;
|
|
30
30
|
nativeGoBack(): void;
|
|
31
31
|
navigate(path: string, direction?: RouterDirection, action?: RouteAction, animationBuilder?: AnimationBuilder, options?: any, tab?: string): void;
|
|
32
|
+
getPageManager(): typeof PageManager;
|
|
33
|
+
getIonRedirect(): any;
|
|
32
34
|
getIonRoute(): any;
|
|
33
35
|
getStackManager(): any;
|
|
34
36
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,10 +5,8 @@ import { StackContext } from './StackContext';
|
|
|
5
5
|
interface OutletPageManagerProps {
|
|
6
6
|
className?: string;
|
|
7
7
|
forwardedRef?: React.ForwardedRef<HTMLIonRouterOutletElement>;
|
|
8
|
-
children: React.ReactNode;
|
|
9
8
|
routeInfo?: RouteInfo;
|
|
10
9
|
StackManager: any;
|
|
11
|
-
id?: string;
|
|
12
10
|
}
|
|
13
11
|
export declare class OutletPageManager extends React.Component<OutletPageManagerProps> {
|
|
14
12
|
ionLifeCycleContext: React.ContextType<typeof IonLifeCycleContext>;
|
|
@@ -5,7 +5,6 @@ import { StackContext } from './StackContext';
|
|
|
5
5
|
interface PageManagerProps {
|
|
6
6
|
className?: string;
|
|
7
7
|
forwardedRef?: React.ForwardedRef<HTMLDivElement>;
|
|
8
|
-
children: React.ReactNode;
|
|
9
8
|
routeInfo?: RouteInfo;
|
|
10
9
|
}
|
|
11
10
|
export declare class PageManager extends React.PureComponent<PageManagerProps> {
|
|
@@ -14,14 +13,7 @@ export declare class PageManager extends React.PureComponent<PageManagerProps> {
|
|
|
14
13
|
ionPageElementRef: React.RefObject<HTMLDivElement>;
|
|
15
14
|
stableMergedRefs: React.RefCallback<HTMLDivElement>;
|
|
16
15
|
constructor(props: PageManagerProps);
|
|
17
|
-
private parseClasses;
|
|
18
|
-
/**
|
|
19
|
-
* Updates classList by diffing old/new className props.
|
|
20
|
-
* Preserves framework-added classes (can-go-back, ion-page-invisible, etc.).
|
|
21
|
-
*/
|
|
22
|
-
private updateUserClasses;
|
|
23
16
|
componentDidMount(): void;
|
|
24
|
-
componentDidUpdate(prevProps: PageManagerProps): void;
|
|
25
17
|
componentWillUnmount(): void;
|
|
26
18
|
ionViewWillEnterHandler(): void;
|
|
27
19
|
ionViewDidEnterHandler(): void;
|
|
@@ -9,12 +9,7 @@ export interface RouteManagerContextState {
|
|
|
9
9
|
findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
|
|
10
10
|
findLeavingViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string) => ViewItem | undefined;
|
|
11
11
|
findViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean) => ViewItem | undefined;
|
|
12
|
-
getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void
|
|
13
|
-
/**
|
|
14
|
-
* Returns all view items currently registered for a given outlet id.
|
|
15
|
-
* Used by StackManager for out-of-scope cleanup.
|
|
16
|
-
*/
|
|
17
|
-
getViewItemsForOutlet: (outletId: string) => ViewItem[];
|
|
12
|
+
getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void) => React.ReactNode[];
|
|
18
13
|
goBack: () => void;
|
|
19
14
|
unMountViewItem: (viewItem: ViewItem) => void;
|
|
20
15
|
}
|
|
@@ -4,7 +4,7 @@ export declare abstract class ViewStacks {
|
|
|
4
4
|
private viewStacks;
|
|
5
5
|
constructor();
|
|
6
6
|
add(viewItem: ViewItem): void;
|
|
7
|
-
clear(outletId: string):
|
|
7
|
+
clear(outletId: string): NodeJS.Timeout;
|
|
8
8
|
getViewItemsForOutlet(outletId: string): ViewItem<any>[];
|
|
9
9
|
remove(viewItem: ViewItem): void;
|
|
10
10
|
protected getStackIds(): string[];
|
|
@@ -13,5 +13,5 @@ export declare abstract class ViewStacks {
|
|
|
13
13
|
abstract findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
|
|
14
14
|
abstract findViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean): ViewItem | undefined;
|
|
15
15
|
abstract findLeavingViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string): ViewItem | undefined;
|
|
16
|
-
abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void,
|
|
16
|
+
abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, setInTransition: () => void): React.ReactNode[];
|
|
17
17
|
}
|