react-native-nitro-modal 0.2.0 → 0.3.0-rc
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/README.md +48 -4
- package/android/src/main/java/com/margelo/nitro/nitromodal/BottomSheetPresenter.kt +335 -34
- package/android/src/main/java/com/margelo/nitro/nitromodal/HybridNitroModal.kt +63 -22
- package/android/src/main/java/com/margelo/nitro/nitromodal/ModalConfig.kt +31 -1
- package/android/src/main/java/com/margelo/nitro/nitromodal/ModalContentRoot.kt +48 -5
- package/android/src/main/java/com/margelo/nitro/nitromodal/ModalPresenter.kt +63 -4
- package/android/src/main/java/com/margelo/nitro/nitromodal/NitroModalHostView.kt +68 -8
- package/ios/HybridNitroModal.swift +111 -20
- package/ios/ModalConfig.swift +44 -2
- package/ios/NitroModalHostView.swift +73 -8
- package/ios/SheetView.swift +575 -0
- package/ios/SheetViewController.swift +19 -450
- package/lib/module/NitroModal.js +38 -5
- package/lib/module/NitroModal.js.map +1 -1
- package/lib/module/NitroModalView.web.js +55 -25
- package/lib/module/NitroModalView.web.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/web/AnimatedValue.js +3 -0
- package/lib/module/web/AnimatedValue.js.map +1 -1
- package/lib/module/web/ModalConfig.js +8 -4
- package/lib/module/web/ModalConfig.js.map +1 -1
- package/lib/module/web/ModalController.js +29 -2
- package/lib/module/web/ModalController.js.map +1 -1
- package/lib/module/web/ModalPresenter.js +47 -12
- package/lib/module/web/ModalPresenter.js.map +1 -1
- package/lib/module/web/SheetPresenter.js +54 -29
- package/lib/module/web/SheetPresenter.js.map +1 -1
- package/lib/module/web/dom.js +13 -0
- package/lib/module/web/dom.js.map +1 -1
- package/lib/typescript/src/NitroModal.d.ts +33 -2
- package/lib/typescript/src/NitroModal.d.ts.map +1 -1
- package/lib/typescript/src/NitroModal.nitro.d.ts +29 -2
- package/lib/typescript/src/NitroModal.nitro.d.ts.map +1 -1
- package/lib/typescript/src/NitroModalView.web.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +2 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/web/AnimatedValue.d.ts +1 -0
- package/lib/typescript/src/web/AnimatedValue.d.ts.map +1 -1
- package/lib/typescript/src/web/ModalConfig.d.ts +6 -0
- package/lib/typescript/src/web/ModalConfig.d.ts.map +1 -1
- package/lib/typescript/src/web/ModalController.d.ts +5 -0
- package/lib/typescript/src/web/ModalController.d.ts.map +1 -1
- package/lib/typescript/src/web/ModalPresenter.d.ts +9 -0
- package/lib/typescript/src/web/ModalPresenter.d.ts.map +1 -1
- package/lib/typescript/src/web/SheetPresenter.d.ts +1 -1
- package/lib/typescript/src/web/SheetPresenter.d.ts.map +1 -1
- package/lib/typescript/src/web/dom.d.ts +2 -0
- package/lib/typescript/src/web/dom.d.ts.map +1 -1
- package/nitrogen/generated/android/c++/JHybridNitroModalSpec.cpp +60 -6
- package/nitrogen/generated/android/c++/JHybridNitroModalSpec.hpp +10 -2
- package/nitrogen/generated/android/c++/JNamedSheetDetent.hpp +64 -0
- package/nitrogen/generated/android/c++/JSheetDetent.cpp +26 -0
- package/nitrogen/generated/android/c++/JSheetDetent.hpp +42 -37
- package/nitrogen/generated/android/c++/views/JHybridNitroModalStateUpdater.cpp +20 -0
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/nitromodal/HybridNitroModalSpec.kt +40 -0
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/nitromodal/NamedSheetDetent.kt +25 -0
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/nitromodal/SheetDetent.kt +47 -10
- package/nitrogen/generated/android/nitromodal+autolinking.cmake +1 -0
- package/nitrogen/generated/ios/NitroModal-Swift-Cxx-Bridge.hpp +53 -8
- package/nitrogen/generated/ios/NitroModal-Swift-Cxx-Umbrella.hpp +4 -3
- package/nitrogen/generated/ios/c++/HybridNitroModalSpecSwift.hpp +32 -5
- package/nitrogen/generated/ios/c++/views/HybridNitroModalComponent.mm +24 -0
- package/nitrogen/generated/ios/swift/HybridNitroModalSpec.swift +4 -0
- package/nitrogen/generated/ios/swift/HybridNitroModalSpec_cxx.swift +110 -5
- package/nitrogen/generated/ios/swift/NamedSheetDetent.swift +48 -0
- package/nitrogen/generated/ios/swift/SheetDetent.swift +15 -33
- package/nitrogen/generated/shared/c++/HybridNitroModalSpec.cpp +8 -0
- package/nitrogen/generated/shared/c++/HybridNitroModalSpec.hpp +14 -5
- package/nitrogen/generated/shared/c++/{SheetDetent.hpp → NamedSheetDetent.hpp} +17 -17
- package/nitrogen/generated/shared/c++/views/HybridNitroModalComponent.cpp +9 -1
- package/nitrogen/generated/shared/c++/views/HybridNitroModalComponent.hpp +15 -2
- package/nitrogen/generated/shared/json/NitroModalConfig.json +4 -0
- package/package.json +1 -1
- package/src/NitroModal.nitro.ts +30 -2
- package/src/NitroModal.tsx +68 -4
- package/src/NitroModalView.web.tsx +54 -12
- package/src/index.tsx +2 -0
- package/src/web/AnimatedValue.ts +4 -0
- package/src/web/ModalConfig.ts +13 -3
- package/src/web/ModalController.ts +35 -2
- package/src/web/ModalPresenter.ts +46 -11
- package/src/web/SheetPresenter.ts +98 -33
- package/src/web/dom.ts +17 -0
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
/// <reference lib="dom" />
|
|
4
4
|
|
|
5
|
-
import { useLayoutEffect, useRef, useState } from 'react';
|
|
6
|
-
import { Modal } from 'react-native';
|
|
5
|
+
import { useCallback, useLayoutEffect, useRef, useState } from 'react';
|
|
6
|
+
import { Modal, View } from 'react-native';
|
|
7
|
+
import { clipOverflow } from "./web/dom.js";
|
|
7
8
|
import { ModalController } from "./web/ModalController.js";
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
/** The web view takes plain functions; only native host components need them wrapped. */
|
|
@@ -16,12 +17,16 @@ export function callback(func) {
|
|
|
16
17
|
* Native Web's `Modal` (a portal with focus trapping, Escape handling and
|
|
17
18
|
* stacking with other modals) and is laid out and animated by the presenters
|
|
18
19
|
* in `./web`. In place, it renders nothing.
|
|
20
|
+
*
|
|
21
|
+
* An inline sheet renders in place instead: a view laid out with `style`,
|
|
22
|
+
* holding the sheet's elements.
|
|
19
23
|
*/
|
|
20
24
|
function WebNitroModalView(props) {
|
|
21
25
|
const {
|
|
22
26
|
hybridRef,
|
|
23
27
|
children
|
|
24
28
|
} = props;
|
|
29
|
+
const isInline = props.isInline && props.mode === 'bottomSheet';
|
|
25
30
|
const [mounted, setMounted] = useState(false);
|
|
26
31
|
const [controller] = useState(() => new ModalController(setMounted));
|
|
27
32
|
const overlay = useRef(null);
|
|
@@ -55,37 +60,55 @@ function WebNitroModalView(props) {
|
|
|
55
60
|
controller.contentDidRender();
|
|
56
61
|
}
|
|
57
62
|
});
|
|
58
|
-
|
|
63
|
+
const hostRef = useCallback(node => {
|
|
64
|
+
controller.hostDidChange(node instanceof HTMLElement ? node : null);
|
|
65
|
+
}, [controller]);
|
|
59
66
|
|
|
60
67
|
// Styles set here never change; the presenters write sizes, positions,
|
|
61
68
|
// colors and animated values straight to the elements.
|
|
69
|
+
const layer = mounted ?
|
|
70
|
+
/*#__PURE__*/
|
|
71
|
+
// Focusable so the modal's focus trap lands here first rather than on the first input.
|
|
72
|
+
_jsxs("div", {
|
|
73
|
+
ref: overlay,
|
|
74
|
+
tabIndex: -1,
|
|
75
|
+
style: isInline ? {
|
|
76
|
+
...styles.inlineOverlay,
|
|
77
|
+
overflow: clipOverflow()
|
|
78
|
+
} : styles.overlay,
|
|
79
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
80
|
+
ref: backdrop,
|
|
81
|
+
"aria-hidden": true,
|
|
82
|
+
style: styles.backdrop
|
|
83
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
84
|
+
ref: surface,
|
|
85
|
+
style: styles.surface,
|
|
86
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
87
|
+
ref: content,
|
|
88
|
+
style: styles.content,
|
|
89
|
+
children: children
|
|
90
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
91
|
+
ref: grabber,
|
|
92
|
+
"aria-hidden": true,
|
|
93
|
+
style: styles.grabber
|
|
94
|
+
})]
|
|
95
|
+
})]
|
|
96
|
+
}) : null;
|
|
97
|
+
if (isInline) {
|
|
98
|
+
return /*#__PURE__*/_jsx(View, {
|
|
99
|
+
ref: hostRef,
|
|
100
|
+
style: props.style,
|
|
101
|
+
pointerEvents: "box-none",
|
|
102
|
+
children: layer
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
if (!layer) return null;
|
|
62
106
|
return /*#__PURE__*/_jsx(Modal, {
|
|
63
107
|
visible: true,
|
|
64
108
|
transparent: true,
|
|
65
109
|
animationType: "none",
|
|
66
110
|
onRequestClose: controller.handleBackPress,
|
|
67
|
-
children:
|
|
68
|
-
ref: overlay,
|
|
69
|
-
tabIndex: -1,
|
|
70
|
-
style: styles.overlay,
|
|
71
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
72
|
-
ref: backdrop,
|
|
73
|
-
"aria-hidden": true,
|
|
74
|
-
style: styles.backdrop
|
|
75
|
-
}), /*#__PURE__*/_jsxs("div", {
|
|
76
|
-
ref: surface,
|
|
77
|
-
style: styles.surface,
|
|
78
|
-
children: [/*#__PURE__*/_jsx("div", {
|
|
79
|
-
ref: content,
|
|
80
|
-
style: styles.content,
|
|
81
|
-
children: children
|
|
82
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
83
|
-
ref: grabber,
|
|
84
|
-
"aria-hidden": true,
|
|
85
|
-
style: styles.grabber
|
|
86
|
-
})]
|
|
87
|
-
})]
|
|
88
|
-
})
|
|
111
|
+
children: layer
|
|
89
112
|
});
|
|
90
113
|
}
|
|
91
114
|
const styles = {
|
|
@@ -94,6 +117,13 @@ const styles = {
|
|
|
94
117
|
inset: 0,
|
|
95
118
|
outline: 'none'
|
|
96
119
|
},
|
|
120
|
+
// Fills the host view; the sheet hides below its bottom edge.
|
|
121
|
+
inlineOverlay: {
|
|
122
|
+
position: 'absolute',
|
|
123
|
+
inset: 0,
|
|
124
|
+
outline: 'none',
|
|
125
|
+
pointerEvents: 'none'
|
|
126
|
+
},
|
|
97
127
|
backdrop: {
|
|
98
128
|
position: 'absolute',
|
|
99
129
|
inset: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useLayoutEffect","useRef","useState","Modal","ModalController","jsx","_jsx","jsxs","_jsxs","callback","func","WebNitroModalView","props","hybridRef","children","mounted","setMounted","controller","overlay","backdrop","surface","content","grabber","attach","detach","methods","update","undefined","elementsDidMount","current","elementsWillUnmount","contentDidRender","
|
|
1
|
+
{"version":3,"names":["useCallback","useLayoutEffect","useRef","useState","Modal","View","clipOverflow","ModalController","jsx","_jsx","jsxs","_jsxs","callback","func","WebNitroModalView","props","hybridRef","children","isInline","mode","mounted","setMounted","controller","overlay","backdrop","surface","content","grabber","attach","detach","methods","update","undefined","elementsDidMount","current","elementsWillUnmount","contentDidRender","hostRef","node","hostDidChange","HTMLElement","layer","ref","tabIndex","style","styles","inlineOverlay","overflow","pointerEvents","visible","transparent","animationType","onRequestClose","handleBackPress","position","inset","outline","touchAction","left","top","boxSizing","willChange","width","height","marginLeft","borderRadius","backgroundColor","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.web.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NitroModal"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,UAAU,
|
|
1
|
+
{"version":3,"names":["NitroModal"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,UAAU,QAIL,iBAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["INSTANT","type","duration","easing","t","MAX_FRAME_SECONDS","SPRING_STEP_SECONDS","AnimatedValue","speed","run","frame","lastTime","constructor","value","precision","onChange","current","set","stop","cancelAnimationFrame","animateTo","target","motion","options","velocity","undefined","now","performance","from","startTime","side","Math","sign","requestAnimationFrame","step","time","dt","min","max","done","stepTiming","stepSpring","onEnd","progress","next","omega","PI","response","stiffness","damping","dampingRatio","offset","steps","ceil","i","h","stopAtTarget","abs"],"sourceRoot":"../../../src","sources":["web/AnimatedValue.ts"],"mappings":";;AAAA;;AAEA;;AAgBA;AACA,OAAO,MAAMA,OAAe,GAAG;EAC7BC,IAAI,EAAE,QAAQ;EACdC,QAAQ,EAAE,CAAC;EACXC,MAAM,EAAGC,CAAC,IAAKA;AACjB,CAAC;AAqBD;AACA,MAAMC,iBAAiB,GAAG,KAAK;AAC/B,MAAMC,mBAAmB,GAAG,KAAK;;AAEjC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,CAAC;EAEjBC,KAAK,GAAG,CAAC;EACTC,GAAG,GAAe,IAAI;EACtBC,KAAK,GAAkB,IAAI;EAC3BC,QAAQ,GAAG,CAAC;;EAEpB;EACAC,WAAWA,CACTC,KAAa,EACIC,SAAiB,EACjBC,QAAiC,EAClD;IAAA,KAFiBD,SAAiB,GAAjBA,SAAiB;IAAA,KACjBC,QAAiC,GAAjCA,QAAiC;IAElD,IAAI,CAACC,OAAO,GAAGH,KAAK;EACtB;EAEA,IAAIA,KAAKA,CAAA,EAAW;IAClB,OAAO,IAAI,CAACG,OAAO;EACrB;;EAEA;
|
|
1
|
+
{"version":3,"names":["INSTANT","type","duration","easing","t","MAX_FRAME_SECONDS","SPRING_STEP_SECONDS","AnimatedValue","speed","run","frame","lastTime","constructor","value","precision","onChange","current","isAnimating","set","stop","cancelAnimationFrame","animateTo","target","motion","options","velocity","undefined","now","performance","from","startTime","side","Math","sign","requestAnimationFrame","step","time","dt","min","max","done","stepTiming","stepSpring","onEnd","progress","next","omega","PI","response","stiffness","damping","dampingRatio","offset","steps","ceil","i","h","stopAtTarget","abs"],"sourceRoot":"../../../src","sources":["web/AnimatedValue.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,21 +3,25 @@
|
|
|
3
3
|
/** Snapshot of the props that shape a presentation. */
|
|
4
4
|
|
|
5
5
|
export function makeConfig(props) {
|
|
6
|
+
// An inline sheet is part of the page; the user can't dismiss it.
|
|
7
|
+
const isInline = props.isInline && props.mode === 'bottomSheet';
|
|
6
8
|
return {
|
|
7
9
|
mode: props.mode,
|
|
10
|
+
isInline,
|
|
8
11
|
detents: props.detents,
|
|
9
12
|
initialDetentIndex: Number.isFinite(props.initialDetentIndex) ? Math.trunc(props.initialDetentIndex) : 0,
|
|
10
13
|
backdropColor: props.backdropColor,
|
|
11
14
|
backdropOpacity: props.backdropOpacity,
|
|
12
15
|
backdropBlurRadius: props.backdropBlurRadius,
|
|
13
|
-
dismissOnBackdropPress: props.dismissOnBackdropPress,
|
|
14
|
-
dismissOnSwipe: props.dismissOnSwipe,
|
|
15
|
-
dismissOnBackButton: props.dismissOnBackButton,
|
|
16
|
+
dismissOnBackdropPress: props.dismissOnBackdropPress && !isInline,
|
|
17
|
+
dismissOnSwipe: props.dismissOnSwipe && !isInline,
|
|
18
|
+
dismissOnBackButton: props.dismissOnBackButton && !isInline,
|
|
16
19
|
grabberVisible: props.grabberVisible,
|
|
17
20
|
cornerRadius: props.cornerRadius >= 0 ? props.cornerRadius : null,
|
|
18
21
|
contentBackgroundColor: props.contentBackgroundColor ?? null,
|
|
19
22
|
keyboardBehavior: props.keyboardBehavior,
|
|
20
|
-
popupAnimation: props.popupAnimation
|
|
23
|
+
popupAnimation: props.popupAnimation,
|
|
24
|
+
pullToRefreshEnabled: props.pullToRefreshEnabled
|
|
21
25
|
};
|
|
22
26
|
}
|
|
23
27
|
export function isSameConfig(a, b) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["makeConfig","props","mode","detents","initialDetentIndex","Number","isFinite","Math","trunc","backdropColor","backdropOpacity","backdropBlurRadius","dismissOnBackdropPress","dismissOnSwipe","dismissOnBackButton","grabberVisible","cornerRadius","contentBackgroundColor","keyboardBehavior","popupAnimation","isSameConfig","a","b","Object","keys","every","key","join"],"sourceRoot":"../../../src","sources":["web/ModalConfig.ts"],"mappings":";;AAQA;;
|
|
1
|
+
{"version":3,"names":["makeConfig","props","isInline","mode","detents","initialDetentIndex","Number","isFinite","Math","trunc","backdropColor","backdropOpacity","backdropBlurRadius","dismissOnBackdropPress","dismissOnSwipe","dismissOnBackButton","grabberVisible","cornerRadius","contentBackgroundColor","keyboardBehavior","popupAnimation","pullToRefreshEnabled","isSameConfig","a","b","Object","keys","every","key","join"],"sourceRoot":"../../../src","sources":["web/ModalConfig.ts"],"mappings":";;AAQA;;AA2BA,OAAO,SAASA,UAAUA,CAACC,KAAsB,EAAe;EAC9D;EACA,MAAMC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,IAAID,KAAK,CAACE,IAAI,KAAK,aAAa;EAC/D,OAAO;IACLA,IAAI,EAAEF,KAAK,CAACE,IAAI;IAChBD,QAAQ;IACRE,OAAO,EAAEH,KAAK,CAACG,OAAO;IACtBC,kBAAkB,EAAEC,MAAM,CAACC,QAAQ,CAACN,KAAK,CAACI,kBAAkB,CAAC,GACzDG,IAAI,CAACC,KAAK,CAACR,KAAK,CAACI,kBAAkB,CAAC,GACpC,CAAC;IACLK,aAAa,EAAET,KAAK,CAACS,aAAa;IAClCC,eAAe,EAAEV,KAAK,CAACU,eAAe;IACtCC,kBAAkB,EAAEX,KAAK,CAACW,kBAAkB;IAC5CC,sBAAsB,EAAEZ,KAAK,CAACY,sBAAsB,IAAI,CAACX,QAAQ;IACjEY,cAAc,EAAEb,KAAK,CAACa,cAAc,IAAI,CAACZ,QAAQ;IACjDa,mBAAmB,EAAEd,KAAK,CAACc,mBAAmB,IAAI,CAACb,QAAQ;IAC3Dc,cAAc,EAAEf,KAAK,CAACe,cAAc;IACpCC,YAAY,EAAEhB,KAAK,CAACgB,YAAY,IAAI,CAAC,GAAGhB,KAAK,CAACgB,YAAY,GAAG,IAAI;IACjEC,sBAAsB,EAAEjB,KAAK,CAACiB,sBAAsB,IAAI,IAAI;IAC5DC,gBAAgB,EAAElB,KAAK,CAACkB,gBAAgB;IACxCC,cAAc,EAAEnB,KAAK,CAACmB,cAAc;IACpCC,oBAAoB,EAAEpB,KAAK,CAACoB;EAC9B,CAAC;AACH;AAEA,OAAO,SAASC,YAAYA,CAACC,CAAc,EAAEC,CAAc,EAAW;EACpE,OAAQC,MAAM,CAACC,IAAI,CAACH,CAAC,CAAC,CAA2BI,KAAK,CAAEC,GAAG,IACzDA,GAAG,KAAK,SAAS,GACbL,CAAC,CAACnB,OAAO,CAACyB,IAAI,CAAC,CAAC,KAAKL,CAAC,CAACpB,OAAO,CAACyB,IAAI,CAAC,CAAC,GACrCN,CAAC,CAACK,GAAG,CAAC,KAAKJ,CAAC,CAACI,GAAG,CACtB,CAAC;AACH","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
/// <reference lib="dom" />
|
|
4
4
|
|
|
5
|
-
import { canUseDOM, estimateViewport, readSafeAreaInsets } from "./dom.js";
|
|
5
|
+
import { canUseDOM, estimateViewport, inlineInsets, readSafeAreaInsets } from "./dom.js";
|
|
6
6
|
import { isSameConfig, makeConfig } from "./ModalConfig.js";
|
|
7
7
|
import { popupContentArea, PopupPresenter } from "./PopupPresenter.js";
|
|
8
8
|
import { sheetContentArea, SheetPresenter } from "./SheetPresenter.js";
|
|
@@ -42,6 +42,8 @@ export class ModalController {
|
|
|
42
42
|
isAttached = false;
|
|
43
43
|
presenter = null;
|
|
44
44
|
elements = null;
|
|
45
|
+
/** Inline: the element the sheet fills. */
|
|
46
|
+
host = null;
|
|
45
47
|
lastContentArea = null;
|
|
46
48
|
|
|
47
49
|
/** `setMounted` renders (or removes) the modal's elements. */
|
|
@@ -95,6 +97,15 @@ export class ModalController {
|
|
|
95
97
|
}
|
|
96
98
|
}
|
|
97
99
|
}
|
|
100
|
+
|
|
101
|
+
/** Inline: the element the sheet fills, rendered in place. */
|
|
102
|
+
hostDidChange(host) {
|
|
103
|
+
if (host === this.host) return;
|
|
104
|
+
this.host = host;
|
|
105
|
+
if (!this.presenter) {
|
|
106
|
+
this.reportEstimatedContentArea();
|
|
107
|
+
}
|
|
108
|
+
}
|
|
98
109
|
elementsDidMount(elements) {
|
|
99
110
|
this.elements = elements;
|
|
100
111
|
if (this.presenter && !this.presenter.isShown) {
|
|
@@ -245,6 +256,9 @@ export class ModalController {
|
|
|
245
256
|
onDetentChange(index) {
|
|
246
257
|
this.props?.onDetentChange?.(index);
|
|
247
258
|
}
|
|
259
|
+
onPullToRefresh() {
|
|
260
|
+
this.props?.onPullToRefresh?.();
|
|
261
|
+
}
|
|
248
262
|
onContentAreaChange(width, height) {
|
|
249
263
|
const area = {
|
|
250
264
|
width: Math.floor(width),
|
|
@@ -265,9 +279,22 @@ export class ModalController {
|
|
|
265
279
|
config
|
|
266
280
|
} = this;
|
|
267
281
|
if (!canUseDOM || !this.isAttached || !config) return;
|
|
282
|
+
if (config.isInline) {
|
|
283
|
+
const {
|
|
284
|
+
host
|
|
285
|
+
} = this;
|
|
286
|
+
if (!host || host.clientWidth === 0 || host.clientHeight === 0) return;
|
|
287
|
+
const viewport = {
|
|
288
|
+
width: host.clientWidth,
|
|
289
|
+
height: host.clientHeight
|
|
290
|
+
};
|
|
291
|
+
const area = sheetContentArea(config.detents, viewport, inlineInsets(host), true);
|
|
292
|
+
this.onContentAreaChange(area.width, area.height);
|
|
293
|
+
return;
|
|
294
|
+
}
|
|
268
295
|
const viewport = estimateViewport();
|
|
269
296
|
const insets = readSafeAreaInsets();
|
|
270
|
-
const area = config.mode === 'popup' ? popupContentArea(viewport, insets) : sheetContentArea(config.detents, viewport, insets);
|
|
297
|
+
const area = config.mode === 'popup' ? popupContentArea(viewport, insets) : sheetContentArea(config.detents, viewport, insets, false);
|
|
271
298
|
this.onContentAreaChange(area.width, area.height);
|
|
272
299
|
}
|
|
273
300
|
handleWindowResize = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["canUseDOM","estimateViewport","readSafeAreaInsets","isSameConfig","makeConfig","popupContentArea","PopupPresenter","sheetContentArea","SheetPresenter","ModalController","methods","present","requestPresent","dismiss","requestDismiss","snapToDetent","index","Number","isFinite","presenter","Math","trunc","props","config","isOpen","phase","wantsOpen","sessionActive","presentSent","dismissReason","reconcileScheduled","isAttached","elements","lastContentArea","constructor","setMounted","attach","window","addEventListener","handleWindowResize","detach","removeEventListener","destroy","update","next","reportEstimatedContentArea","elementsDidMount","isShown","show","elementsWillUnmount","contentDidRender","handleBackPress","isVisible","onBackButtonPress","dismissOnBackButton","reconcile","scheduleReconcile","reason","queueMicrotask","startDismiss","cancelDismiss","startPresent","endSession","mode","finishDismiss","onDismiss","onPresented","onPresent","onDismissed","onBackdropPress","dismissOnBackdropPress","onSwipeDismiss","dismissOnSwipe","onDetentChange","onContentAreaChange","width","height","area","floor","last","
|
|
1
|
+
{"version":3,"names":["canUseDOM","estimateViewport","inlineInsets","readSafeAreaInsets","isSameConfig","makeConfig","popupContentArea","PopupPresenter","sheetContentArea","SheetPresenter","ModalController","methods","present","requestPresent","dismiss","requestDismiss","snapToDetent","index","Number","isFinite","presenter","Math","trunc","props","config","isOpen","phase","wantsOpen","sessionActive","presentSent","dismissReason","reconcileScheduled","isAttached","elements","host","lastContentArea","constructor","setMounted","attach","window","addEventListener","handleWindowResize","detach","removeEventListener","destroy","update","next","reportEstimatedContentArea","hostDidChange","elementsDidMount","isShown","show","elementsWillUnmount","contentDidRender","handleBackPress","isVisible","onBackButtonPress","dismissOnBackButton","reconcile","scheduleReconcile","reason","queueMicrotask","startDismiss","cancelDismiss","startPresent","endSession","mode","finishDismiss","onDismiss","onPresented","onPresent","onDismissed","onBackdropPress","dismissOnBackdropPress","onSwipeDismiss","dismissOnSwipe","onDetentChange","onPullToRefresh","onContentAreaChange","width","height","area","floor","last","isInline","clientWidth","clientHeight","viewport","detents","insets"],"sourceRoot":"../../../src","sources":["web/ModalController.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
/// <reference lib="dom" />
|
|
4
4
|
|
|
5
|
-
import { canScrollWithin, clipOverflow, readKeyboardHeight, readSafeAreaInsets, toCSSColor, ZERO_INSETS } from "./dom.js";
|
|
5
|
+
import { canScrollWithin, clipOverflow, inlineInsets, readKeyboardHeight, readSafeAreaInsets, toCSSColor, ZERO_INSETS } from "./dom.js";
|
|
6
6
|
|
|
7
7
|
/** DOM rendered by the web host view for one presentation. */
|
|
8
8
|
|
|
@@ -15,6 +15,9 @@ import { canScrollWithin, clipOverflow, readKeyboardHeight, readSafeAreaInsets,
|
|
|
15
15
|
* Transitions are interruptible: dismissing mid-enter turns the enter around,
|
|
16
16
|
* and `cancelDismiss` turns an exit back around. Once an exit starts the modal
|
|
17
17
|
* stops taking input.
|
|
18
|
+
*
|
|
19
|
+
* Inline, the elements fill the host view in place of a full-window layer:
|
|
20
|
+
* only the surface takes input, and the keyboard is left to the page.
|
|
18
21
|
*/
|
|
19
22
|
export class ModalPresenter {
|
|
20
23
|
elements = null;
|
|
@@ -35,6 +38,8 @@ export class ModalPresenter {
|
|
|
35
38
|
finished = false;
|
|
36
39
|
observedContent = null;
|
|
37
40
|
resizeObserver = null;
|
|
41
|
+
/** Inline: follows the host's size, which can change without a window resize. */
|
|
42
|
+
hostObserver = null;
|
|
38
43
|
constructor(config, listener) {
|
|
39
44
|
this.config = config;
|
|
40
45
|
this.listener = listener;
|
|
@@ -48,17 +53,25 @@ export class ModalPresenter {
|
|
|
48
53
|
if (this.elements || this.finished) return;
|
|
49
54
|
this.elements = elements;
|
|
50
55
|
// The elements can outlive a previous presentation (an immediate re-present).
|
|
51
|
-
|
|
56
|
+
this.setInteractive(true);
|
|
52
57
|
elements.surface.style.overflow = clipOverflow();
|
|
53
58
|
elements.surface.style.opacity = '';
|
|
54
59
|
elements.surface.style.transform = '';
|
|
60
|
+
elements.backdrop.style.display = this.config.isInline ? 'none' : '';
|
|
55
61
|
window.addEventListener('resize', this.handleResize);
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
}
|
|
62
|
+
if (this.config.isInline) {
|
|
63
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
64
|
+
this.hostObserver = new ResizeObserver(this.handleResize);
|
|
65
|
+
this.hostObserver.observe(elements.overlay);
|
|
66
|
+
}
|
|
67
|
+
} else {
|
|
68
|
+
window.visualViewport?.addEventListener('resize', this.handleKeyboard);
|
|
69
|
+
window.visualViewport?.addEventListener('scroll', this.handleKeyboard);
|
|
70
|
+
elements.backdrop.addEventListener('click', this.handleBackdropClick);
|
|
71
|
+
elements.overlay.addEventListener('wheel', this.handleWheel, {
|
|
72
|
+
passive: false
|
|
73
|
+
});
|
|
74
|
+
}
|
|
62
75
|
if (typeof ResizeObserver !== 'undefined') {
|
|
63
76
|
this.resizeObserver = new ResizeObserver(this.handleContentResize);
|
|
64
77
|
}
|
|
@@ -93,7 +106,7 @@ export class ModalPresenter {
|
|
|
93
106
|
if (!elements || this.isDismissing || this.finished) return;
|
|
94
107
|
this.isDismissing = true;
|
|
95
108
|
this.entering = false;
|
|
96
|
-
|
|
109
|
+
this.setInteractive(false);
|
|
97
110
|
// Also hides the on-screen keyboard.
|
|
98
111
|
const focused = document.activeElement;
|
|
99
112
|
if (focused instanceof HTMLElement && elements.overlay.contains(focused)) {
|
|
@@ -109,7 +122,7 @@ export class ModalPresenter {
|
|
|
109
122
|
cancelDismiss() {
|
|
110
123
|
if (!this.elements || !this.isDismissing || this.finished) return false;
|
|
111
124
|
this.isDismissing = false;
|
|
112
|
-
this.
|
|
125
|
+
this.setInteractive(true);
|
|
113
126
|
this.entering = true;
|
|
114
127
|
this.animateIn();
|
|
115
128
|
return true;
|
|
@@ -151,6 +164,8 @@ export class ModalPresenter {
|
|
|
151
164
|
this.elements?.overlay.removeEventListener('wheel', this.handleWheel);
|
|
152
165
|
this.resizeObserver?.disconnect();
|
|
153
166
|
this.resizeObserver = null;
|
|
167
|
+
this.hostObserver?.disconnect();
|
|
168
|
+
this.hostObserver = null;
|
|
154
169
|
this.observedContent = null;
|
|
155
170
|
}
|
|
156
171
|
finish() {
|
|
@@ -174,6 +189,20 @@ export class ModalPresenter {
|
|
|
174
189
|
// `Canvas` follows the page's `color-scheme`, like a system background.
|
|
175
190
|
surface.style.backgroundColor = config.contentBackgroundColor != null ? toCSSColor(config.contentBackgroundColor) : 'Canvas';
|
|
176
191
|
}
|
|
192
|
+
|
|
193
|
+
/** Inline, only the surface takes input; the rest reaches the page. */
|
|
194
|
+
setInteractive(interactive) {
|
|
195
|
+
const {
|
|
196
|
+
overlay,
|
|
197
|
+
surface
|
|
198
|
+
} = this.elements;
|
|
199
|
+
if (this.config.isInline) {
|
|
200
|
+
overlay.style.pointerEvents = 'none';
|
|
201
|
+
surface.style.pointerEvents = interactive ? 'auto' : 'none';
|
|
202
|
+
} else {
|
|
203
|
+
overlay.style.pointerEvents = interactive ? '' : 'none';
|
|
204
|
+
}
|
|
205
|
+
}
|
|
177
206
|
measureViewport() {
|
|
178
207
|
const {
|
|
179
208
|
overlay
|
|
@@ -182,8 +211,13 @@ export class ModalPresenter {
|
|
|
182
211
|
width: overlay.clientWidth,
|
|
183
212
|
height: overlay.clientHeight
|
|
184
213
|
};
|
|
185
|
-
this.
|
|
186
|
-
|
|
214
|
+
if (this.config.isInline) {
|
|
215
|
+
this.insets = inlineInsets(overlay);
|
|
216
|
+
this.keyboardHeight = 0;
|
|
217
|
+
} else {
|
|
218
|
+
this.insets = readSafeAreaInsets();
|
|
219
|
+
this.keyboardHeight = readKeyboardHeight(this.viewport.height);
|
|
220
|
+
}
|
|
187
221
|
}
|
|
188
222
|
|
|
189
223
|
/** Re-targets the observer at the content's root element. Returns whether its size changed. */
|
|
@@ -223,6 +257,7 @@ export class ModalPresenter {
|
|
|
223
257
|
this.viewportDidChange();
|
|
224
258
|
};
|
|
225
259
|
handleKeyboard = () => {
|
|
260
|
+
if (this.config.isInline) return;
|
|
226
261
|
const height = readKeyboardHeight(this.viewport.height);
|
|
227
262
|
if (height === this.keyboardHeight) return;
|
|
228
263
|
this.keyboardHeight = height;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["canScrollWithin","clipOverflow","readKeyboardHeight","readSafeAreaInsets","toCSSColor","ZERO_INSETS","ModalPresenter","elements","viewport","width","height","insets","keyboardHeight","contentSize","entering","isDismissing","finished","observedContent","resizeObserver","constructor","config","listener","isShown","show","
|
|
1
|
+
{"version":3,"names":["canScrollWithin","clipOverflow","inlineInsets","readKeyboardHeight","readSafeAreaInsets","toCSSColor","ZERO_INSETS","ModalPresenter","elements","viewport","width","height","insets","keyboardHeight","contentSize","entering","isDismissing","finished","observedContent","resizeObserver","hostObserver","constructor","config","listener","isShown","show","setInteractive","surface","style","overflow","opacity","transform","backdrop","display","isInline","window","addEventListener","handleResize","ResizeObserver","observe","overlay","visualViewport","handleKeyboard","handleBackdropClick","handleWheel","passive","handleContentResize","measureViewport","observeContent","applyBackdrop","didShow","animateIn","update","previous","configDidChange","contentDidRender","contentSizeDidChange","dismiss","focused","document","activeElement","HTMLElement","contains","blur","animateOut","finish","cancelDismiss","destroy","teardown","snapToDetent","_index","notifyPresented","onPresented","reportContentArea","onContentAreaChange","stopAnimations","removeEventListener","disconnect","onDismissed","backgroundColor","backdropColor","backdropOpacity","backdropBlurRadius","setProperty","contentBackgroundColor","interactive","pointerEvents","clientWidth","clientHeight","root","content","firstElementChild","element","unobserve","measureContent","offsetWidth","offsetHeight","viewportDidChange","onBackdropPress","event","ctrlKey","Math","abs","deltaX","deltaY","target","preventDefault"],"sourceRoot":"../../../src","sources":["web/ModalPresenter.ts"],"mappings":"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","ignoreList":[]}
|