@tamagui/sheet 1.29.6 → 1.30.0
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/cjs/SheetImplementationCustom.js +44 -24
- package/dist/cjs/SheetImplementationCustom.js.map +1 -1
- package/dist/cjs/SheetScrollView.js +4 -15
- package/dist/cjs/SheetScrollView.js.map +1 -1
- package/dist/cjs/createSheet.js +13 -8
- package/dist/cjs/createSheet.js.map +1 -1
- package/dist/cjs/useSheetOffscreenSize.js +39 -0
- package/dist/cjs/useSheetOffscreenSize.js.map +6 -0
- package/dist/cjs/useSheetProviderProps.js +4 -0
- package/dist/cjs/useSheetProviderProps.js.map +1 -1
- package/dist/esm/SheetImplementationCustom.js +44 -24
- package/dist/esm/SheetImplementationCustom.js.map +1 -1
- package/dist/esm/SheetScrollView.js +7 -18
- package/dist/esm/SheetScrollView.js.map +1 -1
- package/dist/esm/createSheet.js +14 -8
- package/dist/esm/createSheet.js.map +1 -1
- package/dist/esm/useSheetOffscreenSize.js +15 -0
- package/dist/esm/useSheetOffscreenSize.js.map +6 -0
- package/dist/esm/useSheetProviderProps.js +4 -0
- package/dist/esm/useSheetProviderProps.js.map +1 -1
- package/dist/jsx/SheetImplementationCustom.js +43 -23
- package/dist/jsx/SheetImplementationCustom.js.map +1 -1
- package/dist/jsx/SheetImplementationCustom.mjs +43 -23
- package/dist/jsx/SheetImplementationCustom.mjs.map +1 -1
- package/dist/jsx/SheetScrollView.js +5 -16
- package/dist/jsx/SheetScrollView.js.map +1 -1
- package/dist/jsx/SheetScrollView.mjs +5 -16
- package/dist/jsx/SheetScrollView.mjs.map +1 -1
- package/dist/jsx/createSheet.js +14 -8
- package/dist/jsx/createSheet.js.map +1 -1
- package/dist/jsx/createSheet.mjs +14 -8
- package/dist/jsx/createSheet.mjs.map +1 -1
- package/dist/jsx/useSheetOffscreenSize.js +15 -0
- package/dist/jsx/useSheetOffscreenSize.js.map +6 -0
- package/dist/jsx/useSheetOffscreenSize.mjs +15 -0
- package/dist/jsx/useSheetOffscreenSize.mjs.map +6 -0
- package/dist/jsx/useSheetProviderProps.js +4 -0
- package/dist/jsx/useSheetProviderProps.js.map +1 -1
- package/dist/jsx/useSheetProviderProps.mjs +4 -0
- package/dist/jsx/useSheetProviderProps.mjs.map +1 -1
- package/package.json +13 -13
- package/src/SheetImplementationCustom.tsx +55 -26
- package/src/SheetScrollView.tsx +8 -14
- package/src/createSheet.tsx +12 -9
- package/src/types.tsx +5 -0
- package/src/useSheetOffscreenSize.tsx +13 -0
- package/src/useSheetProviderProps.tsx +5 -0
- package/types/Sheet.d.ts +1 -0
- package/types/Sheet.d.ts.map +1 -0
- package/types/SheetContext.d.ts +10 -0
- package/types/SheetContext.d.ts.map +1 -0
- package/types/SheetController.d.ts.map +1 -0
- package/types/SheetImplementationCustom.d.ts +1 -0
- package/types/SheetImplementationCustom.d.ts.map +1 -0
- package/types/SheetScrollView.d.ts.map +1 -0
- package/types/constants.d.ts.map +1 -0
- package/types/contexts.d.ts.map +1 -0
- package/types/createSheet.d.ts +1 -0
- package/types/createSheet.d.ts.map +1 -0
- package/types/helpers.d.ts.map +1 -0
- package/types/index.d.ts.map +1 -0
- package/types/nativeSheet.d.ts.map +1 -0
- package/types/types.d.ts +4 -0
- package/types/types.d.ts.map +1 -0
- package/types/useSheet.d.ts +2 -0
- package/types/useSheet.d.ts.map +1 -0
- package/types/useSheetController.d.ts.map +1 -0
- package/types/useSheetOffscreenSize.d.ts +3 -0
- package/types/useSheetOffscreenSize.d.ts.map +1 -0
- package/types/useSheetOpenState.d.ts.map +1 -0
- package/types/useSheetProviderProps.d.ts +2 -0
- package/types/useSheetProviderProps.d.ts.map +1 -0
|
@@ -43,6 +43,7 @@ const SheetImplementationCustom = (0, import_core.themeable)(
|
|
|
43
43
|
modal = false,
|
|
44
44
|
zIndex = parentSheet.zIndex + 1,
|
|
45
45
|
moveOnKeyboardChange = false,
|
|
46
|
+
unmountChildrenWhenHidden = false,
|
|
46
47
|
portalProps
|
|
47
48
|
} = props;
|
|
48
49
|
const keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)();
|
|
@@ -51,7 +52,16 @@ const SheetImplementationCustom = (0, import_core.themeable)(
|
|
|
51
52
|
const providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
|
|
52
53
|
onOverlayComponent: setOverlayComponent
|
|
53
54
|
});
|
|
54
|
-
const {
|
|
55
|
+
const {
|
|
56
|
+
frameSize,
|
|
57
|
+
setFrameSize,
|
|
58
|
+
snapPoints,
|
|
59
|
+
position,
|
|
60
|
+
setPosition,
|
|
61
|
+
scrollBridge,
|
|
62
|
+
screenSize,
|
|
63
|
+
maxSnapPoint
|
|
64
|
+
} = providerProps;
|
|
55
65
|
const { open, controller, isHidden } = state;
|
|
56
66
|
const sheetRef = (0, import_react.useRef)(null);
|
|
57
67
|
const ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef);
|
|
@@ -61,8 +71,6 @@ const SheetImplementationCustom = (0, import_core.themeable)(
|
|
|
61
71
|
const onInnerSheet = (0, import_react.useCallback)((hasChild) => {
|
|
62
72
|
setIsShowingInnerSheet(hasChild);
|
|
63
73
|
}, []);
|
|
64
|
-
const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
|
|
65
|
-
const screenSize = frameSize / (maxSnapPoint / 100);
|
|
66
74
|
const positions = (0, import_react.useMemo)(
|
|
67
75
|
() => snapPoints.map((point) => getPercentSize(point, screenSize)),
|
|
68
76
|
[frameSize, snapPoints]
|
|
@@ -85,7 +93,8 @@ const SheetImplementationCustom = (0, import_core.themeable)(
|
|
|
85
93
|
[zIndex]
|
|
86
94
|
);
|
|
87
95
|
const animatedNumber = useAnimatedNumber(import_constants.HIDDEN_SIZE);
|
|
88
|
-
const at = (0, import_react.useRef)(
|
|
96
|
+
const at = (0, import_react.useRef)(import_constants.HIDDEN_SIZE);
|
|
97
|
+
const currentId = (0, import_react.useRef)(0);
|
|
89
98
|
useAnimatedNumberReaction(
|
|
90
99
|
{
|
|
91
100
|
value: animatedNumber,
|
|
@@ -105,37 +114,43 @@ const SheetImplementationCustom = (0, import_core.themeable)(
|
|
|
105
114
|
scrollBridge.onFinishAnimate = void 0;
|
|
106
115
|
}
|
|
107
116
|
}
|
|
117
|
+
const hasntMeasured = at.current === import_constants.HIDDEN_SIZE;
|
|
108
118
|
const animateTo = (0, import_core.useEvent)((position2) => {
|
|
109
|
-
const current = animatedNumber.getValue();
|
|
110
|
-
if (isHidden && open)
|
|
111
|
-
return;
|
|
112
|
-
if (!current)
|
|
113
|
-
return;
|
|
114
119
|
if (frameSize === 0)
|
|
115
120
|
return;
|
|
116
|
-
const
|
|
117
|
-
const toValue = isHidden || position2 === -1 ? hiddenValue : positions[position2];
|
|
121
|
+
const toValue = hasntMeasured || isHidden || position2 === -1 ? screenSize : positions[position2];
|
|
118
122
|
if (at.current === toValue)
|
|
119
123
|
return;
|
|
120
124
|
stopSpring();
|
|
121
|
-
if (isHidden) {
|
|
122
|
-
animatedNumber.setValue(
|
|
125
|
+
if (hasntMeasured || isHidden) {
|
|
126
|
+
animatedNumber.setValue(screenSize, {
|
|
123
127
|
type: "timing",
|
|
124
128
|
duration: 0
|
|
125
129
|
});
|
|
126
130
|
at.current = toValue;
|
|
127
|
-
|
|
131
|
+
if (isHidden) {
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
128
134
|
}
|
|
129
|
-
const overshootClamping = at.current === import_constants.HIDDEN_SIZE;
|
|
130
135
|
animatedNumber.setValue(toValue, {
|
|
131
136
|
...animationConfig,
|
|
132
|
-
type: "spring"
|
|
133
|
-
overshootClamping
|
|
137
|
+
type: "spring"
|
|
134
138
|
});
|
|
135
139
|
});
|
|
136
140
|
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
141
|
+
if (screenSize && hasntMeasured) {
|
|
142
|
+
animatedNumber.setValue(screenSize, {
|
|
143
|
+
type: "timing",
|
|
144
|
+
duration: 0
|
|
145
|
+
});
|
|
146
|
+
}
|
|
147
|
+
}, [hasntMeasured, screenSize]);
|
|
148
|
+
(0, import_core.useIsomorphicLayoutEffect)(() => {
|
|
149
|
+
if (!frameSize || isHidden || hasntMeasured && !open) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
137
152
|
animateTo(position);
|
|
138
|
-
}, [isHidden, frameSize,
|
|
153
|
+
}, [isHidden, frameSize, open, position]);
|
|
139
154
|
const disableDrag = props.disableDrag ?? (controller == null ? void 0 : controller.disableDrag);
|
|
140
155
|
const themeName = (0, import_core.useThemeName)();
|
|
141
156
|
const panResponder = (0, import_react.useMemo)(
|
|
@@ -232,11 +247,14 @@ const SheetImplementationCustom = (0, import_core.themeable)(
|
|
|
232
247
|
);
|
|
233
248
|
const handleAnimationViewLayout = (0, import_react.useCallback)(
|
|
234
249
|
(e) => {
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
250
|
+
const next = (() => {
|
|
251
|
+
var _a;
|
|
252
|
+
let _ = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
|
|
253
|
+
if (import_core.isWeb && import_core.isTouchable && !open) {
|
|
254
|
+
_ += 100;
|
|
255
|
+
}
|
|
256
|
+
return _;
|
|
257
|
+
})();
|
|
240
258
|
if (!next)
|
|
241
259
|
return;
|
|
242
260
|
setFrameSize(next);
|
|
@@ -303,6 +321,7 @@ const SheetImplementationCustom = (0, import_core.themeable)(
|
|
|
303
321
|
zIndex,
|
|
304
322
|
width: "100%",
|
|
305
323
|
height: `${maxSnapPoint}%`,
|
|
324
|
+
minHeight: `${maxSnapPoint}%`,
|
|
306
325
|
opacity
|
|
307
326
|
},
|
|
308
327
|
animatedStyle
|
|
@@ -312,8 +331,9 @@ const SheetImplementationCustom = (0, import_core.themeable)(
|
|
|
312
331
|
)
|
|
313
332
|
] }) });
|
|
314
333
|
const adaptContext = (0, import_react.useContext)(import_adapt.AdaptParentContext);
|
|
334
|
+
const shouldMountChildren = Boolean(opacity || !unmountChildrenWhenHidden);
|
|
315
335
|
if (modal) {
|
|
316
|
-
const modalContents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex, ...portalProps, children:
|
|
336
|
+
const modalContents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex, ...portalProps, children: shouldMountChildren && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, { forceClassName: true, name: themeName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
|
|
317
337
|
if (import_core.isWeb) {
|
|
318
338
|
return modalContents;
|
|
319
339
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetImplementationCustom.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["SheetImplementationCustom", "position", "at", "state"]
|
|
6
6
|
}
|
|
@@ -29,17 +29,9 @@ var import_SheetContext = require("./SheetContext");
|
|
|
29
29
|
const SHEET_SCROLL_VIEW_NAME = "SheetScrollView";
|
|
30
30
|
const SheetScrollView = (0, import_react.forwardRef)(
|
|
31
31
|
({ __scopeSheet, children, ...props }, ref) => {
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
__scopeSheet
|
|
35
|
-
);
|
|
32
|
+
const context = (0, import_SheetContext.useSheetContext)(SHEET_SCROLL_VIEW_NAME, __scopeSheet);
|
|
33
|
+
const { scrollBridge } = context;
|
|
36
34
|
const scrollRef = (0, import_react.useRef)(null);
|
|
37
|
-
const percentOpened = snapPoints[position] ?? 0;
|
|
38
|
-
const [percentToPadBottom, setPercentToPadBottom] = (0, import_react.useState)(0);
|
|
39
|
-
const next = 100 - percentOpened;
|
|
40
|
-
if (open && next !== percentToPadBottom) {
|
|
41
|
-
setPercentToPadBottom(next);
|
|
42
|
-
}
|
|
43
35
|
const state = (0, import_react.useRef)({
|
|
44
36
|
lastPageY: 0,
|
|
45
37
|
dragAt: 0,
|
|
@@ -68,7 +60,7 @@ const SheetScrollView = (0, import_react.forwardRef)(
|
|
|
68
60
|
vy
|
|
69
61
|
});
|
|
70
62
|
};
|
|
71
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
63
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
72
64
|
import_scroll_view.ScrollView,
|
|
73
65
|
{
|
|
74
66
|
ref: (0, import_core.composeRefs)(scrollRef, ref),
|
|
@@ -90,10 +82,7 @@ const SheetScrollView = (0, import_react.forwardRef)(
|
|
|
90
82
|
onResponderRelease: release,
|
|
91
83
|
className: "_ovs-contain",
|
|
92
84
|
...props,
|
|
93
|
-
children: [
|
|
94
|
-
(0, import_react.useMemo)(() => children, [children]),
|
|
95
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Stack, { height: percentToPadBottom / 100 * frameSize, width: 0 })
|
|
96
|
-
]
|
|
85
|
+
children: (0, import_react.useMemo)(() => children, [children])
|
|
97
86
|
}
|
|
98
87
|
);
|
|
99
88
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetScrollView.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkEM;AAlEN,kBAA4C;AAC5C,yBAA4C;AAC5C,mBAA4C;AAG5C,0BAAgC;AAShC,MAAM,yBAAyB;AAExB,MAAM,sBAAkB;AAAA,EAC7B,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,GAAsC,QAAQ;AAChF,UAAM,cAAU,qCAAgB,wBAAwB,YAAY;AACpE,UAAM,EAAE,aAAa,IAAI;AAEzB,UAAM,gBAAY,qBAA4B,IAAI;AAclD,UAAM,YAAQ,qBAAO;AAAA,MACnB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,KAAK,CAAC;AAAA;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,IACd,CAAC;AAED,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,MAAM,QAAQ,YAAY;AAC7B;AAAA,MACF;AACA,YAAM,QAAQ,aAAa;AAC3B,mBAAa,eAAe;AAC5B,YAAM,QAAQ,cAAc;AAE5B,UAAI,KAAK;AACT,UAAI,MAAM,QAAQ,IAAI,QAAQ;AAC5B,cAAM,YAAY,MAAM,QAAQ,IAAI,MAAM,GAAG;AAC7C,cAAM,OAAO,UAAU,SAAS,UAAU,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI;AACvE,cAAM,QAAQ,OAAO,UAAU;AAC/B,aAAK,QAAQ;AAAA,MACf;AACA,YAAM,QAAQ,MAAM,CAAC;AACrB,mBAAa,QAAQ;AAAA,QACnB,QAAQ,MAAM,QAAQ;AAAA,QACtB;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAK,yBAAY,WAAkB,GAAG;AAAA,QACtC,MAAM;AAAA,QACN,qBAAqB;AAAA,QAErB,UAAU,CAAC,MAAM;AACf,gBAAM,EAAE,EAAE,IAAI,EAAE,YAAY;AAC5B,uBAAa,IAAI;AACjB,cAAI,IAAI,GAAG;AACT,yBAAa,eAAe;AAAA,UAC9B;AAAA,QACF;AAAA,QACA,2BAA2B,MAAM;AAC/B,uBAAa,eAAe;AAC5B,gBAAM,QAAQ,aAAa;AAC3B,iBAAO;AAAA,QACT;AAAA,QAEA,0BAA0B,MAAM;AAAA,QAmChC,oBAAoB;AAAA,QACpB,WAAU;AAAA,QACT,GAAG;AAAA,QAEH,oCAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC;AAAA;AAAA,IACrC;AAAA,EAEJ;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/cjs/createSheet.js
CHANGED
|
@@ -36,6 +36,7 @@ var import_SheetContext = require("./SheetContext");
|
|
|
36
36
|
var import_SheetImplementationCustom = require("./SheetImplementationCustom");
|
|
37
37
|
var import_SheetScrollView = require("./SheetScrollView");
|
|
38
38
|
var import_useSheetController = require("./useSheetController");
|
|
39
|
+
var import_useSheetOffscreenSize = require("./useSheetOffscreenSize");
|
|
39
40
|
function createSheet({ Handle, Frame, Overlay }) {
|
|
40
41
|
const SheetHandle = Handle.extractable(
|
|
41
42
|
({ __scopeSheet, ...props }) => {
|
|
@@ -96,7 +97,6 @@ function createSheet({ Handle, Frame, Overlay }) {
|
|
|
96
97
|
return null;
|
|
97
98
|
}
|
|
98
99
|
);
|
|
99
|
-
const SHEET_COVER_NAME = `${import_constants.SHEET_NAME}Cover`;
|
|
100
100
|
const SheetFrame = Frame.extractable(
|
|
101
101
|
(0, import_react.forwardRef)(
|
|
102
102
|
({
|
|
@@ -105,30 +105,35 @@ function createSheet({ Handle, Frame, Overlay }) {
|
|
|
105
105
|
...props
|
|
106
106
|
}, forwardedRef) => {
|
|
107
107
|
const context = (0, import_SheetContext.useSheetContext)(import_constants.SHEET_NAME, __scopeSheet);
|
|
108
|
-
const
|
|
108
|
+
const { removeScrollEnabled, frameSize, contentRef } = context;
|
|
109
|
+
const composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
|
|
110
|
+
const offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context);
|
|
109
111
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
110
112
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
111
113
|
import_remove_scroll.RemoveScroll,
|
|
112
114
|
{
|
|
113
115
|
forwardProps: true,
|
|
114
|
-
enabled:
|
|
116
|
+
enabled: removeScrollEnabled,
|
|
115
117
|
allowPinchZoom: true,
|
|
116
|
-
shards: [
|
|
118
|
+
shards: [contentRef],
|
|
117
119
|
removeScrollBar: false,
|
|
118
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.
|
|
120
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Frame, { ref: composedContentRef, height: frameSize, ...props, children: [
|
|
121
|
+
children,
|
|
122
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Stack, { "data-sheet-offscreen-pad": true, height: offscreenSize, width: "100%" })
|
|
123
|
+
] })
|
|
119
124
|
}
|
|
120
125
|
),
|
|
121
126
|
!props.disableHideBottomOverflow && // @ts-ignore
|
|
122
127
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
123
128
|
Frame,
|
|
124
129
|
{
|
|
125
|
-
componentName: SHEET_COVER_NAME,
|
|
126
130
|
...props,
|
|
131
|
+
componentName: "SheetCover",
|
|
127
132
|
children: null,
|
|
128
133
|
position: "absolute",
|
|
129
|
-
bottom:
|
|
134
|
+
bottom: "-50%",
|
|
130
135
|
zIndex: -1,
|
|
131
|
-
height: context.frameSize
|
|
136
|
+
height: context.frameSize,
|
|
132
137
|
left: 0,
|
|
133
138
|
right: 0,
|
|
134
139
|
borderWidth: 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createSheet.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Sheet"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var useSheetOffscreenSize_exports = {};
|
|
20
|
+
__export(useSheetOffscreenSize_exports, {
|
|
21
|
+
useSheetOffscreenSize: () => useSheetOffscreenSize
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(useSheetOffscreenSize_exports);
|
|
24
|
+
const useSheetOffscreenSize = ({
|
|
25
|
+
snapPoints,
|
|
26
|
+
position,
|
|
27
|
+
screenSize
|
|
28
|
+
}) => {
|
|
29
|
+
const maxPercentOpened = snapPoints[0] / 100;
|
|
30
|
+
const percentOpened = (snapPoints[position] || 0) / 100;
|
|
31
|
+
const percentHidden = 1 - maxPercentOpened - percentOpened;
|
|
32
|
+
const offscreenSize = percentHidden * screenSize;
|
|
33
|
+
return offscreenSize;
|
|
34
|
+
};
|
|
35
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
36
|
+
0 && (module.exports = {
|
|
37
|
+
useSheetOffscreenSize
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=useSheetOffscreenSize.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/useSheetOffscreenSize.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,mBAAmB,WAAW,CAAC,IAAI;AACzC,QAAM,iBAAiB,WAAW,QAAQ,KAAK,KAAK;AACpD,QAAM,gBAAgB,IAAI,mBAAmB;AAC7C,QAAM,gBAAgB,gBAAgB;AACtC,SAAO;AACT;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -96,7 +96,11 @@ function useSheetProviderProps(props, state, options = {}) {
|
|
|
96
96
|
scrollLock: false
|
|
97
97
|
}));
|
|
98
98
|
const removeScrollEnabled = props.forceRemoveScrollEnabled ?? (open && props.modal);
|
|
99
|
+
const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
|
|
100
|
+
const screenSize = frameSize / (maxSnapPoint / 100);
|
|
99
101
|
const providerProps = {
|
|
102
|
+
screenSize,
|
|
103
|
+
maxSnapPoint,
|
|
100
104
|
removeScrollEnabled,
|
|
101
105
|
scrollBridge,
|
|
102
106
|
modal: !!props.modal,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useSheetProviderProps.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,0BAA4B;AAC5B,oCAAqC;AACrC,mBAAiE;AAO1D,SAAS,sBACd,OACA,OACA,UAEI,CAAC,GACL;AACA,QAAM,aAAa,aAAAA,QAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAiB,CAAC;AACpD,QAAM,iBAAiB,MAAM,cAAc,CAAC,EAAE;AAE9C,QAAM,iBAAa;AAAA,IACjB,MAAO,MAAM,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI;AAAA;AAAA,IAE9D,CAAC,KAAK,UAAU,cAAc,GAAG,MAAM,qBAAqB;AAAA,EAC9D;AAGA,QAAM,CAAC,WAAW,oBAAoB,QAAI,oDAAqB;AAAA,IAC7D,MAAM,MAAM;AAAA,IACZ,aAAa,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,IACxD,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC;AAED,QAAM,WAAW,MAAM,SAAS,QAAQ,KAAK;AAE7C,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,kBAAc;AAAA,IAClB,CAAC,SAAiB;AAEhB,UAAI,MAAM,yBAAyB,SAAS,WAAW,SAAS,GAAG;AACjE,cAAM,QAAQ,KAAK;AAAA,MACrB,OAAO;AACL,6BAAqB,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,MAAM,uBAAuB,WAAW,QAAQ,sBAAsB,MAAM,OAAO;AAAA,EACtF;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,MAAM,yBAAyB,aAAa,WAAW,SAAS,GAAG;AAC7E,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,8BAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,aAAS,gCAAmB;AAClC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,QAAM,mBAAe,iCAA0B,OAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE;AAEF,QAAM,sBAAsB,MAAM,6BAA6B,QAAQ,MAAM;AAE7E,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC,MAAM;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,SAAS,MAAM;AAAA,IACf,QAAQ,CAAC,CAAC,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,oBAAoB,QAAQ;AAAA,IAC5B,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,SAAO;AACT;",
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,0BAA4B;AAC5B,oCAAqC;AACrC,mBAAiE;AAO1D,SAAS,sBACd,OACA,OACA,UAEI,CAAC,GACL;AACA,QAAM,aAAa,aAAAA,QAAM,OAAuB,IAAI;AACpD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAiB,CAAC;AACpD,QAAM,iBAAiB,MAAM,cAAc,CAAC,EAAE;AAE9C,QAAM,iBAAa;AAAA,IACjB,MAAO,MAAM,wBAAwB,CAAC,GAAG,gBAAgB,CAAC,IAAI;AAAA;AAAA,IAE9D,CAAC,KAAK,UAAU,cAAc,GAAG,MAAM,qBAAqB;AAAA,EAC9D;AAGA,QAAM,CAAC,WAAW,oBAAoB,QAAI,oDAAqB;AAAA,IAC7D,MAAM,MAAM;AAAA,IACZ,aAAa,MAAM,oBAAoB,MAAM,OAAO,IAAI;AAAA,IACxD,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,EACd,CAAC;AAED,QAAM,WAAW,MAAM,SAAS,QAAQ,KAAK;AAE7C,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,kBAAc;AAAA,IAClB,CAAC,SAAiB;AAEhB,UAAI,MAAM,yBAAyB,SAAS,WAAW,SAAS,GAAG;AACjE,cAAM,QAAQ,KAAK;AAAA,MACrB,OAAO;AACL,6BAAqB,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,CAAC,MAAM,uBAAuB,WAAW,QAAQ,sBAAsB,MAAM,OAAO;AAAA,EACtF;AAEA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,WAAW,KAAK,CAAC,MAAM,IAAI,KAAK,IAAI,GAAG,GAAG;AAC5C,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,QAAQ,MAAM,yBAAyB,aAAa,WAAW,SAAS,GAAG;AAC7E,yBAAqB,CAAC;AAAA,EACxB;AAGA,QAAM,wBAAwB,QAAQ,WAAW;AACjD,8BAAU,MAAM;AACd,QAAI,uBAAuB;AACzB,kBAAY,CAAC;AAAA,IACf;AAAA,EACF,GAAG,CAAC,aAAa,qBAAqB,CAAC;AAEvC,QAAM,aAAS,gCAAmB;AAClC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AAEA,QAAM,mBAAe,iCAA0B,OAAO;AAAA,IACpD,SAAS;AAAA,IACT,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM,MAAM;AAAA,IAAC;AAAA,IACb,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,YAAY;AAAA,EACd,EAAE;AAEF,QAAM,sBAAsB,MAAM,6BAA6B,QAAQ,MAAM;AAE7E,QAAM,eAAe,WAAW,OAAO,CAAC,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG,CAAC;AACzE,QAAM,aAAa,aAAa,eAAe;AAE/C,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC,MAAM;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,SAAS,MAAM;AAAA,IACf,QAAQ,CAAC,CAAC,MAAM;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,uBAAuB,MAAM,yBAAyB;AAAA,IACtD,oBAAoB,QAAQ;AAAA,IAC5B,OAAO,MAAM;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EACjB;AAEA,SAAO;AACT;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -40,6 +40,7 @@ const SheetImplementationCustom = themeable(
|
|
|
40
40
|
modal = false,
|
|
41
41
|
zIndex = parentSheet.zIndex + 1,
|
|
42
42
|
moveOnKeyboardChange = false,
|
|
43
|
+
unmountChildrenWhenHidden = false,
|
|
43
44
|
portalProps
|
|
44
45
|
} = props;
|
|
45
46
|
const keyboardIsVisible = useKeyboardVisible();
|
|
@@ -48,7 +49,16 @@ const SheetImplementationCustom = themeable(
|
|
|
48
49
|
const providerProps = useSheetProviderProps(props, state, {
|
|
49
50
|
onOverlayComponent: setOverlayComponent
|
|
50
51
|
});
|
|
51
|
-
const {
|
|
52
|
+
const {
|
|
53
|
+
frameSize,
|
|
54
|
+
setFrameSize,
|
|
55
|
+
snapPoints,
|
|
56
|
+
position,
|
|
57
|
+
setPosition,
|
|
58
|
+
scrollBridge,
|
|
59
|
+
screenSize,
|
|
60
|
+
maxSnapPoint
|
|
61
|
+
} = providerProps;
|
|
52
62
|
const { open, controller, isHidden } = state;
|
|
53
63
|
const sheetRef = useRef(null);
|
|
54
64
|
const ref = useComposedRefs(forwardedRef, sheetRef);
|
|
@@ -58,8 +68,6 @@ const SheetImplementationCustom = themeable(
|
|
|
58
68
|
const onInnerSheet = useCallback((hasChild) => {
|
|
59
69
|
setIsShowingInnerSheet(hasChild);
|
|
60
70
|
}, []);
|
|
61
|
-
const maxSnapPoint = snapPoints.reduce((prev, cur) => Math.max(prev, cur));
|
|
62
|
-
const screenSize = frameSize / (maxSnapPoint / 100);
|
|
63
71
|
const positions = useMemo(
|
|
64
72
|
() => snapPoints.map((point) => getPercentSize(point, screenSize)),
|
|
65
73
|
[frameSize, snapPoints]
|
|
@@ -82,7 +90,8 @@ const SheetImplementationCustom = themeable(
|
|
|
82
90
|
[zIndex]
|
|
83
91
|
);
|
|
84
92
|
const animatedNumber = useAnimatedNumber(HIDDEN_SIZE);
|
|
85
|
-
const at = useRef(
|
|
93
|
+
const at = useRef(HIDDEN_SIZE);
|
|
94
|
+
const currentId = useRef(0);
|
|
86
95
|
useAnimatedNumberReaction(
|
|
87
96
|
{
|
|
88
97
|
value: animatedNumber,
|
|
@@ -102,37 +111,43 @@ const SheetImplementationCustom = themeable(
|
|
|
102
111
|
scrollBridge.onFinishAnimate = void 0;
|
|
103
112
|
}
|
|
104
113
|
}
|
|
114
|
+
const hasntMeasured = at.current === HIDDEN_SIZE;
|
|
105
115
|
const animateTo = useEvent((position2) => {
|
|
106
|
-
const current = animatedNumber.getValue();
|
|
107
|
-
if (isHidden && open)
|
|
108
|
-
return;
|
|
109
|
-
if (!current)
|
|
110
|
-
return;
|
|
111
116
|
if (frameSize === 0)
|
|
112
117
|
return;
|
|
113
|
-
const
|
|
114
|
-
const toValue = isHidden || position2 === -1 ? hiddenValue : positions[position2];
|
|
118
|
+
const toValue = hasntMeasured || isHidden || position2 === -1 ? screenSize : positions[position2];
|
|
115
119
|
if (at.current === toValue)
|
|
116
120
|
return;
|
|
117
121
|
stopSpring();
|
|
118
|
-
if (isHidden) {
|
|
119
|
-
animatedNumber.setValue(
|
|
122
|
+
if (hasntMeasured || isHidden) {
|
|
123
|
+
animatedNumber.setValue(screenSize, {
|
|
120
124
|
type: "timing",
|
|
121
125
|
duration: 0
|
|
122
126
|
});
|
|
123
127
|
at.current = toValue;
|
|
124
|
-
|
|
128
|
+
if (isHidden) {
|
|
129
|
+
return;
|
|
130
|
+
}
|
|
125
131
|
}
|
|
126
|
-
const overshootClamping = at.current === HIDDEN_SIZE;
|
|
127
132
|
animatedNumber.setValue(toValue, {
|
|
128
133
|
...animationConfig,
|
|
129
|
-
type: "spring"
|
|
130
|
-
overshootClamping
|
|
134
|
+
type: "spring"
|
|
131
135
|
});
|
|
132
136
|
});
|
|
133
137
|
useIsomorphicLayoutEffect(() => {
|
|
138
|
+
if (screenSize && hasntMeasured) {
|
|
139
|
+
animatedNumber.setValue(screenSize, {
|
|
140
|
+
type: "timing",
|
|
141
|
+
duration: 0
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
}, [hasntMeasured, screenSize]);
|
|
145
|
+
useIsomorphicLayoutEffect(() => {
|
|
146
|
+
if (!frameSize || isHidden || hasntMeasured && !open) {
|
|
147
|
+
return;
|
|
148
|
+
}
|
|
134
149
|
animateTo(position);
|
|
135
|
-
}, [isHidden, frameSize,
|
|
150
|
+
}, [isHidden, frameSize, open, position]);
|
|
136
151
|
const disableDrag = props.disableDrag ?? (controller == null ? void 0 : controller.disableDrag);
|
|
137
152
|
const themeName = useThemeName();
|
|
138
153
|
const panResponder = useMemo(
|
|
@@ -229,11 +244,14 @@ const SheetImplementationCustom = themeable(
|
|
|
229
244
|
);
|
|
230
245
|
const handleAnimationViewLayout = useCallback(
|
|
231
246
|
(e) => {
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
247
|
+
const next = (() => {
|
|
248
|
+
var _a;
|
|
249
|
+
let _ = (_a = e.nativeEvent) == null ? void 0 : _a.layout.height;
|
|
250
|
+
if (isWeb && isTouchable && !open) {
|
|
251
|
+
_ += 100;
|
|
252
|
+
}
|
|
253
|
+
return _;
|
|
254
|
+
})();
|
|
237
255
|
if (!next)
|
|
238
256
|
return;
|
|
239
257
|
setFrameSize(next);
|
|
@@ -300,6 +318,7 @@ const SheetImplementationCustom = themeable(
|
|
|
300
318
|
zIndex,
|
|
301
319
|
width: "100%",
|
|
302
320
|
height: `${maxSnapPoint}%`,
|
|
321
|
+
minHeight: `${maxSnapPoint}%`,
|
|
303
322
|
opacity
|
|
304
323
|
},
|
|
305
324
|
animatedStyle
|
|
@@ -309,8 +328,9 @@ const SheetImplementationCustom = themeable(
|
|
|
309
328
|
)
|
|
310
329
|
] }) });
|
|
311
330
|
const adaptContext = useContext(AdaptParentContext);
|
|
331
|
+
const shouldMountChildren = Boolean(opacity || !unmountChildrenWhenHidden);
|
|
312
332
|
if (modal) {
|
|
313
|
-
const modalContents = /* @__PURE__ */ jsx(Portal, { zIndex, ...portalProps, children:
|
|
333
|
+
const modalContents = /* @__PURE__ */ jsx(Portal, { zIndex, ...portalProps, children: shouldMountChildren && /* @__PURE__ */ jsx(Theme, { forceClassName: true, name: themeName, children: /* @__PURE__ */ jsx(AdaptParentContext.Provider, { value: adaptContext, children: contents }) }) });
|
|
314
334
|
if (isWeb) {
|
|
315
335
|
return modalContents;
|
|
316
336
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetImplementationCustom.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AA0WQ,SAGE,KAHF;AA1WR,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAGE;AAAA,EAEA;AAAA,OAGK;AAEP,SAAS,aAAa,+BAA+B;AACrD,SAAS,oBAAoB,+BAA+B;AAC5D,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAE9B,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AAE/B,MAAM,4BAA4B;AAAA,EACvC,WAA6B,SAASA,2BAA0B,OAAO,cAAc;AACnF,UAAM,cAAc,WAAW,kBAAkB;AAEjD,UAAM;AAAA,MACJ;AAAA,MACA,QAAQ;AAAA,MACR,SAAS,YAAY,SAAS;AAAA,MAC9B,uBAAuB;AAAA,MACvB,4BAA4B;AAAA,MAC5B;AAAA,IACF,IAAI;AAEJ,UAAM,oBAAoB,mBAAmB;AAC7C,UAAM,QAAQ,kBAAkB,KAAK;AACrC,UAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAc,IAAI;AAClE,UAAM,gBAAgB,sBAAsB,OAAO,OAAO;AAAA,MACxD,oBAAoB;AAAA,IACtB,CAAC;AACD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI;AACJ,UAAM,EAAE,MAAM,YAAY,SAAS,IAAI;AAEvC,UAAM,WAAW,OAAa,IAAI;AAClC,UAAM,MAAM,gBAAgB,cAAc,QAAQ;AAKlD,UAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,KAAK;AACpE,UAAM,wBAAwB,CAAC,SAAS,SAAS;AACjD,UAAM,qBAAqB,WAAW,uBAAuB;AAC7D,UAAM,eAAe,YAAY,CAAC,aAAsB;AACtD,6BAAuB,QAAQ;AAAA,IACjC,GAAG,CAAC,CAAC;AAEL,UAAM,YAAY;AAAA,MAChB,MAAM,WAAW,IAAI,CAAC,UAAU,eAAe,OAAO,UAAU,CAAC;AAAA,MACjE,CAAC,WAAW,UAAU;AAAA,IACxB;AAEA,UAAM,SAAS,mBAAmB;AAClC,UAAM,EAAE,mBAAmB,wBAAwB,0BAA0B,IAC3E;AAGF,UAAM,eAAgB,OAAO,YAAY,KAAK,OAAO;AAErD,8BAA0B,MAAM;AAC9B,UAAI,EAAE,sBAAsB;AAAO;AACnC,yBAAmB,IAAI;AACvB,aAAO,MAAM;AACX,2BAAmB,KAAK;AAAA,MAC1B;AAAA,IACF,GAAG,CAAC,oBAAoB,IAAI,CAAC;AAE7B,UAAM,oBAAoB;AAAA,MACxB,OAAO;AAAA,QACL;AAAA,MACF;AAAA,MACA,CAAC,MAAM;AAAA,IACT;AAEA,UAAM,iBAAiB,kBAAkB,WAAW;AACpD,UAAM,KAAK,OAAO,WAAW;AAC7B,UAAM,YAAY,OAAO,CAAC;AAE1B;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,CAAC,UAAU;AACT,YAAI,CAAC,OAAO;AAAe;AAC3B,WAAG,UAAU;AACb,qBAAa,QAAQ;AAAA,MACvB;AAAA,IACF;AAEA,aAAS,aAAa;AACpB,qBAAe,KAAK;AACpB,UAAI,aAAa,iBAAiB;AAChC,qBAAa,gBAAgB;AAC7B,qBAAa,kBAAkB;AAAA,MACjC;AAAA,IACF;AAEA,UAAM,gBAAgB,GAAG,YAAY;AAErC,UAAM,YAAY,SAAS,CAACC,cAAqB;AAC/C,UAAI,cAAc;AAAG;AACrB,YAAM,UACJ,iBAAiB,YAAYA,cAAa,KAAK,aAAa,UAAUA,SAAQ;AAEhF,UAAI,GAAG,YAAY;AAAS;AAE5B,iBAAW;AAEX,UAAI,iBAAiB,UAAU;AAE7B,uBAAe,SAAS,YAAY;AAAA,UAClC,MAAM;AAAA,UACN,UAAU;AAAA,QACZ,CAAC;AACD,WAAG,UAAU;AAEb,YAAI,UAAU;AACZ;AAAA,QACF;AAAA,MACF;AAEA,qBAAe,SAAS,SAAS;AAAA,QAC/B,GAAG;AAAA,QACH,MAAM;AAAA,MACR,CAAC;AAAA,IACH,CAAC;AAED,8BAA0B,MAAM;AAC9B,UAAI,cAAc,eAAe;AAC/B,uBAAe,SAAS,YAAY;AAAA,UAClC,MAAM;AAAA,UACN,UAAU;AAAA,QACZ,CAAC;AAAA,MACH;AAAA,IACF,GAAG,CAAC,eAAe,UAAU,CAAC;AAE9B,8BAA0B,MAAM;AAC9B,UAAI,CAAC,aAAa,YAAa,iBAAiB,CAAC,MAAO;AACtD;AAAA,MACF;AACA,gBAAU,QAAQ;AAAA,IACpB,GAAG,CAAC,UAAU,WAAW,MAAM,QAAQ,CAAC;AAExC,UAAM,cAAc,MAAM,gBAAe,yCAAY;AACrD,UAAM,YAAY,aAAa;AAE/B,UAAM,eAAe;AAAA,MACnB,MAAM;AACJ,YAAI;AAAa;AACjB,YAAI,CAAC;AAAW;AAChB,YAAI;AAAqB;AAEzB,cAAM,OAAO,UAAU,CAAC;AACxB,qBAAa,WAAW;AACxB,YAAI,SAAS,GAAG;AAEhB,iBAAS,iBAAiB,KAAc;AACtC,cAAI,CAAC;AAAyB;AAC9B,cAAI,CAAC,KAAK;AACR,oCAAwB,YAAY;AAAA,UACtC,OAAO;AACL,oCAAwB,YACtB;AAAA,UACJ;AAAA,QACF;AAEA,cAAM,UAAU,CAAC,EAAE,IAAI,OAAO,MAAsC;AAClE,2BAAiB;AACjB,gCAAsB;AACtB,2BAAiB,KAAK;AACtB,gBAAMC,MAAK,SAAS;AAGpB,gBAAM,MAAMA,MAAK,YAAY,KAAK;AAClC,cAAI,eAAe;AACnB,cAAI,OAAO;AACX,mBAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,kBAAMD,YAAW,UAAU,CAAC;AAC5B,kBAAM,UAAU,MAAMA,YAAW,MAAMA,YAAWA,YAAW;AAC7D,gBAAI,UAAU,MAAM;AAClB,qBAAO;AACP,6BAAe;AAAA,YACjB;AAAA,UACF;AAEA,sBAAY,YAAY;AACxB,oBAAU,YAAY;AAAA,QACxB;AAEA,cAAM,SAAS,CAAC,IAA2BE,WAAoC;AAC7E,kBAAQ;AAAA,YACN,IAAIA,OAAM;AAAA,YACV,QAAQA,OAAM;AAAA,UAChB,CAAC;AAAA,QACH;AAEA,YAAI,sBAAsB;AAE1B,cAAM,kBAAkB,CACtB,IACA,EAAE,GAAG,MACF;AACH,gBAAM,aAAa,aAAa,MAAM;AACtC,gBAAM,eAAe,KAAK;AAE1B,gBAAM,YAAY,aAAa,QAAQ,KAAK,aAAa;AACzD,cAAI,YAAY;AACd,kCAAsB;AACtB,mBAAO;AAAA,UACT;AAEA,cAAI,WAAW;AACb,gBAAI,CAAC,cAAc,cAAc;AAC/B,qBAAO;AAAA,YACT;AAAA,UACF;AAEA,iBAAO,KAAK,IAAI,EAAE,IAAI;AAAA,QACxB;AAEA,cAAM,QAAQ,MAAM;AAClB,2BAAiB,IAAI;AACrB,qBAAW;AACX,mBAAS,GAAG;AAAA,QACd;AAEA,YAAI,iBAAiB;AAErB,qBAAa,OAAO,CAAC,OAAO;AAC1B,cAAI,CAAC,gBAAgB;AACnB,6BAAiB;AACjB,kBAAM;AAAA,UACR;AACA,gBAAM,KAAK,KAAK;AAChB,yBAAe,SAAS,SAAS,IAAI,IAAI,GAAG,EAAE,MAAM,SAAS,CAAC;AAAA,QAChE;AAEA,qBAAa,UAAU;AAEvB,eAAO,aAAa,OAAO;AAAA,UACzB,6BAA6B;AAAA,UAC7B,qBAAqB;AAAA,UACrB,oBAAoB,CAAC,IAAI,EAAE,GAAG,MAAM;AAClC,kBAAM,SAAS,KAAK;AACpB,kBAAM,KAAK,SAAS,QAAQ,IAAI;AAChC,2BAAe,SAAS,IAAI,EAAE,MAAM,SAAS,CAAC;AAAA,UAChD;AAAA,UACA,mBAAmB;AAAA,UACnB,yBAAyB;AAAA,UACzB,uBAAuB;AAAA,QACzB,CAAC;AAAA,MACH;AAAA;AAAA,MAEA,CAAC,aAAa,qBAAqB,WAAW,WAAW,WAAW,WAAW;AAAA,IACjF;AAEA,UAAM,4BAA4B;AAAA,MAChC,CAAC,MAAyB;AACxB,cAAM,QAAQ,MAAM;AAzS5B;AA0SU,cAAI,KAAI,OAAE,gBAAF,mBAAe,OAAO;AAC9B,cAAI,SAAS,eAAe,CAAC,MAAM;AAEjC,iBAAK;AAAA,UACP;AACA,iBAAO;AAAA,QACT,GAAG;AAEH,YAAI,CAAC;AAAM;AACX,qBAAa,IAAI;AAAA,MACnB;AAAA,MACA,CAAC,iBAAiB;AAAA,IACpB;AAEA,UAAM,gBAAgB,uBAAuB,gBAAgB,CAAC,QAAQ;AACpE;AACA,YAAM,aAAa,cAAc,IAAI,cAAc;AACnD,aAAO;AAAA,QACL,WAAW,CAAC,EAAE,WAAW,CAAC;AAAA,MAC5B;AAAA,IACF,CAAC;AAED,UAAM,qBAAqB,OAAsB,IAAI;AACrD,cAAU,MAAM;AACd,UAAI,SAAS,CAAC;AAAsB;AACpC,YAAM,0BAA0B,SAAS,YAAY,mBAAmB,CAAC,MAAM;AAC7E,YAAI,mBAAmB,YAAY;AAAM;AACzC,2BAAmB,UAAU,eAAe,SAAS;AACrD,uBAAe;AAAA,UACb,KAAK,IAAI,eAAe,SAAS,IAAI,EAAE,eAAe,QAAQ,CAAC;AAAA,QACjE;AAAA,MACF,CAAC;AACD,YAAM,0BAA0B,SAAS,YAAY,mBAAmB,MAAM;AAC5E,YAAI,mBAAmB,YAAY;AAAM;AACzC,uBAAe,SAAS,mBAAmB,OAAO;AAClD,2BAAmB,UAAU;AAAA,MAC/B,CAAC;AAED,aAAO,MAAM;AACX,gCAAwB,OAAO;AAC/B,gCAAwB,OAAO;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,oBAAoB,CAAC;AAIzB,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,OAAO,IAAI,CAAC;AACnD,QAAI,QAAQ,YAAY,GAAG;AACzB,iBAAW,CAAC;AAAA,IACd;AACA,cAAU,MAAM;AACd,UAAI,CAAC,MAAM;AAET,cAAM,KAAK,WAAW,MAAM;AAC1B,qBAAW,CAAC;AAAA,QACd,GAAG,GAAG;AACN,eAAO,MAAM;AACX,uBAAa,EAAE;AAAA,QACjB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,WACJ,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,mBAClC,+BAAC,iBAAe,GAAG,eAChB;AAAA,8BAAwB,OAAO;AAAA,MAEhC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACC,GAAG,6CAAc;AAAA,UAClB,UAAU;AAAA,UACV,eAAe,QAAQ,CAAC,wBAAwB,SAAS;AAAA,UAEzD,WAAW,MAAM;AAAA,UACjB,OAAO;AAAA,YACL;AAAA,cACE,UAAU;AAAA,cACV;AAAA,cACA,OAAO;AAAA,cACP,QAAQ,GAAG;AAAA,cACX,WAAW,GAAG;AAAA,cACd;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,UAEC,gBAAM;AAAA;AAAA,MACT;AAAA,OACF,GACF;AAGF,UAAM,eAAe,WAAW,kBAAkB;AAGlD,UAAM,sBAAsB,QAAQ,WAAW,CAAC,yBAAyB;AAEzE,QAAI,OAAO;AACT,YAAM,gBACJ,oBAAC,UAAO,QAAiB,GAAG,aACzB,iCACC,oBAAC,SAAM,gBAAc,MAAC,MAAM,WAC1B,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,cACjC,oBACH,GACF,GAEJ;AAGF,UAAI,OAAO;AACT,eAAO;AAAA,MACT;AAGA,aACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,cACtC,yBACH;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT,CAAC;AACH;AAEA,SAAS,eAAe,OAAgB,YAAqB;AAC3D,MAAI,CAAC;AAAY,WAAO;AACxB,MAAI,UAAU,QAAW;AACvB,YAAQ,KAAK,cAAc;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,MAAM,QAAQ;AACpB,QAAM,OAAO,KAAK,MAAM,aAAa,MAAM,UAAU;AAErD,SAAO;AACT;",
|
|
5
5
|
"names": ["SheetImplementationCustom", "position", "at", "state"]
|
|
6
6
|
}
|
|
@@ -1,22 +1,14 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import {
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { composeRefs } from "@tamagui/core";
|
|
3
3
|
import { ScrollView } from "@tamagui/scroll-view";
|
|
4
|
-
import { forwardRef, useMemo, useRef
|
|
4
|
+
import { forwardRef, useMemo, useRef } from "react";
|
|
5
5
|
import { useSheetContext } from "./SheetContext";
|
|
6
6
|
const SHEET_SCROLL_VIEW_NAME = "SheetScrollView";
|
|
7
7
|
const SheetScrollView = forwardRef(
|
|
8
8
|
({ __scopeSheet, children, ...props }, ref) => {
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
__scopeSheet
|
|
12
|
-
);
|
|
9
|
+
const context = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet);
|
|
10
|
+
const { scrollBridge } = context;
|
|
13
11
|
const scrollRef = useRef(null);
|
|
14
|
-
const percentOpened = snapPoints[position] ?? 0;
|
|
15
|
-
const [percentToPadBottom, setPercentToPadBottom] = useState(0);
|
|
16
|
-
const next = 100 - percentOpened;
|
|
17
|
-
if (open && next !== percentToPadBottom) {
|
|
18
|
-
setPercentToPadBottom(next);
|
|
19
|
-
}
|
|
20
12
|
const state = useRef({
|
|
21
13
|
lastPageY: 0,
|
|
22
14
|
dragAt: 0,
|
|
@@ -45,7 +37,7 @@ const SheetScrollView = forwardRef(
|
|
|
45
37
|
vy
|
|
46
38
|
});
|
|
47
39
|
};
|
|
48
|
-
return /* @__PURE__ */
|
|
40
|
+
return /* @__PURE__ */ jsx(
|
|
49
41
|
ScrollView,
|
|
50
42
|
{
|
|
51
43
|
ref: composeRefs(scrollRef, ref),
|
|
@@ -67,10 +59,7 @@ const SheetScrollView = forwardRef(
|
|
|
67
59
|
onResponderRelease: release,
|
|
68
60
|
className: "_ovs-contain",
|
|
69
61
|
...props,
|
|
70
|
-
children: [
|
|
71
|
-
useMemo(() => children, [children]),
|
|
72
|
-
/* @__PURE__ */ jsx(Stack, { height: percentToPadBottom / 100 * frameSize, width: 0 })
|
|
73
|
-
]
|
|
62
|
+
children: useMemo(() => children, [children])
|
|
74
63
|
}
|
|
75
64
|
);
|
|
76
65
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetScrollView.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAkEM;AAlEN,SAAyB,mBAAmB;AAC5C,SAAS,kBAAmC;AAC5C,SAAS,YAAY,SAAS,cAAc;AAG5C,SAAS,uBAAuB;AAShC,MAAM,yBAAyB;AAExB,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,cAAc,UAAU,GAAG,MAAM,GAAsC,QAAQ;AAChF,UAAM,UAAU,gBAAgB,wBAAwB,YAAY;AACpE,UAAM,EAAE,aAAa,IAAI;AAEzB,UAAM,YAAY,OAA4B,IAAI;AAclD,UAAM,QAAQ,OAAO;AAAA,MACnB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,KAAK,CAAC;AAAA;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,IACd,CAAC;AAED,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,MAAM,QAAQ,YAAY;AAC7B;AAAA,MACF;AACA,YAAM,QAAQ,aAAa;AAC3B,mBAAa,eAAe;AAC5B,YAAM,QAAQ,cAAc;AAE5B,UAAI,KAAK;AACT,UAAI,MAAM,QAAQ,IAAI,QAAQ;AAC5B,cAAM,YAAY,MAAM,QAAQ,IAAI,MAAM,GAAG;AAC7C,cAAM,OAAO,UAAU,SAAS,UAAU,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI;AACvE,cAAM,QAAQ,OAAO,UAAU;AAC/B,aAAK,QAAQ;AAAA,MACf;AACA,YAAM,QAAQ,MAAM,CAAC;AACrB,mBAAa,QAAQ;AAAA,QACnB,QAAQ,MAAM,QAAQ;AAAA,QACtB;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,YAAY,WAAkB,GAAG;AAAA,QACtC,MAAM;AAAA,QACN,qBAAqB;AAAA,QAErB,UAAU,CAAC,MAAM;AACf,gBAAM,EAAE,EAAE,IAAI,EAAE,YAAY;AAC5B,uBAAa,IAAI;AACjB,cAAI,IAAI,GAAG;AACT,yBAAa,eAAe;AAAA,UAC9B;AAAA,QACF;AAAA,QACA,2BAA2B,MAAM;AAC/B,uBAAa,eAAe;AAC5B,gBAAM,QAAQ,aAAa;AAC3B,iBAAO;AAAA,QACT;AAAA,QAEA,0BAA0B,MAAM;AAAA,QAmChC,oBAAoB;AAAA,QACpB,WAAU;AAAA,QACT,GAAG;AAAA,QAEH,kBAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC;AAAA;AAAA,IACrC;AAAA,EAEJ;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|