react-native-nitro-modal 0.1.5 → 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 +65 -11
- 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 +39 -7
- package/lib/module/NitroModal.js.map +1 -1
- package/lib/module/NitroModalView.js +4 -3
- package/lib/module/NitroModalView.js.map +1 -1
- package/lib/module/NitroModalView.native.js +3 -0
- package/lib/module/NitroModalView.native.js.map +1 -1
- package/lib/module/NitroModalView.web.js +159 -0
- package/lib/module/NitroModalView.web.js.map +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/web/AnimatedValue.js +126 -0
- package/lib/module/web/AnimatedValue.js.map +1 -0
- package/lib/module/web/ModalConfig.js +30 -0
- package/lib/module/web/ModalConfig.js.map +1 -0
- package/lib/module/web/ModalController.js +306 -0
- package/lib/module/web/ModalController.js.map +1 -0
- package/lib/module/web/ModalPresenter.js +280 -0
- package/lib/module/web/ModalPresenter.js.map +1 -0
- package/lib/module/web/PopupPresenter.js +117 -0
- package/lib/module/web/PopupPresenter.js.map +1 -0
- package/lib/module/web/SheetPresenter.js +494 -0
- package/lib/module/web/SheetPresenter.js.map +1 -0
- package/lib/module/web/dom.js +138 -0
- package/lib/module/web/dom.js.map +1 -0
- package/lib/typescript/src/NitroModal.d.ts +35 -4
- 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.d.ts +2 -1
- package/lib/typescript/src/NitroModalView.d.ts.map +1 -1
- package/lib/typescript/src/NitroModalView.native.d.ts +1 -0
- package/lib/typescript/src/NitroModalView.native.d.ts.map +1 -1
- package/lib/typescript/src/NitroModalView.web.d.ts +6 -0
- package/lib/typescript/src/NitroModalView.web.d.ts.map +1 -0
- 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 +49 -0
- package/lib/typescript/src/web/AnimatedValue.d.ts.map +1 -0
- package/lib/typescript/src/web/ModalConfig.d.ts +30 -0
- package/lib/typescript/src/web/ModalConfig.d.ts.map +1 -0
- package/lib/typescript/src/web/ModalController.d.ts +70 -0
- package/lib/typescript/src/web/ModalController.d.ts.map +1 -0
- package/lib/typescript/src/web/ModalPresenter.d.ts +107 -0
- package/lib/typescript/src/web/ModalPresenter.d.ts.map +1 -0
- package/lib/typescript/src/web/PopupPresenter.d.ts +20 -0
- package/lib/typescript/src/web/PopupPresenter.d.ts.map +1 -0
- package/lib/typescript/src/web/SheetPresenter.d.ts +65 -0
- package/lib/typescript/src/web/SheetPresenter.d.ts.map +1 -0
- package/lib/typescript/src/web/dom.d.ts +42 -0
- package/lib/typescript/src/web/dom.d.ts.map +1 -0
- 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 +3 -2
- package/src/NitroModal.nitro.ts +30 -2
- package/src/NitroModal.tsx +71 -8
- package/src/NitroModalView.native.tsx +4 -0
- package/src/NitroModalView.tsx +9 -4
- package/src/NitroModalView.web.tsx +180 -0
- package/src/index.tsx +2 -0
- package/src/web/AnimatedValue.ts +193 -0
- package/src/web/ModalConfig.ts +67 -0
- package/src/web/ModalController.ts +338 -0
- package/src/web/ModalPresenter.ts +333 -0
- package/src/web/PopupPresenter.ts +129 -0
- package/src/web/SheetPresenter.ts +647 -0
- package/src/web/dom.ts +171 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","processColor","StyleSheet","useWindowDimensions","View","callback","NitroModalView","jsx","_jsx","DEFAULT_DETENTS","BLACK","toNativeColor","color","undefined","processed","NitroModal","isOpen","mode","detents","initialDetentIndex","backdropColor","backdropOpacity","backdropBlur","dismissOnBackdropPress","dismissOnSwipe","dismissOnBackButton","showGrabber","cornerRadius","backgroundColor","keyboardBehavior","popupAnimation","contentContainerStyle","onPresent","onDismiss","onDetentChange","onBackdropPress","onBackButtonPress","children","testID","ref","isControlled","internalOpen","setInternalOpen","open","sessionActive","setSessionActive","prevOpen","setPrevOpen","renderContent","area","setArea","hybridRef","latest","current","nativeCallbacks","instance","reason","index","onContentAreaChange","next","width","height","present","console","warn","dismiss","snapToDetent","detentsKey","join","nativeDetents","Set","split","windowSize","contentArea","containerStyle","maxWidth","maxHeight","includes","
|
|
1
|
+
{"version":3,"names":["useImperativeHandle","useLayoutEffect","useMemo","useRef","useState","processColor","StyleSheet","useWindowDimensions","View","callback","NitroModalView","jsx","_jsx","DEFAULT_DETENTS","BLACK","parseDetent","value","points","Number","isFinite","toNativeColor","color","undefined","processed","NitroModal","isOpen","mode","presentation","style","detents","initialDetentIndex","backdropColor","backdropOpacity","backdropBlur","dismissOnBackdropPress","dismissOnSwipe","dismissOnBackButton","showGrabber","cornerRadius","backgroundColor","keyboardBehavior","popupAnimation","contentContainerStyle","onPresent","onDismiss","onDetentChange","onBackdropPress","onBackButtonPress","onPullToRefresh","children","testID","ref","isControlled","isInline","internalOpen","setInternalOpen","open","sessionActive","setSessionActive","prevOpen","setPrevOpen","renderContent","area","setArea","restingTop","setRestingTop","hybridRef","latest","current","nativeCallbacks","instance","reason","index","onRestingTopChange","top","onContentAreaChange","next","width","height","present","console","warn","dismiss","snapToDetent","detentsKey","join","nativeDetents","Set","split","map","windowSize","contentArea","containerStyle","maxWidth","maxHeight","includes","absoluteFill","styles","host","pointerEvents","backdropBlurRadius","grabberVisible","contentBackgroundColor","pullToRefreshEnabled","collapsable","container","create","position","left"],"sourceRoot":"../../src","sources":["NitroModal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,15 +3,16 @@
|
|
|
3
3
|
let warned = false;
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
|
-
* Platforms without
|
|
7
|
-
*
|
|
6
|
+
* Platforms without an implementation render nothing. iOS and Android use
|
|
7
|
+
* `NitroModalView.native.tsx`, web uses `NitroModalView.web.tsx`.
|
|
8
8
|
*/
|
|
9
9
|
function UnsupportedNitroModalView() {
|
|
10
10
|
if (!warned) {
|
|
11
11
|
warned = true;
|
|
12
|
-
console.warn('react-native-nitro-modal is only implemented on iOS and
|
|
12
|
+
console.warn('react-native-nitro-modal is only implemented on iOS, Android and web.');
|
|
13
13
|
}
|
|
14
14
|
return null;
|
|
15
15
|
}
|
|
16
|
+
export const callback = func => func;
|
|
16
17
|
export const NitroModalView = UnsupportedNitroModalView;
|
|
17
18
|
//# sourceMappingURL=NitroModalView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["warned","UnsupportedNitroModalView","console","warn","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["warned","UnsupportedNitroModalView","console","warn","callback","func","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.tsx"],"mappings":";;AAMA,IAAIA,MAAM,GAAG,KAAK;;AAElB;AACA;AACA;AACA;AACA,SAASC,yBAAyBA,CAAA,EAAG;EACnC,IAAI,CAACD,MAAM,EAAE;IACXA,MAAM,GAAG,IAAI;IACbE,OAAO,CAACC,IAAI,CACV,uEACF,CAAC;EACH;EACA,OAAO,IAAI;AACb;AAEA,OAAO,MAAMC,QAAQ,GAAKC,IAAa,IAAKA,IAA6B;AAEzE,OAAO,MAAMC,cAAc,GACzBL,yBAGC","ignoreList":[]}
|
|
@@ -4,5 +4,8 @@ import { getHostComponent } from 'react-native-nitro-modules';
|
|
|
4
4
|
// Resolved through the package's own `exports` so the path works from both
|
|
5
5
|
// `src/` and the compiled `lib/module/` output (a relative `../nitrogen` breaks there).
|
|
6
6
|
const NitroModalConfig = require('react-native-nitro-modal/nitrogen/generated/shared/json/NitroModalConfig.json');
|
|
7
|
+
// Host components need their function props wrapped. Exported from here so
|
|
8
|
+
// web bundles never import `react-native-nitro-modules`.
|
|
9
|
+
export { callback } from 'react-native-nitro-modules';
|
|
7
10
|
export const NitroModalView = getHostComponent('NitroModal', () => NitroModalConfig);
|
|
8
11
|
//# sourceMappingURL=NitroModalView.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getHostComponent","NitroModalConfig","require","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.native.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,4BAA4B;AAC7D;AACA;AACA,MAAMC,gBAAgB,GAAGC,OAAO,CAAC,+EAA+E,CAAC;AAGjH,OAAO,MAAMC,cAAc,
|
|
1
|
+
{"version":3,"names":["getHostComponent","NitroModalConfig","require","callback","NitroModalView"],"sourceRoot":"../../src","sources":["NitroModalView.native.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,4BAA4B;AAC7D;AACA;AACA,MAAMC,gBAAgB,GAAGC,OAAO,CAAC,+EAA+E,CAAC;AAGjH;AACA;AACA,SAASC,QAAQ,QAAQ,4BAA4B;AAErD,OAAO,MAAMC,cAAc,GAAGJ,gBAAgB,CAG5C,YAAY,EAAE,MAAMC,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/// <reference lib="dom" />
|
|
4
|
+
|
|
5
|
+
import { useCallback, useLayoutEffect, useRef, useState } from 'react';
|
|
6
|
+
import { Modal, View } from 'react-native';
|
|
7
|
+
import { clipOverflow } from "./web/dom.js";
|
|
8
|
+
import { ModalController } from "./web/ModalController.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
/** The web view takes plain functions; only native host components need them wrapped. */
|
|
11
|
+
export function callback(func) {
|
|
12
|
+
return func;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Web implementation of the hybrid view. The modal renders through React
|
|
17
|
+
* Native Web's `Modal` (a portal with focus trapping, Escape handling and
|
|
18
|
+
* stacking with other modals) and is laid out and animated by the presenters
|
|
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.
|
|
23
|
+
*/
|
|
24
|
+
function WebNitroModalView(props) {
|
|
25
|
+
const {
|
|
26
|
+
hybridRef,
|
|
27
|
+
children
|
|
28
|
+
} = props;
|
|
29
|
+
const isInline = props.isInline && props.mode === 'bottomSheet';
|
|
30
|
+
const [mounted, setMounted] = useState(false);
|
|
31
|
+
const [controller] = useState(() => new ModalController(setMounted));
|
|
32
|
+
const overlay = useRef(null);
|
|
33
|
+
const backdrop = useRef(null);
|
|
34
|
+
const surface = useRef(null);
|
|
35
|
+
const content = useRef(null);
|
|
36
|
+
const grabber = useRef(null);
|
|
37
|
+
useLayoutEffect(() => {
|
|
38
|
+
controller.attach();
|
|
39
|
+
return () => controller.detach();
|
|
40
|
+
}, [controller]);
|
|
41
|
+
useLayoutEffect(() => {
|
|
42
|
+
hybridRef?.(controller.methods);
|
|
43
|
+
}, [controller, hybridRef]);
|
|
44
|
+
useLayoutEffect(() => {
|
|
45
|
+
controller.update(props);
|
|
46
|
+
});
|
|
47
|
+
useLayoutEffect(() => {
|
|
48
|
+
if (!mounted) return undefined;
|
|
49
|
+
controller.elementsDidMount({
|
|
50
|
+
overlay: overlay.current,
|
|
51
|
+
backdrop: backdrop.current,
|
|
52
|
+
surface: surface.current,
|
|
53
|
+
content: content.current,
|
|
54
|
+
grabber: grabber.current
|
|
55
|
+
});
|
|
56
|
+
return () => controller.elementsWillUnmount();
|
|
57
|
+
}, [controller, mounted]);
|
|
58
|
+
useLayoutEffect(() => {
|
|
59
|
+
if (mounted) {
|
|
60
|
+
controller.contentDidRender();
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
const hostRef = useCallback(node => {
|
|
64
|
+
controller.hostDidChange(node instanceof HTMLElement ? node : null);
|
|
65
|
+
}, [controller]);
|
|
66
|
+
|
|
67
|
+
// Styles set here never change; the presenters write sizes, positions,
|
|
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;
|
|
106
|
+
return /*#__PURE__*/_jsx(Modal, {
|
|
107
|
+
visible: true,
|
|
108
|
+
transparent: true,
|
|
109
|
+
animationType: "none",
|
|
110
|
+
onRequestClose: controller.handleBackPress,
|
|
111
|
+
children: layer
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
const styles = {
|
|
115
|
+
overlay: {
|
|
116
|
+
position: 'fixed',
|
|
117
|
+
inset: 0,
|
|
118
|
+
outline: 'none'
|
|
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
|
+
},
|
|
127
|
+
backdrop: {
|
|
128
|
+
position: 'absolute',
|
|
129
|
+
inset: 0,
|
|
130
|
+
touchAction: 'none'
|
|
131
|
+
},
|
|
132
|
+
surface: {
|
|
133
|
+
position: 'absolute',
|
|
134
|
+
left: 0,
|
|
135
|
+
top: 0,
|
|
136
|
+
boxSizing: 'border-box',
|
|
137
|
+
willChange: 'transform'
|
|
138
|
+
},
|
|
139
|
+
// Pinned at the origin like the native content view; the React content is
|
|
140
|
+
// positioned and sized inside it by `NitroModal`.
|
|
141
|
+
content: {
|
|
142
|
+
position: 'absolute',
|
|
143
|
+
left: 0,
|
|
144
|
+
top: 0
|
|
145
|
+
},
|
|
146
|
+
grabber: {
|
|
147
|
+
position: 'absolute',
|
|
148
|
+
top: 5,
|
|
149
|
+
left: '50%',
|
|
150
|
+
width: 36,
|
|
151
|
+
height: 5,
|
|
152
|
+
marginLeft: -18,
|
|
153
|
+
borderRadius: 2.5,
|
|
154
|
+
backgroundColor: 'rgba(127, 127, 127, 0.4)',
|
|
155
|
+
pointerEvents: 'none'
|
|
156
|
+
}
|
|
157
|
+
};
|
|
158
|
+
export const NitroModalView = WebNitroModalView;
|
|
159
|
+
//# sourceMappingURL=NitroModalView.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":";;AAAA;;AAEA,SACEA,WAAW,EACXC,eAAe,EACfC,MAAM,EACNC,QAAQ,QAGH,OAAO;AACd,SAASC,KAAK,EAAEC,IAAI,QAAwC,cAAc;AAG1E,SAASC,YAAY,QAAQ,cAAW;AACxC,SAASC,eAAe,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASxD;AACA,OAAO,SAASC,QAAQA,CAAIC,IAAO,EAAK;EACtC,OAAOA,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EACxD,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,MAAMG,QAAQ,GAAGH,KAAK,CAACG,QAAQ,IAAIH,KAAK,CAACI,IAAI,KAAK,aAAa;EAC/D,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM,CAACmB,UAAU,CAAC,GAAGnB,QAAQ,CAAC,MAAM,IAAII,eAAe,CAACc,UAAU,CAAC,CAAC;EACpE,MAAME,OAAO,GAAGrB,MAAM,CAAiB,IAAI,CAAC;EAC5C,MAAMsB,QAAQ,GAAGtB,MAAM,CAAiB,IAAI,CAAC;EAC7C,MAAMuB,OAAO,GAAGvB,MAAM,CAAiB,IAAI,CAAC;EAC5C,MAAMwB,OAAO,GAAGxB,MAAM,CAAiB,IAAI,CAAC;EAC5C,MAAMyB,OAAO,GAAGzB,MAAM,CAAiB,IAAI,CAAC;EAE5CD,eAAe,CAAC,MAAM;IACpBqB,UAAU,CAACM,MAAM,CAAC,CAAC;IACnB,OAAO,MAAMN,UAAU,CAACO,MAAM,CAAC,CAAC;EAClC,CAAC,EAAE,CAACP,UAAU,CAAC,CAAC;EAEhBrB,eAAe,CAAC,MAAM;IACpBe,SAAS,GAAGM,UAAU,CAACQ,OAA4B,CAAC;EACtD,CAAC,EAAE,CAACR,UAAU,EAAEN,SAAS,CAAC,CAAC;EAE3Bf,eAAe,CAAC,MAAM;IACpBqB,UAAU,CAACS,MAAM,CAAChB,KAAK,CAAC;EAC1B,CAAC,CAAC;EAEFd,eAAe,CAAC,MAAM;IACpB,IAAI,CAACmB,OAAO,EAAE,OAAOY,SAAS;IAC9BV,UAAU,CAACW,gBAAgB,CAAC;MAC1BV,OAAO,EAAEA,OAAO,CAACW,OAAQ;MACzBV,QAAQ,EAAEA,QAAQ,CAACU,OAAQ;MAC3BT,OAAO,EAAEA,OAAO,CAACS,OAAQ;MACzBR,OAAO,EAAEA,OAAO,CAACQ,OAAQ;MACzBP,OAAO,EAAEA,OAAO,CAACO;IACnB,CAAC,CAAC;IACF,OAAO,MAAMZ,UAAU,CAACa,mBAAmB,CAAC,CAAC;EAC/C,CAAC,EAAE,CAACb,UAAU,EAAEF,OAAO,CAAC,CAAC;EAEzBnB,eAAe,CAAC,MAAM;IACpB,IAAImB,OAAO,EAAE;MACXE,UAAU,CAACc,gBAAgB,CAAC,CAAC;IAC/B;EACF,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGrC,WAAW,CACxBsC,IAAa,IAAK;IACjBhB,UAAU,CAACiB,aAAa,CAACD,IAAI,YAAYE,WAAW,GAAGF,IAAI,GAAG,IAAI,CAAC;EACrE,CAAC,EACD,CAAChB,UAAU,CACb,CAAC;;EAED;EACA;EACA,MAAMmB,KAAK,GAAGrB,OAAO;EAAA;EACnB;EACAT,KAAA;IACE+B,GAAG,EAAEnB,OAAQ;IACboB,QAAQ,EAAE,CAAC,CAAE;IACbC,KAAK,EACH1B,QAAQ,GACJ;MAAE,GAAG2B,MAAM,CAACC,aAAa;MAAEC,QAAQ,EAAEzC,YAAY,CAAC;IAAE,CAAC,GACrDuC,MAAM,CAACtB,OACZ;IAAAN,QAAA,gBAEDR,IAAA;MAAKiC,GAAG,EAAElB,QAAS;MAAC,mBAAW;MAACoB,KAAK,EAAEC,MAAM,CAACrB;IAAS,CAAE,CAAC,eAC1Db,KAAA;MAAK+B,GAAG,EAAEjB,OAAQ;MAACmB,KAAK,EAAEC,MAAM,CAACpB,OAAQ;MAAAR,QAAA,gBACvCR,IAAA;QAAKiC,GAAG,EAAEhB,OAAQ;QAACkB,KAAK,EAAEC,MAAM,CAACnB,OAAQ;QAAAT,QAAA,EACtCA;MAAQ,CACN,CAAC,eACNR,IAAA;QAAKiC,GAAG,EAAEf,OAAQ;QAAC,mBAAW;QAACiB,KAAK,EAAEC,MAAM,CAAClB;MAAQ,CAAE,CAAC;IAAA,CACrD,CAAC;EAAA,CACH,CAAC,GACJ,IAAI;EAER,IAAIT,QAAQ,EAAE;IACZ,oBACET,IAAA,CAACJ,IAAI;MAACqC,GAAG,EAAEL,OAAQ;MAACO,KAAK,EAAE7B,KAAK,CAAC6B,KAAM;MAACI,aAAa,EAAC,UAAU;MAAA/B,QAAA,EAC7DwB;IAAK,CACF,CAAC;EAEX;EAEA,IAAI,CAACA,KAAK,EAAE,OAAO,IAAI;EAEvB,oBACEhC,IAAA,CAACL,KAAK;IACJ6C,OAAO;IACPC,WAAW;IACXC,aAAa,EAAC,MAAM;IACpBC,cAAc,EAAE9B,UAAU,CAAC+B,eAAgB;IAAApC,QAAA,EAE1CwB;EAAK,CACD,CAAC;AAEZ;AAEA,MAAMI,MAAM,GAAG;EACbtB,OAAO,EAAE;IACP+B,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACX,CAAC;EACD;EACAV,aAAa,EAAE;IACbQ,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,MAAM;IACfR,aAAa,EAAE;EACjB,CAAC;EACDxB,QAAQ,EAAE;IACR8B,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRE,WAAW,EAAE;EACf,CAAC;EACDhC,OAAO,EAAE;IACP6B,QAAQ,EAAE,UAAU;IACpBI,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE,CAAC;IACNC,SAAS,EAAE,YAAY;IACvBC,UAAU,EAAE;EACd,CAAC;EACD;EACA;EACAnC,OAAO,EAAE;IACP4B,QAAQ,EAAE,UAAU;IACpBI,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE;EACP,CAAC;EACDhC,OAAO,EAAE;IACP2B,QAAQ,EAAE,UAAU;IACpBK,GAAG,EAAE,CAAC;IACND,IAAI,EAAE,KAAK;IACXI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,CAAC;IACTC,UAAU,EAAE,CAAC,EAAE;IACfC,YAAY,EAAE,GAAG;IACjBC,eAAe,EAAE,0BAA0B;IAC3ClB,aAAa,EAAE;EACjB;AACF,CAAyC;AAEzC,OAAO,MAAMmB,cAAc,GAAGrD,iBAG7B","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":[]}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/// <reference lib="dom" />
|
|
4
|
+
|
|
5
|
+
/** How an `AnimatedValue` moves to its target. */
|
|
6
|
+
|
|
7
|
+
/** Jumps to the target at once. The completion still arrives on the next frame. */
|
|
8
|
+
export const INSTANT = {
|
|
9
|
+
type: 'timing',
|
|
10
|
+
duration: 0,
|
|
11
|
+
easing: t => t
|
|
12
|
+
};
|
|
13
|
+
/** Longest frame integrated at once, so a dropped frame can't throw the spring off. */
|
|
14
|
+
const MAX_FRAME_SECONDS = 0.064;
|
|
15
|
+
const SPRING_STEP_SECONDS = 0.004;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* A number animated on `requestAnimationFrame` that reports every frame
|
|
19
|
+
* through `onChange`. A new animation starts from the current value and
|
|
20
|
+
* velocity, so transitions can be turned around mid-flight.
|
|
21
|
+
*/
|
|
22
|
+
export class AnimatedValue {
|
|
23
|
+
speed = 0;
|
|
24
|
+
run = null;
|
|
25
|
+
frame = null;
|
|
26
|
+
lastTime = 0;
|
|
27
|
+
|
|
28
|
+
/** `precision`: distance from the target at which a spring counts as settled. */
|
|
29
|
+
constructor(value, precision, onChange) {
|
|
30
|
+
this.precision = precision;
|
|
31
|
+
this.onChange = onChange;
|
|
32
|
+
this.current = value;
|
|
33
|
+
}
|
|
34
|
+
get value() {
|
|
35
|
+
return this.current;
|
|
36
|
+
}
|
|
37
|
+
get isAnimating() {
|
|
38
|
+
return this.run != null;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/** Jumps to `value`, cancelling any animation. */
|
|
42
|
+
set(value) {
|
|
43
|
+
this.stop();
|
|
44
|
+
this.current = value;
|
|
45
|
+
this.speed = 0;
|
|
46
|
+
this.onChange(value);
|
|
47
|
+
}
|
|
48
|
+
stop() {
|
|
49
|
+
this.run = null;
|
|
50
|
+
if (this.frame != null) {
|
|
51
|
+
cancelAnimationFrame(this.frame);
|
|
52
|
+
this.frame = null;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
animateTo(target, motion, options = {}) {
|
|
56
|
+
if (options.velocity !== undefined) {
|
|
57
|
+
this.speed = options.velocity;
|
|
58
|
+
}
|
|
59
|
+
const now = performance.now();
|
|
60
|
+
this.run = {
|
|
61
|
+
target,
|
|
62
|
+
motion,
|
|
63
|
+
options,
|
|
64
|
+
from: this.current,
|
|
65
|
+
startTime: now,
|
|
66
|
+
side: Math.sign(this.current - target)
|
|
67
|
+
};
|
|
68
|
+
if (motion.type === 'timing' && motion.duration <= 0) {
|
|
69
|
+
this.current = target;
|
|
70
|
+
this.speed = 0;
|
|
71
|
+
this.onChange(target);
|
|
72
|
+
}
|
|
73
|
+
if (this.frame == null) {
|
|
74
|
+
this.lastTime = now;
|
|
75
|
+
this.frame = requestAnimationFrame(this.step);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
step = time => {
|
|
79
|
+
this.frame = null;
|
|
80
|
+
const run = this.run;
|
|
81
|
+
if (!run) return;
|
|
82
|
+
const dt = Math.min(Math.max((time - this.lastTime) / 1000, 0), MAX_FRAME_SECONDS);
|
|
83
|
+
this.lastTime = time;
|
|
84
|
+
const done = run.motion.type === 'timing' ? this.stepTiming(run, run.motion, time, dt) : this.stepSpring(run, run.motion, dt);
|
|
85
|
+
if (done) {
|
|
86
|
+
this.current = run.target;
|
|
87
|
+
this.speed = 0;
|
|
88
|
+
this.run = null;
|
|
89
|
+
}
|
|
90
|
+
this.onChange(this.current);
|
|
91
|
+
if (done) {
|
|
92
|
+
run.options.onEnd?.();
|
|
93
|
+
} else {
|
|
94
|
+
this.frame = requestAnimationFrame(this.step);
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
stepTiming(run, motion, time, dt) {
|
|
98
|
+
const progress = motion.duration > 0 ? Math.min(Math.max((time - run.startTime) / motion.duration, 0), 1) : 1;
|
|
99
|
+
const next = run.from + (run.target - run.from) * motion.easing(progress);
|
|
100
|
+
if (dt > 0) {
|
|
101
|
+
this.speed = (next - this.current) / dt;
|
|
102
|
+
}
|
|
103
|
+
this.current = next;
|
|
104
|
+
return progress >= 1;
|
|
105
|
+
}
|
|
106
|
+
stepSpring(run, motion, dt) {
|
|
107
|
+
const omega = 2 * Math.PI / motion.response;
|
|
108
|
+
const stiffness = omega * omega;
|
|
109
|
+
const damping = 2 * motion.dampingRatio * omega;
|
|
110
|
+
let offset = this.current - run.target;
|
|
111
|
+
let velocity = this.speed;
|
|
112
|
+
const steps = Math.ceil(dt / SPRING_STEP_SECONDS);
|
|
113
|
+
for (let i = 0; i < steps; i++) {
|
|
114
|
+
const h = dt / steps;
|
|
115
|
+
velocity += (-stiffness * offset - damping * velocity) * h;
|
|
116
|
+
offset += velocity * h;
|
|
117
|
+
}
|
|
118
|
+
this.current = run.target + offset;
|
|
119
|
+
this.speed = velocity;
|
|
120
|
+
if (run.options.stopAtTarget && (run.side === 0 || Math.sign(offset) !== run.side)) {
|
|
121
|
+
return true;
|
|
122
|
+
}
|
|
123
|
+
return Math.abs(offset) < this.precision && Math.abs(velocity) < this.precision * 20;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
//# sourceMappingURL=AnimatedValue.js.map
|
|
@@ -0,0 +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","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":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/** Snapshot of the props that shape a presentation. */
|
|
4
|
+
|
|
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';
|
|
8
|
+
return {
|
|
9
|
+
mode: props.mode,
|
|
10
|
+
isInline,
|
|
11
|
+
detents: props.detents,
|
|
12
|
+
initialDetentIndex: Number.isFinite(props.initialDetentIndex) ? Math.trunc(props.initialDetentIndex) : 0,
|
|
13
|
+
backdropColor: props.backdropColor,
|
|
14
|
+
backdropOpacity: props.backdropOpacity,
|
|
15
|
+
backdropBlurRadius: props.backdropBlurRadius,
|
|
16
|
+
dismissOnBackdropPress: props.dismissOnBackdropPress && !isInline,
|
|
17
|
+
dismissOnSwipe: props.dismissOnSwipe && !isInline,
|
|
18
|
+
dismissOnBackButton: props.dismissOnBackButton && !isInline,
|
|
19
|
+
grabberVisible: props.grabberVisible,
|
|
20
|
+
cornerRadius: props.cornerRadius >= 0 ? props.cornerRadius : null,
|
|
21
|
+
contentBackgroundColor: props.contentBackgroundColor ?? null,
|
|
22
|
+
keyboardBehavior: props.keyboardBehavior,
|
|
23
|
+
popupAnimation: props.popupAnimation,
|
|
24
|
+
pullToRefreshEnabled: props.pullToRefreshEnabled
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export function isSameConfig(a, b) {
|
|
28
|
+
return Object.keys(a).every(key => key === 'detents' ? a.detents.join() === b.detents.join() : a[key] === b[key]);
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=ModalConfig.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|