@ionic/react 7.5.3-dev.11698858201.14165f23 → 7.5.3-dev.11699994454.1cbf1283
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/dist/index.js +2443 -8
- package/dist/index.js.map +1 -7
- package/dist/types/components/CreateAnimation.d.ts +71 -0
- package/dist/types/components/IonActionSheet.d.ts +3 -0
- package/dist/types/components/IonAlert.d.ts +3 -0
- package/dist/types/components/IonApp.d.ts +41 -0
- package/dist/types/components/IonIcon.d.ts +16 -0
- package/dist/types/components/IonLoading.d.ts +3 -0
- package/dist/types/components/IonModal.d.ts +3 -0
- package/dist/types/components/IonOverlayManager.d.ts +15 -0
- package/dist/types/components/IonPage.d.ts +3 -0
- package/dist/types/components/IonPicker.d.ts +3 -0
- package/dist/types/components/IonPopover.d.ts +3 -0
- package/dist/types/components/IonRedirect.d.ts +16 -0
- package/dist/types/components/IonRoute.d.ts +17 -0
- package/dist/types/components/IonRouterContext.d.ts +42 -0
- package/dist/types/components/IonRouterOutlet.d.ts +8 -0
- package/dist/types/components/IonToast.d.ts +3 -0
- package/dist/types/components/IonicReactProps.d.ts +6 -0
- package/dist/types/components/__tests__/utils.spec.d.ts +1 -0
- package/dist/types/components/createControllerComponent.d.ts +19 -0
- package/dist/types/components/createInlineOverlayComponent.d.ts +2 -0
- package/dist/types/components/createOverlayComponent.d.ts +20 -0
- package/dist/types/components/createRoutingComponent.d.ts +2 -0
- package/dist/types/components/hrefprops.d.ts +9 -0
- package/dist/types/components/index.d.ts +35 -0
- package/dist/types/components/inner-proxies.d.ts +14 -0
- package/dist/types/components/navigation/IonBackButton.d.ts +68 -0
- package/dist/types/components/navigation/IonNav.d.ts +5 -0
- package/dist/types/components/navigation/IonTabBar.d.ts +15 -0
- package/dist/types/components/navigation/IonTabButton.d.ts +40 -0
- package/dist/types/components/navigation/IonTabs.d.ts +49 -0
- package/dist/types/components/navigation/IonTabsContext.d.ts +6 -0
- package/dist/types/components/proxies.d.ts +66 -0
- package/dist/types/components/react-component-lib/createComponent.d.ts +10 -0
- package/dist/types/components/react-component-lib/createOverlayComponent.d.ts +21 -0
- package/dist/types/components/react-component-lib/index.d.ts +2 -0
- package/dist/types/components/react-component-lib/interfaces.d.ts +29 -0
- package/dist/types/components/react-component-lib/utils/attachProps.d.ts +16 -0
- package/dist/types/components/react-component-lib/utils/case.d.ts +2 -0
- package/dist/types/components/react-component-lib/utils/dev.d.ts +2 -0
- package/dist/types/components/react-component-lib/utils/index.d.ts +10 -0
- package/dist/types/components/routing-proxies.d.ts +44 -0
- package/dist/types/components/utils/detachProps.d.ts +8 -0
- package/dist/types/components/utils/index.d.ts +8 -0
- package/dist/types/components/utils/ionRenderToString.d.ts +2 -0
- package/dist/types/contexts/IonContext.d.ts +7 -0
- package/dist/types/contexts/IonLifeCycleContext.d.ts +72 -0
- package/dist/types/contexts/NavContext.d.ts +17 -0
- package/dist/types/framework-delegate.d.ts +2 -0
- package/dist/types/hooks/HookOverlayOptions.d.ts +7 -0
- package/dist/types/hooks/__tests__/hooks.spec.d.ts +0 -0
- package/dist/types/hooks/useController.d.ts +12 -0
- package/dist/types/hooks/useIonActionSheet.d.ts +26 -0
- package/dist/types/hooks/useIonAlert.d.ts +26 -0
- package/dist/types/hooks/useIonLoading.d.ts +27 -0
- package/dist/types/hooks/useIonModal.d.ts +17 -0
- package/dist/types/hooks/useIonPicker.d.ts +26 -0
- package/dist/types/hooks/useIonPopover.d.ts +17 -0
- package/dist/types/hooks/useIonToast.d.ts +26 -0
- package/dist/types/hooks/useOverlay.d.ts +13 -0
- package/dist/types/index.d.ts +7 -0
- package/dist/types/lifecycle/IonLifeCycleHOC.d.ts +31 -0
- package/dist/types/lifecycle/hooks.d.ts +5 -0
- package/dist/types/lifecycle/index.d.ts +2 -0
- package/dist/types/models/ReactComponentOrElement.d.ts +2 -0
- package/dist/types/models/RouteAction.d.ts +1 -0
- package/dist/types/models/RouteInfo.d.ts +19 -0
- package/dist/types/models/RouterDirection.d.ts +1 -0
- package/dist/types/models/RouterOptions.d.ts +10 -0
- package/dist/types/models/index.d.ts +5 -0
- package/dist/types/routing/LocationHistory.d.ts +20 -0
- package/dist/types/routing/NavManager.d.ts +38 -0
- package/dist/types/routing/OutletPageManager.d.ts +26 -0
- package/dist/types/routing/PageManager.d.ts +25 -0
- package/dist/types/routing/RouteManagerContext.d.ts +16 -0
- package/dist/types/routing/StackContext.d.ts +7 -0
- package/dist/types/routing/ViewItem.d.ts +12 -0
- package/dist/types/routing/ViewLifeCycleManager.d.ts +42 -0
- package/dist/types/routing/ViewStacks.d.ts +19 -0
- package/dist/types/routing/__tests__/LocationHistory.spec.d.ts +1 -0
- package/dist/types/routing/index.d.ts +7 -0
- package/dist/types/utils/HTMLElementSSR.d.ts +4 -0
- package/dist/types/utils/generateId.d.ts +1 -0
- package/package.json +12 -5
- package/dist/components/CreateAnimation.js +0 -107
- package/dist/components/CreateAnimation.js.map +0 -7
- package/dist/components/IonActionSheet.js +0 -8
- package/dist/components/IonActionSheet.js.map +0 -7
- package/dist/components/IonAlert.js +0 -8
- package/dist/components/IonAlert.js.map +0 -7
- package/dist/components/IonApp.js +0 -42
- package/dist/components/IonApp.js.map +0 -7
- package/dist/components/IonIcon.js +0 -39
- package/dist/components/IonIcon.js.map +0 -7
- package/dist/components/IonLoading.js +0 -8
- package/dist/components/IonLoading.js.map +0 -7
- package/dist/components/IonModal.js +0 -9
- package/dist/components/IonModal.js.map +0 -7
- package/dist/components/IonOverlayManager.js +0 -29
- package/dist/components/IonOverlayManager.js.map +0 -7
- package/dist/components/IonPage.js +0 -31
- package/dist/components/IonPage.js.map +0 -7
- package/dist/components/IonPicker.js +0 -8
- package/dist/components/IonPicker.js.map +0 -7
- package/dist/components/IonPopover.js +0 -8
- package/dist/components/IonPopover.js.map +0 -7
- package/dist/components/IonRedirect.js +0 -19
- package/dist/components/IonRedirect.js.map +0 -7
- package/dist/components/IonRoute.js +0 -17
- package/dist/components/IonRoute.js.map +0 -7
- package/dist/components/IonRouterContext.js +0 -32
- package/dist/components/IonRouterContext.js.map +0 -7
- package/dist/components/IonRouterOutlet.js +0 -24
- package/dist/components/IonRouterOutlet.js.map +0 -7
- package/dist/components/IonToast.js +0 -8
- package/dist/components/IonToast.js.map +0 -7
- package/dist/components/IonicReactProps.js +0 -2
- package/dist/components/IonicReactProps.js.map +0 -7
- package/dist/components/__tests__/utils.spec.js +0 -50
- package/dist/components/__tests__/utils.spec.js.map +0 -7
- package/dist/components/createControllerComponent.js +0 -80
- package/dist/components/createControllerComponent.js.map +0 -7
- package/dist/components/createInlineOverlayComponent.js +0 -114
- package/dist/components/createInlineOverlayComponent.js.map +0 -7
- package/dist/components/createOverlayComponent.js +0 -88
- package/dist/components/createOverlayComponent.js.map +0 -7
- package/dist/components/createRoutingComponent.js +0 -79
- package/dist/components/createRoutingComponent.js.map +0 -7
- package/dist/components/hrefprops.js +0 -2
- package/dist/components/hrefprops.js.map +0 -7
- package/dist/components/index.js +0 -126
- package/dist/components/index.js.map +0 -7
- package/dist/components/inner-proxies.js +0 -30
- package/dist/components/inner-proxies.js.map +0 -7
- package/dist/components/navigation/IonBackButton.js +0 -31
- package/dist/components/navigation/IonBackButton.js.map +0 -7
- package/dist/components/navigation/IonNav.js +0 -21
- package/dist/components/navigation/IonNav.js.map +0 -7
- package/dist/components/navigation/IonTabBar.js +0 -173
- package/dist/components/navigation/IonTabBar.js.map +0 -7
- package/dist/components/navigation/IonTabButton.js +0 -30
- package/dist/components/navigation/IonTabButton.js.map +0 -7
- package/dist/components/navigation/IonTabs.js +0 -103
- package/dist/components/navigation/IonTabs.js.map +0 -7
- package/dist/components/navigation/IonTabsContext.js +0 -7
- package/dist/components/navigation/IonTabsContext.js.map +0 -7
- package/dist/components/proxies.js +0 -131
- package/dist/components/proxies.js.map +0 -7
- package/dist/components/react-component-lib/createComponent.js +0 -58
- package/dist/components/react-component-lib/createComponent.js.map +0 -7
- package/dist/components/react-component-lib/createOverlayComponent.js +0 -86
- package/dist/components/react-component-lib/createOverlayComponent.js.map +0 -7
- package/dist/components/react-component-lib/index.js +0 -4
- package/dist/components/react-component-lib/index.js.map +0 -7
- package/dist/components/react-component-lib/interfaces.js +0 -2
- package/dist/components/react-component-lib/interfaces.js.map +0 -7
- package/dist/components/react-component-lib/utils/attachProps.js +0 -92
- package/dist/components/react-component-lib/utils/attachProps.js.map +0 -7
- package/dist/components/react-component-lib/utils/case.js +0 -4
- package/dist/components/react-component-lib/utils/case.js.map +0 -7
- package/dist/components/react-component-lib/utils/dev.js +0 -14
- package/dist/components/react-component-lib/utils/dev.js.map +0 -7
- package/dist/components/react-component-lib/utils/index.js +0 -31
- package/dist/components/react-component-lib/utils/index.js.map +0 -7
- package/dist/components/routing-proxies.js +0 -29
- package/dist/components/routing-proxies.js.map +0 -7
- package/dist/components/utils/detachProps.js +0 -24
- package/dist/components/utils/detachProps.js.map +0 -7
- package/dist/components/utils/index.js +0 -26
- package/dist/components/utils/index.js.map +0 -7
- package/dist/components/utils/ionRenderToString.js +0 -36
- package/dist/components/utils/ionRenderToString.js.map +0 -7
- package/dist/contexts/IonContext.js +0 -11
- package/dist/contexts/IonContext.js.map +0 -7
- package/dist/contexts/IonLifeCycleContext.js +0 -185
- package/dist/contexts/IonLifeCycleContext.js.map +0 -7
- package/dist/contexts/NavContext.js +0 -36
- package/dist/contexts/NavContext.js.map +0 -7
- package/dist/framework-delegate.js +0 -30
- package/dist/framework-delegate.js.map +0 -7
- package/dist/hooks/HookOverlayOptions.js +0 -2
- package/dist/hooks/HookOverlayOptions.js.map +0 -7
- package/dist/hooks/__tests__/hooks.spec.js +0 -6
- package/dist/hooks/__tests__/hooks.spec.js.map +0 -7
- package/dist/hooks/useController.js +0 -45
- package/dist/hooks/useController.js.map +0 -7
- package/dist/hooks/useIonActionSheet.js +0 -27
- package/dist/hooks/useIonActionSheet.js.map +0 -7
- package/dist/hooks/useIonAlert.js +0 -23
- package/dist/hooks/useIonAlert.js.map +0 -7
- package/dist/hooks/useIonLoading.js +0 -28
- package/dist/hooks/useIonLoading.js.map +0 -7
- package/dist/hooks/useIonModal.js +0 -22
- package/dist/hooks/useIonModal.js.map +0 -7
- package/dist/hooks/useIonPicker.js +0 -27
- package/dist/hooks/useIonPicker.js.map +0 -7
- package/dist/hooks/useIonPopover.js +0 -22
- package/dist/hooks/useIonPopover.js.map +0 -7
- package/dist/hooks/useIonToast.js +0 -23
- package/dist/hooks/useIonToast.js.map +0 -7
- package/dist/hooks/useOverlay.js +0 -67
- package/dist/hooks/useOverlay.js.map +0 -7
- package/dist/lifecycle/IonLifeCycleHOC.js +0 -41
- package/dist/lifecycle/IonLifeCycleHOC.js.map +0 -7
- package/dist/lifecycle/hooks.js +0 -52
- package/dist/lifecycle/hooks.js.map +0 -7
- package/dist/lifecycle/index.js +0 -4
- package/dist/lifecycle/index.js.map +0 -7
- package/dist/models/ReactComponentOrElement.js +0 -2
- package/dist/models/ReactComponentOrElement.js.map +0 -7
- package/dist/models/RouteAction.js +0 -2
- package/dist/models/RouteAction.js.map +0 -7
- package/dist/models/RouteInfo.js +0 -2
- package/dist/models/RouteInfo.js.map +0 -7
- package/dist/models/RouterDirection.js +0 -2
- package/dist/models/RouterDirection.js.map +0 -7
- package/dist/models/RouterOptions.js +0 -2
- package/dist/models/RouterOptions.js.map +0 -7
- package/dist/models/index.js +0 -7
- package/dist/models/index.js.map +0 -7
- package/dist/routing/LocationHistory.js +0 -140
- package/dist/routing/LocationHistory.js.map +0 -7
- package/dist/routing/NavManager.js +0 -76
- package/dist/routing/NavManager.js.map +0 -7
- package/dist/routing/OutletPageManager.js +0 -69
- package/dist/routing/OutletPageManager.js.map +0 -7
- package/dist/routing/PageManager.js +0 -60
- package/dist/routing/PageManager.js.map +0 -7
- package/dist/routing/RouteManagerContext.js +0 -15
- package/dist/routing/RouteManagerContext.js.map +0 -7
- package/dist/routing/StackContext.js +0 -7
- package/dist/routing/StackContext.js.map +0 -7
- package/dist/routing/ViewItem.js +0 -2
- package/dist/routing/ViewItem.js.map +0 -7
- package/dist/routing/ViewLifeCycleManager.js +0 -36
- package/dist/routing/ViewLifeCycleManager.js.map +0 -7
- package/dist/routing/ViewStacks.js +0 -49
- package/dist/routing/ViewStacks.js.map +0 -7
- package/dist/routing/__tests__/LocationHistory.spec.js +0 -185
- package/dist/routing/__tests__/LocationHistory.spec.js.map +0 -7
- package/dist/routing/index.js +0 -9
- package/dist/routing/index.js.map +0 -7
- package/dist/utils/HTMLElementSSR.js +0 -4
- package/dist/utils/HTMLElementSSR.js.map +0 -7
- package/dist/utils/generateId.js +0 -8
- package/dist/utils/generateId.js.map +0 -7
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import React, { createElement } from "react";
|
|
3
|
-
import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from "./utils";
|
|
4
|
-
export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
|
|
5
|
-
if (defineCustomElement !== void 0) {
|
|
6
|
-
defineCustomElement();
|
|
7
|
-
}
|
|
8
|
-
const displayName = dashToPascalCase(tagName);
|
|
9
|
-
const ReactComponent = class extends React.Component {
|
|
10
|
-
constructor(props) {
|
|
11
|
-
super(props);
|
|
12
|
-
this.setComponentElRef = (element) => {
|
|
13
|
-
this.componentEl = element;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
componentDidMount() {
|
|
17
|
-
this.componentDidUpdate(this.props);
|
|
18
|
-
}
|
|
19
|
-
componentDidUpdate(prevProps) {
|
|
20
|
-
attachProps(this.componentEl, this.props, prevProps);
|
|
21
|
-
}
|
|
22
|
-
render() {
|
|
23
|
-
const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
|
|
24
|
-
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
25
|
-
const value = cProps[name];
|
|
26
|
-
if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
|
|
27
|
-
const eventName = name.substring(2).toLowerCase();
|
|
28
|
-
if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
|
|
29
|
-
acc[name] = value;
|
|
30
|
-
}
|
|
31
|
-
} else {
|
|
32
|
-
const type = typeof value;
|
|
33
|
-
if (type === "string" || type === "boolean" || type === "number") {
|
|
34
|
-
acc[camelToDashCase(name)] = value;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
return acc;
|
|
38
|
-
}, {});
|
|
39
|
-
if (manipulatePropsFunction) {
|
|
40
|
-
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
41
|
-
}
|
|
42
|
-
const newProps = {
|
|
43
|
-
...propsToPass,
|
|
44
|
-
ref: mergeRefs(forwardedRef, this.setComponentElRef),
|
|
45
|
-
style
|
|
46
|
-
};
|
|
47
|
-
return createElement(tagName, newProps, children);
|
|
48
|
-
}
|
|
49
|
-
static get displayName() {
|
|
50
|
-
return displayName;
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
if (ReactComponentContext) {
|
|
54
|
-
ReactComponent.contextType = ReactComponentContext;
|
|
55
|
-
}
|
|
56
|
-
return createForwardRef(ReactComponent, displayName);
|
|
57
|
-
};
|
|
58
|
-
//# sourceMappingURL=createComponent.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/react-component-lib/createComponent.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n forwardedRef: React.RefObject<ElementType>;\n ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n PropType,\n ElementType extends HTMLStencilElement,\n ContextStateType = {},\n ExpandedPropsTypes = {}\n>(\n tagName: string,\n ReactComponentContext?: React.Context<ContextStateType>,\n manipulatePropsFunction?: (\n originalProps: StencilReactInternalProps<ElementType>,\n propsToPass: any\n ) => ExpandedPropsTypes,\n defineCustomElement?: () => void\n) => {\n if (defineCustomElement !== undefined) {\n defineCustomElement();\n }\n\n const displayName = dashToPascalCase(tagName);\n const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n componentEl!: ElementType;\n\n setComponentElRef = (element: ElementType) => {\n this.componentEl = element;\n };\n\n constructor(props: StencilReactInternalProps<ElementType>) {\n super(props);\n }\n\n componentDidMount() {\n this.componentDidUpdate(this.props);\n }\n\n componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n attachProps(this.componentEl, this.props, prevProps);\n }\n\n render() {\n const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n const value = (cProps as any)[name];\n\n if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n const eventName = name.substring(2).toLowerCase();\n if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n acc[name] = value;\n }\n } else {\n // we should only render strings, booleans, and numbers as attrs in html.\n // objects, functions, arrays etc get synced via properties on mount.\n const type = typeof value;\n\n if (type === 'string' || type === 'boolean' || type === 'number') {\n acc[camelToDashCase(name)] = value;\n }\n }\n return acc;\n }, {} as ExpandedPropsTypes);\n\n if (manipulatePropsFunction) {\n propsToPass = manipulatePropsFunction(this.props, propsToPass);\n }\n\n const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n ...propsToPass,\n ref: mergeRefs(forwardedRef, this.setComponentElRef),\n style,\n };\n\n /**\n * We use createElement here instead of\n * React.createElement to work around a\n * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n * React.createElement causes all elements to be rendered\n * as <tagname> instead of the actual Web Component.\n */\n return createElement(tagName, newProps, children);\n }\n\n static get displayName() {\n return displayName;\n }\n };\n\n // If context was passed to createReactComponent then conditionally add it to the Component Class\n if (ReactComponentContext) {\n ReactComponent.contextType = ReactComponentContext;\n }\n\n return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n"],
|
|
5
|
-
"mappings": ";AAAA,OAAO,SAAS,qBAAqB;AAErC,SAAS,aAAa,iBAAiB,kBAAkB,kBAAkB,kBAAkB,iBAAiB;AAWvG,aAAM,uBAAuB,CAMlC,SACA,uBACA,yBAIA,wBACG;AACH,MAAI,wBAAwB,QAAW;AACrC,wBAAoB;AAAA,EACtB;AAEA,QAAM,cAAc,iBAAiB,OAAO;AAC5C,QAAM,iBAAiB,cAAc,MAAM,UAAkD;AAAA,IAO3F,YAAY,OAA+C;AACzD,YAAM,KAAK;AALb,+BAAoB,CAAC,YAAyB;AAC5C,aAAK,cAAc;AAAA,MACrB;AAAA,IAIA;AAAA,IAEA,oBAAoB;AAClB,WAAK,mBAAmB,KAAK,KAAK;AAAA,IACpC;AAAA,IAEA,mBAAmB,WAAmD;AACpE,kBAAY,KAAK,aAAa,KAAK,OAAO,SAAS;AAAA,IACrD;AAAA,IAEA,SAAS;AACP,YAAM,EAAE,UAAU,cAAc,OAAO,WAAW,KAAK,GAAG,OAAO,IAAI,KAAK;AAE1E,UAAI,cAAc,OAAO,KAAK,MAAM,EAAE,OAAO,CAAC,KAAU,SAAS;AAC/D,cAAM,QAAS,OAAe,IAAI;AAElC,YAAI,KAAK,QAAQ,IAAI,MAAM,KAAK,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,YAAY,GAAG;AACjE,gBAAM,YAAY,KAAK,UAAU,CAAC,EAAE,YAAY;AAChD,cAAI,OAAO,aAAa,eAAe,iBAAiB,SAAS,GAAG;AAClE,gBAAI,IAAI,IAAI;AAAA,UACd;AAAA,QACF,OAAO;AAGL,gBAAM,OAAO,OAAO;AAEpB,cAAI,SAAS,YAAY,SAAS,aAAa,SAAS,UAAU;AAChE,gBAAI,gBAAgB,IAAI,CAAC,IAAI;AAAA,UAC/B;AAAA,QACF;AACA,eAAO;AAAA,MACT,GAAG,CAAC,CAAuB;AAE3B,UAAI,yBAAyB;AAC3B,sBAAc,wBAAwB,KAAK,OAAO,WAAW;AAAA,MAC/D;AAEA,YAAM,WAAyE;AAAA,QAC7E,GAAG;AAAA,QACH,KAAK,UAAU,cAAc,KAAK,iBAAiB;AAAA,QACnD;AAAA,MACF;AASA,aAAO,cAAc,SAAS,UAAU,QAAQ;AAAA,IAClD;AAAA,IAEA,WAAW,cAAc;AACvB,aAAO;AAAA,IACT;AAAA,EACF;AAGA,MAAI,uBAAuB;AACzB,mBAAe,cAAc;AAAA,EAC/B;AAEA,SAAO,iBAAwC,gBAAgB,WAAW;AAC5E;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import ReactDOM from "react-dom";
|
|
4
|
-
import { attachProps, dashToPascalCase, defineCustomElement, setRef } from "./utils";
|
|
5
|
-
export const createOverlayComponent = (tagName, controller, customElement) => {
|
|
6
|
-
defineCustomElement(tagName, customElement);
|
|
7
|
-
const displayName = dashToPascalCase(tagName);
|
|
8
|
-
const didDismissEventName = `on${displayName}DidDismiss`;
|
|
9
|
-
const didPresentEventName = `on${displayName}DidPresent`;
|
|
10
|
-
const willDismissEventName = `on${displayName}WillDismiss`;
|
|
11
|
-
const willPresentEventName = `on${displayName}WillPresent`;
|
|
12
|
-
let isDismissing = false;
|
|
13
|
-
class Overlay extends React.Component {
|
|
14
|
-
constructor(props) {
|
|
15
|
-
super(props);
|
|
16
|
-
if (typeof document !== "undefined") {
|
|
17
|
-
this.el = document.createElement("div");
|
|
18
|
-
}
|
|
19
|
-
this.handleDismiss = this.handleDismiss.bind(this);
|
|
20
|
-
}
|
|
21
|
-
static get displayName() {
|
|
22
|
-
return displayName;
|
|
23
|
-
}
|
|
24
|
-
componentDidMount() {
|
|
25
|
-
if (this.props.isOpen) {
|
|
26
|
-
this.present();
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
componentWillUnmount() {
|
|
30
|
-
if (this.overlay) {
|
|
31
|
-
this.overlay.dismiss();
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
handleDismiss(event) {
|
|
35
|
-
if (this.props.onDidDismiss) {
|
|
36
|
-
this.props.onDidDismiss(event);
|
|
37
|
-
}
|
|
38
|
-
setRef(this.props.forwardedRef, null);
|
|
39
|
-
}
|
|
40
|
-
shouldComponentUpdate(nextProps) {
|
|
41
|
-
if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
|
|
42
|
-
isDismissing = true;
|
|
43
|
-
}
|
|
44
|
-
return true;
|
|
45
|
-
}
|
|
46
|
-
async componentDidUpdate(prevProps) {
|
|
47
|
-
if (this.overlay) {
|
|
48
|
-
attachProps(this.overlay, this.props, prevProps);
|
|
49
|
-
}
|
|
50
|
-
if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
|
|
51
|
-
this.present(prevProps);
|
|
52
|
-
}
|
|
53
|
-
if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
|
|
54
|
-
await this.overlay.dismiss();
|
|
55
|
-
isDismissing = false;
|
|
56
|
-
this.forceUpdate();
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
async present(prevProps) {
|
|
60
|
-
const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;
|
|
61
|
-
const elementProps = {
|
|
62
|
-
...cProps,
|
|
63
|
-
ref: this.props.forwardedRef,
|
|
64
|
-
[didDismissEventName]: this.handleDismiss,
|
|
65
|
-
[didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e),
|
|
66
|
-
[willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e),
|
|
67
|
-
[willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e)
|
|
68
|
-
};
|
|
69
|
-
this.overlay = await controller.create({
|
|
70
|
-
...elementProps,
|
|
71
|
-
component: this.el,
|
|
72
|
-
componentProps: {}
|
|
73
|
-
});
|
|
74
|
-
setRef(this.props.forwardedRef, this.overlay);
|
|
75
|
-
attachProps(this.overlay, elementProps, prevProps);
|
|
76
|
-
await this.overlay.present();
|
|
77
|
-
}
|
|
78
|
-
render() {
|
|
79
|
-
return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
return React.forwardRef((props, ref) => {
|
|
83
|
-
return /* @__PURE__ */ React.createElement(Overlay, { ...props, forwardedRef: ref });
|
|
84
|
-
});
|
|
85
|
-
};
|
|
86
|
-
//# sourceMappingURL=createOverlayComponent.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/react-component-lib/createOverlayComponent.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { OverlayEventDetail } from './interfaces';\nimport { StencilReactForwardedRef, attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';\n\ninterface OverlayElement extends HTMLElement {\n present: () => Promise<void>;\n dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;\n}\n\nexport interface ReactOverlayProps {\n children?: React.ReactNode;\n isOpen: boolean;\n onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;\n onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;\n onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;\n onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;\n}\n\nexport const createOverlayComponent = <OverlayComponent extends object, OverlayType extends OverlayElement>(\n tagName: string,\n controller: { create: (options: any) => Promise<OverlayType> },\n customElement?: any\n) => {\n defineCustomElement(tagName, customElement);\n\n const displayName = dashToPascalCase(tagName);\n const didDismissEventName = `on${displayName}DidDismiss`;\n const didPresentEventName = `on${displayName}DidPresent`;\n const willDismissEventName = `on${displayName}WillDismiss`;\n const willPresentEventName = `on${displayName}WillPresent`;\n\n type Props = OverlayComponent &\n ReactOverlayProps & {\n forwardedRef?: StencilReactForwardedRef<OverlayType>;\n };\n\n let isDismissing = false;\n\n class Overlay extends React.Component<Props> {\n overlay?: OverlayType;\n el!: HTMLDivElement;\n\n constructor(props: Props) {\n super(props);\n if (typeof document !== 'undefined') {\n this.el = document.createElement('div');\n }\n this.handleDismiss = this.handleDismiss.bind(this);\n }\n\n static get displayName() {\n return displayName;\n }\n\n componentDidMount() {\n if (this.props.isOpen) {\n this.present();\n }\n }\n\n componentWillUnmount() {\n if (this.overlay) {\n this.overlay.dismiss();\n }\n }\n\n handleDismiss(event: CustomEvent<OverlayEventDetail<any>>) {\n if (this.props.onDidDismiss) {\n this.props.onDidDismiss(event);\n }\n setRef(this.props.forwardedRef, null);\n }\n\n shouldComponentUpdate(nextProps: Props) {\n // Check if the overlay component is about to dismiss\n if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {\n isDismissing = true;\n }\n\n return true;\n }\n\n async componentDidUpdate(prevProps: Props) {\n if (this.overlay) {\n attachProps(this.overlay, this.props, prevProps);\n }\n\n if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {\n this.present(prevProps);\n }\n if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {\n await this.overlay.dismiss();\n isDismissing = false;\n\n /**\n * Now that the overlay is dismissed\n * we need to render again so that any\n * inner components will be unmounted\n */\n this.forceUpdate();\n }\n }\n\n async present(prevProps?: Props) {\n const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;\n const elementProps = {\n ...cProps,\n ref: this.props.forwardedRef,\n [didDismissEventName]: this.handleDismiss,\n [didPresentEventName]: (e: CustomEvent) => this.props.onDidPresent && this.props.onDidPresent(e),\n [willDismissEventName]: (e: CustomEvent) => this.props.onWillDismiss && this.props.onWillDismiss(e),\n [willPresentEventName]: (e: CustomEvent) => this.props.onWillPresent && this.props.onWillPresent(e),\n };\n\n this.overlay = await controller.create({\n ...elementProps,\n component: this.el,\n componentProps: {},\n });\n\n setRef(this.props.forwardedRef, this.overlay);\n attachProps(this.overlay, elementProps, prevProps);\n\n await this.overlay.present();\n }\n\n render() {\n /**\n * Continue to render the component even when\n * overlay is dismissing otherwise component\n * will be hidden before animation is done.\n */\n return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);\n }\n }\n\n return React.forwardRef<OverlayType, Props>((props, ref) => {\n return <Overlay {...props} forwardedRef={ref} />;\n });\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/react-component-lib/index.ts"],
|
|
4
|
-
"sourcesContent": ["export { createReactComponent } from './createComponent';\nexport { createOverlayComponent } from './createOverlayComponent';\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import { camelToDashCase } from "./case";
|
|
3
|
-
export const attachProps = (node, newProps, oldProps = {}) => {
|
|
4
|
-
if (node instanceof Element) {
|
|
5
|
-
const className = getClassName(node.classList, newProps, oldProps);
|
|
6
|
-
if (className !== "") {
|
|
7
|
-
node.className = className;
|
|
8
|
-
}
|
|
9
|
-
Object.keys(newProps).forEach((name) => {
|
|
10
|
-
if (name === "children" || name === "style" || name === "ref" || name === "class" || name === "className" || name === "forwardedRef") {
|
|
11
|
-
return;
|
|
12
|
-
}
|
|
13
|
-
if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
|
|
14
|
-
const eventName = name.substring(2);
|
|
15
|
-
const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
|
|
16
|
-
if (!isCoveredByReact(eventNameLc)) {
|
|
17
|
-
syncEvent(node, eventNameLc, newProps[name]);
|
|
18
|
-
}
|
|
19
|
-
} else {
|
|
20
|
-
node[name] = newProps[name];
|
|
21
|
-
const propType = typeof newProps[name];
|
|
22
|
-
if (propType === "string") {
|
|
23
|
-
node.setAttribute(camelToDashCase(name), newProps[name]);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
export const getClassName = (classList, newProps, oldProps) => {
|
|
30
|
-
const newClassProp = newProps.className || newProps.class;
|
|
31
|
-
const oldClassProp = oldProps.className || oldProps.class;
|
|
32
|
-
const currentClasses = arrayToMap(classList);
|
|
33
|
-
const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(" ") : []);
|
|
34
|
-
const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(" ") : []);
|
|
35
|
-
const finalClassNames = [];
|
|
36
|
-
currentClasses.forEach((currentClass) => {
|
|
37
|
-
if (incomingPropClasses.has(currentClass)) {
|
|
38
|
-
finalClassNames.push(currentClass);
|
|
39
|
-
incomingPropClasses.delete(currentClass);
|
|
40
|
-
} else if (!oldPropClasses.has(currentClass)) {
|
|
41
|
-
finalClassNames.push(currentClass);
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
incomingPropClasses.forEach((s) => finalClassNames.push(s));
|
|
45
|
-
return finalClassNames.join(" ");
|
|
46
|
-
};
|
|
47
|
-
export const transformReactEventName = (eventNameSuffix) => {
|
|
48
|
-
switch (eventNameSuffix) {
|
|
49
|
-
case "doubleclick":
|
|
50
|
-
return "dblclick";
|
|
51
|
-
}
|
|
52
|
-
return eventNameSuffix;
|
|
53
|
-
};
|
|
54
|
-
/**
|
|
55
|
-
* Checks if an event is supported in the current execution environment.
|
|
56
|
-
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
57
|
-
*/
|
|
58
|
-
export const isCoveredByReact = (eventNameSuffix) => {
|
|
59
|
-
if (typeof document === "undefined") {
|
|
60
|
-
return true;
|
|
61
|
-
} else {
|
|
62
|
-
const eventName = "on" + transformReactEventName(eventNameSuffix);
|
|
63
|
-
let isSupported = eventName in document;
|
|
64
|
-
if (!isSupported) {
|
|
65
|
-
const element = document.createElement("div");
|
|
66
|
-
element.setAttribute(eventName, "return;");
|
|
67
|
-
isSupported = typeof element[eventName] === "function";
|
|
68
|
-
}
|
|
69
|
-
return isSupported;
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
export const syncEvent = (node, eventName, newEventHandler) => {
|
|
73
|
-
const eventStore = node.__events || (node.__events = {});
|
|
74
|
-
const oldEventHandler = eventStore[eventName];
|
|
75
|
-
if (oldEventHandler) {
|
|
76
|
-
node.removeEventListener(eventName, oldEventHandler);
|
|
77
|
-
}
|
|
78
|
-
node.addEventListener(
|
|
79
|
-
eventName,
|
|
80
|
-
eventStore[eventName] = function handler(e) {
|
|
81
|
-
if (newEventHandler) {
|
|
82
|
-
newEventHandler.call(this, e);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
);
|
|
86
|
-
};
|
|
87
|
-
const arrayToMap = (arr) => {
|
|
88
|
-
const map = /* @__PURE__ */ new Map();
|
|
89
|
-
arr.forEach((s) => map.set(s, s));
|
|
90
|
-
return map;
|
|
91
|
-
};
|
|
92
|
-
//# sourceMappingURL=attachProps.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/react-component-lib/utils/attachProps.ts"],
|
|
4
|
-
"sourcesContent": ["import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n if (node instanceof Element) {\n // add any classes in className to the class list\n const className = getClassName(node.classList, newProps, oldProps);\n if (className !== '') {\n node.className = className;\n }\n\n Object.keys(newProps).forEach((name) => {\n if (\n name === 'children' ||\n name === 'style' ||\n name === 'ref' ||\n name === 'class' ||\n name === 'className' ||\n name === 'forwardedRef'\n ) {\n return;\n }\n if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n const eventName = name.substring(2);\n const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n if (!isCoveredByReact(eventNameLc)) {\n syncEvent(node, eventNameLc, newProps[name]);\n }\n } else {\n (node as any)[name] = newProps[name];\n const propType = typeof newProps[name];\n if (propType === 'string') {\n node.setAttribute(camelToDashCase(name), newProps[name]);\n }\n }\n });\n }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n const newClassProp: string = newProps.className || newProps.class;\n const oldClassProp: string = oldProps.className || oldProps.class;\n // map the classes to Maps for performance\n const currentClasses = arrayToMap(classList);\n const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n const finalClassNames: string[] = [];\n // loop through each of the current classes on the component\n // to see if it should be a part of the classNames added\n currentClasses.forEach((currentClass) => {\n if (incomingPropClasses.has(currentClass)) {\n // add it as its already included in classnames coming in from newProps\n finalClassNames.push(currentClass);\n incomingPropClasses.delete(currentClass);\n } else if (!oldPropClasses.has(currentClass)) {\n // add it as it has NOT been removed by user\n finalClassNames.push(currentClass);\n }\n });\n incomingPropClasses.forEach((s) => finalClassNames.push(s));\n return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n switch (eventNameSuffix) {\n case 'doubleclick':\n return 'dblclick';\n }\n return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n if (typeof document === 'undefined') {\n return true;\n } else {\n const eventName = 'on' + transformReactEventName(eventNameSuffix);\n let isSupported = eventName in document;\n\n if (!isSupported) {\n const element = document.createElement('div');\n element.setAttribute(eventName, 'return;');\n isSupported = typeof (element as any)[eventName] === 'function';\n }\n\n return isSupported;\n }\n};\n\nexport const syncEvent = (\n node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n eventName: string,\n newEventHandler?: (e: Event) => any\n) => {\n const eventStore = node.__events || (node.__events = {});\n const oldEventHandler = eventStore[eventName];\n\n // Remove old listener so they don't double up.\n if (oldEventHandler) {\n node.removeEventListener(eventName, oldEventHandler);\n }\n\n // Bind new listener.\n node.addEventListener(\n eventName,\n (eventStore[eventName] = function handler(e: Event) {\n if (newEventHandler) {\n newEventHandler.call(this, e);\n }\n })\n );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n const map = new Map<string, string>();\n (arr as string[]).forEach((s: string) => map.set(s, s));\n return map;\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
export const dashToPascalCase = (str) => str.toLowerCase().split("-").map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join("");
|
|
3
|
-
export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
|
|
4
|
-
//# sourceMappingURL=case.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/react-component-lib/utils/case.ts"],
|
|
4
|
-
"sourcesContent": ["export const dashToPascalCase = (str: string) =>\n str\n .toLowerCase()\n .split('-')\n .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n"],
|
|
5
|
-
"mappings": ";AAAO,aAAM,mBAAmB,CAAC,QAC/B,IACG,YAAY,EACZ,MAAM,GAAG,EACT,IAAI,CAAC,YAAY,QAAQ,OAAO,CAAC,EAAE,YAAY,IAAI,QAAQ,MAAM,CAAC,CAAC,EACnE,KAAK,EAAE;AACL,aAAM,kBAAkB,CAAC,QAAgB,IAAI,QAAQ,YAAY,CAAC,MAAc,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
export const isDevMode = () => {
|
|
3
|
-
return process && process.env && true;
|
|
4
|
-
};
|
|
5
|
-
const warnings = {};
|
|
6
|
-
export const deprecationWarning = (key, message) => {
|
|
7
|
-
if (isDevMode()) {
|
|
8
|
-
if (!warnings[key]) {
|
|
9
|
-
console.warn(message);
|
|
10
|
-
warnings[key] = true;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=dev.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/react-component-lib/utils/dev.ts"],
|
|
4
|
-
"sourcesContent": ["export const isDevMode = () => {\n return process && process.env && process.env.NODE_ENV === 'development';\n};\n\nconst warnings: { [key: string]: boolean } = {};\n\nexport const deprecationWarning = (key: string, message: string) => {\n if (isDevMode()) {\n if (!warnings[key]) {\n console.warn(message);\n warnings[key] = true;\n }\n }\n};\n"],
|
|
5
|
-
"mappings": ";AAAO,aAAM,YAAY,MAAM;AAC7B,SAAO,WAAW,QAAQ,OAAO;AACnC;AAEA,MAAM,WAAuC,CAAC;AAEvC,aAAM,qBAAqB,CAAC,KAAa,YAAoB;AAClE,MAAI,UAAU,GAAG;AACf,QAAI,CAAC,SAAS,GAAG,GAAG;AAClB,cAAQ,KAAK,OAAO;AACpB,eAAS,GAAG,IAAI;AAAA,IAClB;AAAA,EACF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import React from "react";
|
|
3
|
-
export const setRef = (ref, value) => {
|
|
4
|
-
if (typeof ref === "function") {
|
|
5
|
-
ref(value);
|
|
6
|
-
} else if (ref != null) {
|
|
7
|
-
ref.current = value;
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
export const mergeRefs = (...refs) => {
|
|
11
|
-
return (value) => {
|
|
12
|
-
refs.forEach((ref) => {
|
|
13
|
-
setRef(ref, value);
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
export const createForwardRef = (ReactComponent, displayName) => {
|
|
18
|
-
const forwardRef = (props, ref) => {
|
|
19
|
-
return /* @__PURE__ */ React.createElement(ReactComponent, { ...props, forwardedRef: ref });
|
|
20
|
-
};
|
|
21
|
-
forwardRef.displayName = displayName;
|
|
22
|
-
return React.forwardRef(forwardRef);
|
|
23
|
-
};
|
|
24
|
-
export const defineCustomElement = (tagName, customElement) => {
|
|
25
|
-
if (customElement !== void 0 && typeof customElements !== "undefined" && !customElements.get(tagName)) {
|
|
26
|
-
customElements.define(tagName, customElement);
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
export * from "./attachProps";
|
|
30
|
-
export * from "./case";
|
|
31
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/react-component-lib/utils/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n Omit<React.HTMLAttributes<ElementType>, 'style'> &\n StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref != null) {\n // Cast as a MutableRef so we can assign current\n (ref as React.MutableRefObject<any>).current = value;\n }\n};\n\nexport const mergeRefs = (\n ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n return (value: any) => {\n refs.forEach((ref) => {\n setRef(ref, value);\n });\n };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n const forwardRef = (\n props: StencilReactExternalProps<PropType, ElementType>,\n ref: StencilReactForwardedRef<ElementType>\n ) => {\n return <ReactComponent {...props} forwardedRef={ref} />;\n };\n forwardRef.displayName = displayName;\n\n return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n customElements.define(tagName, customElement);\n }\n};\n\nexport * from './attachProps';\nexport * from './case';\n"],
|
|
5
|
-
"mappings": ";AAAA,OAAO,WAAW;AAWX,aAAM,SAAS,CAAC,KAAiE,UAAe;AACrG,MAAI,OAAO,QAAQ,YAAY;AAC7B,QAAI,KAAK;AAAA,EACX,WAAW,OAAO,MAAM;AAEtB,IAAC,IAAoC,UAAU;AAAA,EACjD;AACF;AAEO,aAAM,YAAY,IACpB,SACwB;AAC3B,SAAO,CAAC,UAAe;AACrB,SAAK,QAAQ,CAAC,QAAQ;AACpB,aAAO,KAAK,KAAK;AAAA,IACnB,CAAC;AAAA,EACH;AACF;AAEO,aAAM,mBAAmB,CAAwB,gBAAqB,gBAAwB;AACnG,QAAM,aAAa,CACjB,OACA,QACG;AACH,WAAO,oCAAC,kBAAgB,GAAG,OAAO,cAAc,KAAK;AAAA,EACvD;AACA,aAAW,cAAc;AAEzB,SAAO,MAAM,WAAW,UAAU;AACpC;AAEO,aAAM,sBAAsB,CAAC,SAAiB,kBAAuB;AAC1E,MAAI,kBAAkB,UAAa,OAAO,mBAAmB,eAAe,CAAC,eAAe,IAAI,OAAO,GAAG;AACxG,mBAAe,OAAO,SAAS,aAAa;AAAA,EAC9C;AACF;AAEA,cAAc;AACd,cAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import { IonBreadcrumb as IonBreadcrumbCmp } from "@ionic/core/components/ion-breadcrumb.js";
|
|
3
|
-
import { IonButton as IonButtonCmp } from "@ionic/core/components/ion-button.js";
|
|
4
|
-
import { IonCard as IonCardCmp } from "@ionic/core/components/ion-card.js";
|
|
5
|
-
import { IonFabButton as IonFabButtonCmp } from "@ionic/core/components/ion-fab-button.js";
|
|
6
|
-
import { IonItemOption as IonItemOptionCmp } from "@ionic/core/components/ion-item-option.js";
|
|
7
|
-
import { IonItem as IonItemCmp } from "@ionic/core/components/ion-item.js";
|
|
8
|
-
import { IonRouterLink as IonRouterLinkCmp } from "@ionic/core/components/ion-router-link.js";
|
|
9
|
-
import { createRoutingComponent } from "./createRoutingComponent";
|
|
10
|
-
export const IonRouterLink = /* @__PURE__ */ createRoutingComponent("ion-router-link", IonRouterLinkCmp);
|
|
11
|
-
export const IonButton = /* @__PURE__ */ createRoutingComponent(
|
|
12
|
-
"ion-button",
|
|
13
|
-
IonButtonCmp
|
|
14
|
-
);
|
|
15
|
-
export const IonCard = /* @__PURE__ */ createRoutingComponent(
|
|
16
|
-
"ion-card",
|
|
17
|
-
IonCardCmp
|
|
18
|
-
);
|
|
19
|
-
export const IonFabButton = /* @__PURE__ */ createRoutingComponent(
|
|
20
|
-
"ion-fab-button",
|
|
21
|
-
IonFabButtonCmp
|
|
22
|
-
);
|
|
23
|
-
export const IonItem = /* @__PURE__ */ createRoutingComponent(
|
|
24
|
-
"ion-item",
|
|
25
|
-
IonItemCmp
|
|
26
|
-
);
|
|
27
|
-
export const IonItemOption = /* @__PURE__ */ createRoutingComponent("ion-item-option", IonItemOptionCmp);
|
|
28
|
-
export const IonBreadcrumb = /* @__PURE__ */ createRoutingComponent("ion-breadcrumb", IonBreadcrumbCmp);
|
|
29
|
-
//# sourceMappingURL=routing-proxies.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/routing-proxies.ts"],
|
|
4
|
-
"sourcesContent": ["import type { JSX } from '@ionic/core/components';\nimport { IonBreadcrumb as IonBreadcrumbCmp } from '@ionic/core/components/ion-breadcrumb.js';\nimport { IonButton as IonButtonCmp } from '@ionic/core/components/ion-button.js';\nimport { IonCard as IonCardCmp } from '@ionic/core/components/ion-card.js';\nimport { IonFabButton as IonFabButtonCmp } from '@ionic/core/components/ion-fab-button.js';\nimport { IonItemOption as IonItemOptionCmp } from '@ionic/core/components/ion-item-option.js';\nimport { IonItem as IonItemCmp } from '@ionic/core/components/ion-item.js';\nimport { IonRouterLink as IonRouterLinkCmp } from '@ionic/core/components/ion-router-link.js';\n\nimport { createRoutingComponent } from './createRoutingComponent';\nimport type { HrefProps } from './hrefprops';\n\nexport const IonRouterLink = /*@__PURE__*/ createRoutingComponent<\n HrefProps<JSX.IonRouterLink>,\n HTMLIonRouterLinkElement\n>('ion-router-link', IonRouterLinkCmp);\n\nexport const IonButton = /*@__PURE__*/ createRoutingComponent<HrefProps<JSX.IonButton>, HTMLIonButtonElement>(\n 'ion-button',\n IonButtonCmp\n);\n\nexport const IonCard = /*@__PURE__*/ createRoutingComponent<HrefProps<JSX.IonCard>, HTMLIonCardElement>(\n 'ion-card',\n IonCardCmp\n);\n\nexport const IonFabButton = /*@__PURE__*/ createRoutingComponent<HrefProps<JSX.IonFabButton>, HTMLIonFabButtonElement>(\n 'ion-fab-button',\n IonFabButtonCmp\n);\n\nexport const IonItem = /*@__PURE__*/ createRoutingComponent<HrefProps<JSX.IonItem>, HTMLIonItemElement>(\n 'ion-item',\n IonItemCmp\n);\n\nexport const IonItemOption = /*@__PURE__*/ createRoutingComponent<\n HrefProps<JSX.IonItemOption>,\n HTMLIonItemOptionElement\n>('ion-item-option', IonItemOptionCmp);\n\nexport const IonBreadcrumb = /*@__PURE__*/ createRoutingComponent<\n HrefProps<JSX.IonBreadcrumb>,\n HTMLIonBreadcrumbElement\n>('ion-breadcrumb', IonBreadcrumbCmp);\n"],
|
|
5
|
-
"mappings": ";AACA,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,aAAa,oBAAoB;AAC1C,SAAS,WAAW,kBAAkB;AACtC,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,WAAW,kBAAkB;AACtC,SAAS,iBAAiB,wBAAwB;AAElD,SAAS,8BAA8B;AAGhC,aAAM,gBAA8B,uCAGzC,mBAAmB,gBAAgB;AAE9B,aAAM,YAA0B;AAAA,EACrC;AAAA,EACA;AACF;AAEO,aAAM,UAAwB;AAAA,EACnC;AAAA,EACA;AACF;AAEO,aAAM,eAA6B;AAAA,EACxC;AAAA,EACA;AACF;AAEO,aAAM,UAAwB;AAAA,EACnC;AAAA,EACA;AACF;AAEO,aAAM,gBAA8B,uCAGzC,mBAAmB,gBAAgB;AAE9B,aAAM,gBAA8B,uCAGzC,kBAAkB,gBAAgB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import { isCoveredByReact } from "../react-component-lib/utils";
|
|
3
|
-
export const detachProps = (node, props) => {
|
|
4
|
-
if (node instanceof Element) {
|
|
5
|
-
Object.keys(props).forEach((name) => {
|
|
6
|
-
if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
|
|
7
|
-
const eventName = name.substring(2);
|
|
8
|
-
const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
|
|
9
|
-
if (!isCoveredByReact(eventNameLc)) {
|
|
10
|
-
detachEvent(node, eventNameLc);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
const detachEvent = (node, eventName) => {
|
|
17
|
-
const eventStore = node.__events || (node.__events = {});
|
|
18
|
-
const eventHandler = eventStore[eventName];
|
|
19
|
-
if (eventHandler) {
|
|
20
|
-
node.removeEventListener(eventName, eventHandler);
|
|
21
|
-
eventStore[eventName] = void 0;
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=detachProps.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/utils/detachProps.ts"],
|
|
4
|
-
"sourcesContent": ["import { isCoveredByReact } from '../react-component-lib/utils';\n\n/**\n * The @stencil/react-output-target will bind event listeners for any\n * attached props that use the `on` prefix. This function will remove\n * those event listeners when the component is unmounted.\n *\n * This prevents memory leaks and React state updates on unmounted components.\n */\nexport const detachProps = (node: HTMLElement, props: any) => {\n if (node instanceof Element) {\n Object.keys(props).forEach((name) => {\n if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n const eventName = name.substring(2);\n const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n if (!isCoveredByReact(eventNameLc)) {\n /**\n * Detach custom event bindings (not built-in React events)\n * that were added by the @stencil/react-output-target attachProps function.\n */\n detachEvent(node, eventNameLc);\n }\n }\n });\n }\n};\n\nconst detachEvent = (\n node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n eventName: string\n) => {\n const eventStore = node.__events || (node.__events = {});\n /**\n * If the event listener was added by attachProps, it will\n * be stored in the __events object.\n */\n const eventHandler = eventStore[eventName];\n if (eventHandler) {\n node.removeEventListener(eventName, eventHandler);\n eventStore[eventName] = undefined;\n }\n};\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,wBAAwB;AAS1B,aAAM,cAAc,CAAC,MAAmB,UAAe;AAC5D,MAAI,gBAAgB,SAAS;AAC3B,WAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,SAAS;AACnC,UAAI,KAAK,QAAQ,IAAI,MAAM,KAAK,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,YAAY,GAAG;AACjE,cAAM,YAAY,KAAK,UAAU,CAAC;AAClC,cAAM,cAAc,UAAU,CAAC,EAAE,YAAY,IAAI,UAAU,UAAU,CAAC;AACtE,YAAI,CAAC,iBAAiB,WAAW,GAAG;AAKlC,sBAAY,MAAM,WAAW;AAAA,QAC/B;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAEA,MAAM,cAAc,CAClB,MACA,cACG;AACH,QAAM,aAAa,KAAK,aAAa,KAAK,WAAW,CAAC;AAKtD,QAAM,eAAe,WAAW,SAAS;AACzC,MAAI,cAAc;AAChB,SAAK,oBAAoB,WAAW,YAAY;AAChD,eAAW,SAAS,IAAI;AAAA,EAC1B;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import { getPlatforms as getPlatformsCore, isPlatform as isPlatformCore } from "@ionic/core/components";
|
|
3
|
-
import React from "react";
|
|
4
|
-
export const createForwardRef = (ReactComponent, displayName) => {
|
|
5
|
-
const forwardRef = (props, ref) => {
|
|
6
|
-
return /* @__PURE__ */ React.createElement(ReactComponent, { ...props, forwardedRef: ref });
|
|
7
|
-
};
|
|
8
|
-
forwardRef.displayName = displayName;
|
|
9
|
-
return React.forwardRef(forwardRef);
|
|
10
|
-
};
|
|
11
|
-
export const isPlatform = (platform) => {
|
|
12
|
-
return isPlatformCore(window, platform);
|
|
13
|
-
};
|
|
14
|
-
export const getPlatforms = () => {
|
|
15
|
-
return getPlatformsCore(window);
|
|
16
|
-
};
|
|
17
|
-
export const getConfig = () => {
|
|
18
|
-
if (typeof window !== "undefined") {
|
|
19
|
-
const Ionic = window.Ionic;
|
|
20
|
-
if (Ionic && Ionic.config) {
|
|
21
|
-
return Ionic.config;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
return null;
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/utils/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Config as CoreConfig, Platforms } from '@ionic/core/components';\nimport { getPlatforms as getPlatformsCore, isPlatform as isPlatformCore } from '@ionic/core/components';\nimport React from 'react';\n\nimport type { IonicReactProps } from '../IonicReactProps';\n\nexport type IonicReactExternalProps<PropType, ElementType> = PropType &\n Omit<React.HTMLAttributes<ElementType>, 'style'> &\n IonicReactProps;\n\nexport const createForwardRef = <PropType, ElementType>(\n ReactComponent: any, // TODO(FW-2959): type\n displayName: string\n) => {\n const forwardRef = (props: IonicReactExternalProps<PropType, ElementType>, ref: React.ForwardedRef<ElementType>) => {\n return <ReactComponent {...props} forwardedRef={ref} />;\n };\n forwardRef.displayName = displayName;\n\n return React.forwardRef(forwardRef);\n};\n\nexport const isPlatform = (platform: Platforms) => {\n return isPlatformCore(window, platform);\n};\n\nexport const getPlatforms = () => {\n return getPlatformsCore(window);\n};\n\nexport const getConfig = (): CoreConfig | null => {\n if (typeof (window as any) !== 'undefined') {\n const Ionic = (window as any).Ionic;\n if (Ionic && Ionic.config) {\n return Ionic.config;\n }\n }\n return null;\n};\n"],
|
|
5
|
-
"mappings": ";AACA,SAAS,gBAAgB,kBAAkB,cAAc,sBAAsB;AAC/E,OAAO,WAAW;AAQX,aAAM,mBAAmB,CAC9B,gBACA,gBACG;AACH,QAAM,aAAa,CAAC,OAAuD,QAAyC;AAClH,WAAO,oCAAC,kBAAgB,GAAG,OAAO,cAAc,KAAK;AAAA,EACvD;AACA,aAAW,cAAc;AAEzB,SAAO,MAAM,WAAW,UAAU;AACpC;AAEO,aAAM,aAAa,CAAC,aAAwB;AACjD,SAAO,eAAe,QAAQ,QAAQ;AACxC;AAEO,aAAM,eAAe,MAAM;AAChC,SAAO,iBAAiB,MAAM;AAChC;AAEO,aAAM,YAAY,MAAyB;AAChD,MAAI,OAAQ,WAAmB,aAAa;AAC1C,UAAM,QAAS,OAAe;AAC9B,QAAI,SAAS,MAAM,QAAQ;AACzB,aAAO,MAAM;AAAA,IACf;AAAA,EACF;AACA,SAAO;AACT;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
import { renderToString } from "@ionic/core/hydrate";
|
|
3
|
-
export async function ionRenderToString(html, userAgent, options = {}) {
|
|
4
|
-
const renderToStringOptions = Object.assign(
|
|
5
|
-
{},
|
|
6
|
-
{
|
|
7
|
-
clientHydrateAnnotations: false,
|
|
8
|
-
excludeComponents: [
|
|
9
|
-
// overlays
|
|
10
|
-
"ion-action-sheet",
|
|
11
|
-
"ion-alert",
|
|
12
|
-
"ion-loading",
|
|
13
|
-
"ion-modal",
|
|
14
|
-
"ion-picker",
|
|
15
|
-
"ion-popover",
|
|
16
|
-
"ion-toast",
|
|
17
|
-
// navigation
|
|
18
|
-
"ion-router",
|
|
19
|
-
"ion-route",
|
|
20
|
-
"ion-route-redirect",
|
|
21
|
-
"ion-router-link",
|
|
22
|
-
"ion-router-outlet",
|
|
23
|
-
// tabs
|
|
24
|
-
"ion-tabs",
|
|
25
|
-
"ion-tab",
|
|
26
|
-
// auxiliary
|
|
27
|
-
"ion-picker-column"
|
|
28
|
-
],
|
|
29
|
-
userAgent
|
|
30
|
-
},
|
|
31
|
-
options
|
|
32
|
-
);
|
|
33
|
-
const ionHtml = await renderToString(html, renderToStringOptions);
|
|
34
|
-
return ionHtml.html;
|
|
35
|
-
}
|
|
36
|
-
//# sourceMappingURL=ionRenderToString.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/utils/ionRenderToString.ts"],
|
|
4
|
-
"sourcesContent": ["import type { SerializeDocumentOptions } from '@ionic/core/hydrate';\nimport { renderToString } from '@ionic/core/hydrate';\n\nexport async function ionRenderToString(html: string, userAgent: string, options: SerializeDocumentOptions = {}) {\n const renderToStringOptions = Object.assign(\n {},\n {\n clientHydrateAnnotations: false,\n excludeComponents: [\n // overlays\n 'ion-action-sheet',\n 'ion-alert',\n 'ion-loading',\n 'ion-modal',\n 'ion-picker',\n 'ion-popover',\n 'ion-toast',\n\n // navigation\n 'ion-router',\n 'ion-route',\n 'ion-route-redirect',\n 'ion-router-link',\n 'ion-router-outlet',\n\n // tabs\n 'ion-tabs',\n 'ion-tab',\n\n // auxiliary\n 'ion-picker-column',\n ],\n userAgent,\n },\n options\n );\n\n const ionHtml = await renderToString(html, renderToStringOptions);\n return ionHtml.html;\n}\n"],
|
|
5
|
-
"mappings": ";AACA,SAAS,sBAAsB;AAE/B,sBAAsB,kBAAkB,MAAc,WAAmB,UAAoC,CAAC,GAAG;AAC/G,QAAM,wBAAwB,OAAO;AAAA,IACnC,CAAC;AAAA,IACD;AAAA,MACE,0BAA0B;AAAA,MAC1B,mBAAmB;AAAA;AAAA,QAEjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF;AAEA,QAAM,UAAU,MAAM,eAAe,MAAM,qBAAqB;AAChE,SAAO,QAAQ;AACjB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/contexts/IonContext.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nimport type { ReactComponentOrElement } from '../models';\n\nexport interface IonContextInterface {\n addOverlay: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void;\n removeOverlay: (id: string) => void;\n}\n\nexport const IonContext = React.createContext<IonContextInterface>({\n addOverlay: () => {\n return;\n },\n removeOverlay: () => {\n return;\n },\n});\n"],
|
|
5
|
-
"mappings": ";AAAA,OAAO,WAAW;AASX,aAAM,aAAa,MAAM,cAAmC;AAAA,EACjE,YAAY,MAAM;AAChB;AAAA,EACF;AAAA,EACA,eAAe,MAAM;AACnB;AAAA,EACF;AACF,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|