@tamagui/sheet 1.125.26 → 1.125.28
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.cjs +16 -6
- package/dist/cjs/SheetImplementationCustom.js +63 -51
- package/dist/cjs/SheetImplementationCustom.js.map +1 -1
- package/dist/cjs/SheetImplementationCustom.native.js +13 -7
- package/dist/cjs/SheetImplementationCustom.native.js.map +2 -2
- package/dist/cjs/SheetScrollView.cjs +14 -6
- package/dist/cjs/SheetScrollView.js +17 -6
- package/dist/cjs/SheetScrollView.js.map +1 -1
- package/dist/cjs/SheetScrollView.native.js +15 -6
- package/dist/cjs/SheetScrollView.native.js.map +2 -2
- package/dist/cjs/helpers.cjs +4 -6
- package/dist/cjs/helpers.js +4 -5
- package/dist/cjs/helpers.js.map +1 -1
- package/dist/cjs/helpers.native.js +4 -5
- package/dist/cjs/helpers.native.js.map +2 -2
- package/dist/cjs/nativeSheet.cjs +4 -1
- package/dist/cjs/nativeSheet.js +25 -14
- package/dist/cjs/nativeSheet.js.map +1 -1
- package/dist/cjs/nativeSheet.native.js +4 -0
- package/dist/cjs/nativeSheet.native.js.map +2 -2
- package/dist/cjs/useSheetProviderProps.js.map +1 -1
- package/dist/cjs/useSheetProviderProps.native.js.map +1 -1
- package/dist/esm/SheetImplementationCustom.js +64 -52
- package/dist/esm/SheetImplementationCustom.js.map +1 -1
- package/dist/esm/SheetImplementationCustom.mjs +17 -7
- package/dist/esm/SheetImplementationCustom.mjs.map +1 -1
- package/dist/esm/SheetImplementationCustom.native.js +16 -6
- package/dist/esm/SheetImplementationCustom.native.js.map +1 -1
- package/dist/esm/SheetScrollView.js +18 -7
- package/dist/esm/SheetScrollView.js.map +1 -1
- package/dist/esm/SheetScrollView.mjs +15 -7
- package/dist/esm/SheetScrollView.mjs.map +1 -1
- package/dist/esm/SheetScrollView.native.js +20 -8
- package/dist/esm/SheetScrollView.native.js.map +1 -1
- package/dist/esm/helpers.js +4 -5
- package/dist/esm/helpers.js.map +1 -1
- package/dist/esm/helpers.mjs +4 -6
- package/dist/esm/helpers.mjs.map +1 -1
- package/dist/esm/helpers.native.js +4 -8
- package/dist/esm/helpers.native.js.map +1 -1
- package/dist/esm/nativeSheet.js +25 -14
- package/dist/esm/nativeSheet.js.map +1 -1
- package/dist/esm/nativeSheet.mjs +3 -0
- package/dist/esm/nativeSheet.mjs.map +1 -1
- package/dist/esm/nativeSheet.native.js +3 -0
- package/dist/esm/nativeSheet.native.js.map +1 -1
- package/dist/esm/useSheetProviderProps.js.map +1 -1
- package/dist/esm/useSheetProviderProps.mjs.map +1 -1
- package/dist/esm/useSheetProviderProps.native.js.map +1 -1
- package/dist/jsx/SheetImplementationCustom.js +64 -52
- package/dist/jsx/SheetImplementationCustom.js.map +1 -1
- package/dist/jsx/SheetImplementationCustom.mjs +17 -7
- package/dist/jsx/SheetImplementationCustom.mjs.map +1 -1
- package/dist/jsx/SheetImplementationCustom.native.js +14 -8
- package/dist/jsx/SheetImplementationCustom.native.js.map +2 -2
- package/dist/jsx/SheetScrollView.js +18 -7
- package/dist/jsx/SheetScrollView.js.map +1 -1
- package/dist/jsx/SheetScrollView.mjs +15 -7
- package/dist/jsx/SheetScrollView.mjs.map +1 -1
- package/dist/jsx/SheetScrollView.native.js +16 -7
- package/dist/jsx/SheetScrollView.native.js.map +2 -2
- package/dist/jsx/helpers.js +4 -5
- package/dist/jsx/helpers.js.map +1 -1
- package/dist/jsx/helpers.mjs +4 -6
- package/dist/jsx/helpers.mjs.map +1 -1
- package/dist/jsx/helpers.native.js +4 -5
- package/dist/jsx/helpers.native.js.map +2 -2
- package/dist/jsx/nativeSheet.js +25 -14
- package/dist/jsx/nativeSheet.js.map +1 -1
- package/dist/jsx/nativeSheet.mjs +3 -0
- package/dist/jsx/nativeSheet.mjs.map +1 -1
- package/dist/jsx/nativeSheet.native.js +4 -0
- package/dist/jsx/nativeSheet.native.js.map +2 -2
- package/dist/jsx/useSheetProviderProps.js.map +1 -1
- package/dist/jsx/useSheetProviderProps.mjs.map +1 -1
- package/dist/jsx/useSheetProviderProps.native.js.map +1 -1
- package/package.json +19 -19
- package/src/SheetImplementationCustom.tsx +28 -8
- package/src/SheetScrollView.tsx +25 -6
- package/src/helpers.tsx +14 -7
- package/src/nativeSheet.tsx +10 -1
- package/src/useSheetProviderProps.tsx +4 -1
- package/types/SheetContext.d.ts +8 -104
- package/types/SheetContext.d.ts.map +1 -1
- package/types/SheetController.d.ts.map +1 -1
- package/types/SheetImplementationCustom.d.ts.map +1 -1
- package/types/SheetScrollView.d.ts.map +1 -1
- package/types/helpers.d.ts.map +1 -1
- package/types/nativeSheet.d.ts.map +1 -1
- package/types/useSheet.d.ts +1 -26
- package/types/useSheet.d.ts.map +1 -1
- package/types/useSheetOffscreenSize.d.ts.map +1 -1
- package/types/useSheetOpenState.d.ts.map +1 -1
- package/types/useSheetProviderProps.d.ts +4 -1
- package/types/useSheetProviderProps.d.ts.map +1 -1
|
@@ -16,7 +16,7 @@ import {
|
|
|
16
16
|
useThemeName,
|
|
17
17
|
} from '@tamagui/core'
|
|
18
18
|
import { Portal, USE_NATIVE_PORTAL } from '@tamagui/portal'
|
|
19
|
-
import React, { useState } from 'react'
|
|
19
|
+
import React, { useRef, useState } from 'react'
|
|
20
20
|
import type {
|
|
21
21
|
Animated,
|
|
22
22
|
GestureResponderEvent,
|
|
@@ -151,6 +151,8 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
|
|
|
151
151
|
const hasntMeasured = at.current === hiddenSize
|
|
152
152
|
const [disableAnimation, setDisableAnimation] = useState(hasntMeasured)
|
|
153
153
|
|
|
154
|
+
const hasScrollView = React.useRef(false)
|
|
155
|
+
|
|
154
156
|
useAnimatedNumberReaction(
|
|
155
157
|
{
|
|
156
158
|
value: animatedNumber,
|
|
@@ -227,6 +229,11 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
|
|
|
227
229
|
const disableDrag = props.disableDrag ?? controller?.disableDrag
|
|
228
230
|
const themeName = useThemeName()
|
|
229
231
|
const [isDragging, setIsDragging] = React.useState(false)
|
|
232
|
+
const scrollEnabled = useRef(true)
|
|
233
|
+
|
|
234
|
+
const setScrollEnabled = React.useCallback((val: boolean) => {
|
|
235
|
+
scrollEnabled.current = val
|
|
236
|
+
}, [])
|
|
230
237
|
|
|
231
238
|
const panResponder = React.useMemo(() => {
|
|
232
239
|
if (disableDrag) return
|
|
@@ -278,6 +285,7 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
|
|
|
278
285
|
// have to call both because state may not change but need to snap back
|
|
279
286
|
setPosition(closestPoint)
|
|
280
287
|
animateTo(closestPoint)
|
|
288
|
+
setScrollEnabled(closestPoint === 0 && dragAt <= 0)
|
|
281
289
|
}
|
|
282
290
|
|
|
283
291
|
const finish = (_e: GestureResponderEvent, state: PanResponderGestureState) => {
|
|
@@ -294,12 +302,19 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
|
|
|
294
302
|
{ dy }: PanResponderGestureState
|
|
295
303
|
) => {
|
|
296
304
|
// if dragging handle always allow:
|
|
297
|
-
if (
|
|
305
|
+
if (
|
|
306
|
+
e.target === providerProps.handleRef.current ||
|
|
307
|
+
!scrollEnabled.current ||
|
|
308
|
+
!hasScrollView.current
|
|
309
|
+
) {
|
|
298
310
|
return true
|
|
299
311
|
}
|
|
300
312
|
|
|
301
313
|
const isScrolled = scrollBridge.y !== 0
|
|
314
|
+
|
|
315
|
+
// Update the dragging direction
|
|
302
316
|
const isDraggingUp = dy < 0
|
|
317
|
+
|
|
303
318
|
// we can treat near top instead of exactly to avoid trouble with springs
|
|
304
319
|
const isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY
|
|
305
320
|
if (isScrolled) {
|
|
@@ -308,11 +323,8 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
|
|
|
308
323
|
}
|
|
309
324
|
// prevent drag once at top and pulling up
|
|
310
325
|
if (isNearTop) {
|
|
311
|
-
if (
|
|
312
|
-
|
|
313
|
-
if (!isWeb) {
|
|
314
|
-
return false
|
|
315
|
-
}
|
|
326
|
+
if (scrollEnabled.current && isDraggingUp) {
|
|
327
|
+
return false
|
|
316
328
|
}
|
|
317
329
|
}
|
|
318
330
|
// we could do some detection of other touchables and cancel here..
|
|
@@ -320,6 +332,7 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
|
|
|
320
332
|
}
|
|
321
333
|
|
|
322
334
|
const grant = () => {
|
|
335
|
+
setScrollEnabled(false)
|
|
323
336
|
setPanning(true)
|
|
324
337
|
stopSpring()
|
|
325
338
|
startY = at.current
|
|
@@ -438,6 +451,9 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
|
|
|
438
451
|
? `${maxSnapPoint}${isWeb ? 'dvh' : '%'}`
|
|
439
452
|
: maxSnapPoint
|
|
440
453
|
|
|
454
|
+
const setHasScrollView = React.useCallback((val: boolean) => {
|
|
455
|
+
hasScrollView.current = val
|
|
456
|
+
}, [])
|
|
441
457
|
// const id = useId()
|
|
442
458
|
// const { AdaptProvider, when, children } = useAdaptParent({
|
|
443
459
|
// scope: `${id}Sheet`,
|
|
@@ -446,7 +462,11 @@ export const SheetImplementationCustom = React.forwardRef<View, SheetProps>(
|
|
|
446
462
|
|
|
447
463
|
let contents = (
|
|
448
464
|
<ParentSheetContext.Provider value={nextParentContext}>
|
|
449
|
-
<SheetProvider
|
|
465
|
+
<SheetProvider
|
|
466
|
+
{...providerProps}
|
|
467
|
+
scrollEnabled={scrollEnabled.current}
|
|
468
|
+
setHasScrollView={setHasScrollView}
|
|
469
|
+
>
|
|
450
470
|
<AnimatePresence custom={{ open }}>
|
|
451
471
|
{shouldHideParentSheet || !open ? null : overlayComponent}
|
|
452
472
|
</AnimatePresence>
|
package/src/SheetScrollView.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React, { useEffect } from 'react'
|
|
2
2
|
import { composeRefs } from '@tamagui/compose-refs'
|
|
3
3
|
import type { GetRef } from '@tamagui/core'
|
|
4
4
|
import type { ScrollViewProps } from '@tamagui/scroll-view'
|
|
@@ -22,11 +22,17 @@ export const SheetScrollView = React.forwardRef<
|
|
|
22
22
|
ScrollViewProps
|
|
23
23
|
>(
|
|
24
24
|
(
|
|
25
|
-
{
|
|
25
|
+
{
|
|
26
|
+
__scopeSheet,
|
|
27
|
+
children,
|
|
28
|
+
onScroll,
|
|
29
|
+
scrollEnabled,
|
|
30
|
+
...props
|
|
31
|
+
}: SheetScopedProps<ScrollViewProps>,
|
|
26
32
|
ref
|
|
27
33
|
) => {
|
|
28
34
|
const context = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet)
|
|
29
|
-
const { scrollBridge } = context
|
|
35
|
+
const { scrollBridge, scrollEnabled: scrollEnabled_, setHasScrollView } = context
|
|
30
36
|
// const [scrollEnabled, setScrollEnabled_] = useState(true)
|
|
31
37
|
const scrollRef = React.useRef<RNScrollView | null>(null)
|
|
32
38
|
|
|
@@ -50,6 +56,13 @@ export const SheetScrollView = React.forwardRef<
|
|
|
50
56
|
isDragging: false,
|
|
51
57
|
})
|
|
52
58
|
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
setHasScrollView(true)
|
|
61
|
+
return () => {
|
|
62
|
+
setHasScrollView(false)
|
|
63
|
+
}
|
|
64
|
+
}, [])
|
|
65
|
+
|
|
53
66
|
const release = () => {
|
|
54
67
|
if (!state.current.isDragging) {
|
|
55
68
|
return
|
|
@@ -72,6 +85,9 @@ export const SheetScrollView = React.forwardRef<
|
|
|
72
85
|
})
|
|
73
86
|
}
|
|
74
87
|
|
|
88
|
+
// Override scrollEnabled if provided
|
|
89
|
+
const scrollable = scrollEnabled ?? scrollEnabled_
|
|
90
|
+
|
|
75
91
|
return (
|
|
76
92
|
<ScrollView
|
|
77
93
|
ref={composeRefs(scrollRef as any, ref)}
|
|
@@ -79,7 +95,10 @@ export const SheetScrollView = React.forwardRef<
|
|
|
79
95
|
scrollEventThrottle={8}
|
|
80
96
|
onResponderRelease={release}
|
|
81
97
|
className="_ovs-contain"
|
|
82
|
-
|
|
98
|
+
scrollEnabled={scrollable}
|
|
99
|
+
// {...(Platform.OS === 'android' && {
|
|
100
|
+
// pointerEvents: scrollable ? undefined : 'none',
|
|
101
|
+
// })}
|
|
83
102
|
onScroll={(e) => {
|
|
84
103
|
const { y } = e.nativeEvent.contentOffset
|
|
85
104
|
scrollBridge.y = y
|
|
@@ -101,10 +120,10 @@ export const SheetScrollView = React.forwardRef<
|
|
|
101
120
|
onStartShouldSetResponder={() => {
|
|
102
121
|
scrollBridge.scrollStartY = -1
|
|
103
122
|
state.current.isDragging = true
|
|
104
|
-
return
|
|
123
|
+
return scrollable
|
|
105
124
|
}}
|
|
106
125
|
// setting to false while onResponderMove is disabled
|
|
107
|
-
onMoveShouldSetResponder={() =>
|
|
126
|
+
onMoveShouldSetResponder={() => scrollable}
|
|
108
127
|
// somehow disabling works better, regression, no more nice drag continue scroll
|
|
109
128
|
// onResponderMove={(e) => {
|
|
110
129
|
// const { pageY } = e.nativeEvent
|
package/src/helpers.tsx
CHANGED
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
export function resisted(y: number, minY: number, maxOverflow = 25) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const diminishBy = 1.1 - 0.15 ** pctPast
|
|
6
|
-
const extra = -diminishBy * maxOverflow
|
|
7
|
-
return minY + extra
|
|
2
|
+
// If we're not past the boundary, return the original position
|
|
3
|
+
if (y >= minY) {
|
|
4
|
+
return y
|
|
8
5
|
}
|
|
9
|
-
|
|
6
|
+
|
|
7
|
+
// Calculate how far we've gone past the boundary
|
|
8
|
+
const pastBoundary = minY - y
|
|
9
|
+
|
|
10
|
+
// Use a square root function for very gentle resistance
|
|
11
|
+
// This creates a milder resistance curve than logarithmic
|
|
12
|
+
// Reduced multiplier from 1.5 to 1.0 for even less resistance
|
|
13
|
+
const resistedDistance = Math.sqrt(pastBoundary) * 2
|
|
14
|
+
|
|
15
|
+
// Return the position with resistance applied
|
|
16
|
+
return minY - resistedDistance
|
|
10
17
|
}
|
|
11
18
|
|
|
12
19
|
// // set all the way off screen
|
package/src/nativeSheet.tsx
CHANGED
|
@@ -59,7 +59,12 @@ export function setupNativeSheet(
|
|
|
59
59
|
|
|
60
60
|
return (
|
|
61
61
|
<>
|
|
62
|
-
<SheetProvider
|
|
62
|
+
<SheetProvider
|
|
63
|
+
scrollEnabled
|
|
64
|
+
setHasScrollView={emptyFn}
|
|
65
|
+
{...providerProps}
|
|
66
|
+
onlyShowFrame
|
|
67
|
+
>
|
|
63
68
|
<ModalSheetView ref={ref} onModalDidDismiss={() => setOpenInternal(false)}>
|
|
64
69
|
<ModalSheetViewMainContent>
|
|
65
70
|
<View style={{ flex: 1 }}>{props.children}</View>
|
|
@@ -83,3 +88,7 @@ export function setupNativeSheet(
|
|
|
83
88
|
}
|
|
84
89
|
}
|
|
85
90
|
}
|
|
91
|
+
|
|
92
|
+
const emptyFn = () => {
|
|
93
|
+
// TODO
|
|
94
|
+
}
|
|
@@ -7,7 +7,10 @@ import { useControllableState } from '@tamagui/use-controllable-state'
|
|
|
7
7
|
import type { ScrollBridge, SheetProps } from './types'
|
|
8
8
|
import type { SheetOpenState } from './useSheetOpenState'
|
|
9
9
|
|
|
10
|
-
export type SheetContextValue = ReturnType<typeof useSheetProviderProps>
|
|
10
|
+
export type SheetContextValue = ReturnType<typeof useSheetProviderProps> & {
|
|
11
|
+
scrollEnabled: boolean
|
|
12
|
+
setHasScrollView: (val: boolean) => void
|
|
13
|
+
}
|
|
11
14
|
|
|
12
15
|
export function useSheetProviderProps(
|
|
13
16
|
props: SheetProps,
|
package/types/SheetContext.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { SheetContextValue } from './useSheetProviderProps';
|
|
1
2
|
export declare const createSheetContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType) => readonly [(props: ContextValueType & {
|
|
2
3
|
scope: import("@tamagui/create-context").Scope<ContextValueType>;
|
|
3
4
|
children: React.ReactNode;
|
|
@@ -31,110 +32,13 @@ export declare const SheetProvider: (props: {
|
|
|
31
32
|
setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
32
33
|
onlyShowFrame: boolean;
|
|
33
34
|
} & {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
scrollBridge: import("./types").ScrollBridge;
|
|
39
|
-
modal: boolean;
|
|
40
|
-
open: boolean;
|
|
41
|
-
setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
42
|
-
hidden: boolean;
|
|
43
|
-
contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
44
|
-
handleRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
45
|
-
frameSize: number;
|
|
46
|
-
setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
47
|
-
dismissOnOverlayPress: boolean;
|
|
48
|
-
dismissOnSnapToBottom: boolean;
|
|
49
|
-
onOverlayComponent: ((comp: any) => void) | undefined;
|
|
50
|
-
scope: import("@tamagui/create-context").Scope<any>;
|
|
51
|
-
hasFit: boolean;
|
|
52
|
-
position: number;
|
|
53
|
-
snapPoints: (string | number)[];
|
|
54
|
-
snapPointsMode: import("./types").SnapPointsMode;
|
|
55
|
-
setMaxContentSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
56
|
-
setPosition: (next: number) => void;
|
|
57
|
-
setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
58
|
-
onlyShowFrame: boolean;
|
|
59
|
-
}>;
|
|
35
|
+
scrollEnabled: boolean;
|
|
36
|
+
setHasScrollView: (val: boolean) => void;
|
|
37
|
+
} & {
|
|
38
|
+
scope: import("@tamagui/create-context").Scope<SheetContextValue>;
|
|
60
39
|
children: React.ReactNode;
|
|
61
|
-
}) => import("react/jsx-runtime").JSX.Element, useSheetContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<{
|
|
62
|
-
screenSize: number;
|
|
63
|
-
maxSnapPoint: string | number;
|
|
64
|
-
removeScrollEnabled: boolean | undefined;
|
|
65
|
-
scrollBridge: import("./types").ScrollBridge;
|
|
66
|
-
modal: boolean;
|
|
67
|
-
open: boolean;
|
|
68
|
-
setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
69
|
-
hidden: boolean;
|
|
70
|
-
contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
71
|
-
handleRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
72
|
-
frameSize: number;
|
|
73
|
-
setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
74
|
-
dismissOnOverlayPress: boolean;
|
|
75
|
-
dismissOnSnapToBottom: boolean;
|
|
76
|
-
onOverlayComponent: ((comp: any) => void) | undefined;
|
|
77
|
-
scope: import("@tamagui/create-context").Scope<any>;
|
|
78
|
-
hasFit: boolean;
|
|
79
|
-
position: number;
|
|
80
|
-
snapPoints: (string | number)[];
|
|
81
|
-
snapPointsMode: import("./types").SnapPointsMode;
|
|
82
|
-
setMaxContentSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
83
|
-
setPosition: (next: number) => void;
|
|
84
|
-
setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
85
|
-
onlyShowFrame: boolean;
|
|
86
|
-
} | undefined>, options?: {
|
|
40
|
+
}) => import("react/jsx-runtime").JSX.Element, useSheetContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SheetContextValue | undefined>, options?: {
|
|
87
41
|
warn?: boolean;
|
|
88
|
-
fallback?: Partial<
|
|
89
|
-
|
|
90
|
-
maxSnapPoint: string | number;
|
|
91
|
-
removeScrollEnabled: boolean | undefined;
|
|
92
|
-
scrollBridge: import("./types").ScrollBridge;
|
|
93
|
-
modal: boolean;
|
|
94
|
-
open: boolean;
|
|
95
|
-
setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
96
|
-
hidden: boolean;
|
|
97
|
-
contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
98
|
-
handleRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
99
|
-
frameSize: number;
|
|
100
|
-
setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
101
|
-
dismissOnOverlayPress: boolean;
|
|
102
|
-
dismissOnSnapToBottom: boolean;
|
|
103
|
-
onOverlayComponent: ((comp: any) => void) | undefined;
|
|
104
|
-
scope: import("@tamagui/create-context").Scope<any>;
|
|
105
|
-
hasFit: boolean;
|
|
106
|
-
position: number;
|
|
107
|
-
snapPoints: (string | number)[];
|
|
108
|
-
snapPointsMode: import("./types").SnapPointsMode;
|
|
109
|
-
setMaxContentSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
110
|
-
setPosition: (next: number) => void;
|
|
111
|
-
setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
112
|
-
onlyShowFrame: boolean;
|
|
113
|
-
}> | undefined;
|
|
114
|
-
} | undefined) => {
|
|
115
|
-
screenSize: number;
|
|
116
|
-
maxSnapPoint: string | number;
|
|
117
|
-
removeScrollEnabled: boolean | undefined;
|
|
118
|
-
scrollBridge: import("./types").ScrollBridge;
|
|
119
|
-
modal: boolean;
|
|
120
|
-
open: boolean;
|
|
121
|
-
setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
122
|
-
hidden: boolean;
|
|
123
|
-
contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
124
|
-
handleRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
125
|
-
frameSize: number;
|
|
126
|
-
setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
127
|
-
dismissOnOverlayPress: boolean;
|
|
128
|
-
dismissOnSnapToBottom: boolean;
|
|
129
|
-
onOverlayComponent: ((comp: any) => void) | undefined;
|
|
130
|
-
scope: import("@tamagui/create-context").Scope<any>;
|
|
131
|
-
hasFit: boolean;
|
|
132
|
-
position: number;
|
|
133
|
-
snapPoints: (string | number)[];
|
|
134
|
-
snapPointsMode: import("./types").SnapPointsMode;
|
|
135
|
-
setMaxContentSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
136
|
-
setPosition: (next: number) => void;
|
|
137
|
-
setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
138
|
-
onlyShowFrame: boolean;
|
|
139
|
-
};
|
|
42
|
+
fallback?: Partial<SheetContextValue> | undefined;
|
|
43
|
+
} | undefined) => SheetContextValue;
|
|
140
44
|
//# sourceMappingURL=SheetContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../src/SheetContext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../src/SheetContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAEhE,eAAO,MAAO,kBAAkB;;cAMqiB,MAAO,SAAS;aAAe,mBAAmB,2HAAyF,CAAC;QAAS,CAAC;YAAoB,CAAC;yBAN9sB,gBAAgB,+CAAkC,CAAA;AAEpF,eAAO,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAI0iB,MAAO,SAAS;aAAe,mBAAmB,eAJ1lB,eAAe;;;mCAG3C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SheetController.d.ts","sourceRoot":"","sources":["../src/SheetController.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAGvE,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"SheetController.d.ts","sourceRoot":"","sources":["../src/SheetController.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAGvE,eAAO,MAAM,eAAe,GAAI,wDAI7B,OAAO,CAAC,2BAA2B,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,4CAkBjE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":"AAkBA,OAAO,
|
|
1
|
+
{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAO/C,OAAO,EAAsC,IAAI,EAAE,MAAM,cAAc,CAAA;AAIvE,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAWzD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;yBAOhC,MAAM,aACT;;;8BAggBF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SheetScrollView.d.ts","sourceRoot":"","sources":["../src/SheetScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SheetScrollView.d.ts","sourceRoot":"","sources":["../src/SheetScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,KAAK,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAa9D,eAAO,MAAM,eAAe;oDARf,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;;;oDAA3F,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;oDAA3F,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;;;oDAA3F,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;oDAA3F,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;;wCA2JvG,CAAA"}
|
package/types/helpers.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,SAAK,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,SAAK,UAgBjE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nativeSheet.d.ts","sourceRoot":"","sources":["../src/nativeSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAI9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAMzC,KAAK,oBAAoB,GAAG,KAAK,CAAA;AAMjC,wBAAgB,cAAc,CAAC,QAAQ,EAAE,oBAAoB,wCAE5D;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,oBAAoB,EAC9B,UAAU,EAAE;IAAE,cAAc,EAAE,GAAG,CAAC;IAAC,yBAAyB,EAAE,GAAG,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"nativeSheet.d.ts","sourceRoot":"","sources":["../src/nativeSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAI9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAMzC,KAAK,oBAAoB,GAAG,KAAK,CAAA;AAMjC,wBAAgB,cAAc,CAAC,QAAQ,EAAE,oBAAoB,wCAE5D;AAED,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,oBAAoB,EAC9B,UAAU,EAAE;IAAE,cAAc,EAAE,GAAG,CAAC;IAAC,yBAAyB,EAAE,GAAG,CAAA;CAAE,QAkEpE"}
|
package/types/useSheet.d.ts
CHANGED
|
@@ -1,27 +1,2 @@
|
|
|
1
|
-
export declare const useSheet: () =>
|
|
2
|
-
screenSize: number;
|
|
3
|
-
maxSnapPoint: string | number;
|
|
4
|
-
removeScrollEnabled: boolean | undefined;
|
|
5
|
-
scrollBridge: import("./types").ScrollBridge;
|
|
6
|
-
modal: boolean;
|
|
7
|
-
open: boolean;
|
|
8
|
-
setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
9
|
-
hidden: boolean;
|
|
10
|
-
contentRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
11
|
-
handleRef: import("react").RefObject<import("@tamagui/web").TamaguiElement>;
|
|
12
|
-
frameSize: number;
|
|
13
|
-
setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
14
|
-
dismissOnOverlayPress: boolean;
|
|
15
|
-
dismissOnSnapToBottom: boolean;
|
|
16
|
-
onOverlayComponent: ((comp: any) => void) | undefined;
|
|
17
|
-
scope: import("@tamagui/create-context").Scope<any>;
|
|
18
|
-
hasFit: boolean;
|
|
19
|
-
position: number;
|
|
20
|
-
snapPoints: (string | number)[];
|
|
21
|
-
snapPointsMode: import("./types").SnapPointsMode;
|
|
22
|
-
setMaxContentSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
23
|
-
setPosition: (next: number) => void;
|
|
24
|
-
setPositionImmediate: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
25
|
-
onlyShowFrame: boolean;
|
|
26
|
-
};
|
|
1
|
+
export declare const useSheet: () => import("./useSheetProviderProps").SheetContextValue;
|
|
27
2
|
//# sourceMappingURL=useSheet.d.ts.map
|
package/types/useSheet.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheet.d.ts","sourceRoot":"","sources":["../src/useSheet.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"useSheet.d.ts","sourceRoot":"","sources":["../src/useSheet.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,2DAAuC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetOffscreenSize.d.ts","sourceRoot":"","sources":["../src/useSheetOffscreenSize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAEhE,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"useSheetOffscreenSize.d.ts","sourceRoot":"","sources":["../src/useSheetOffscreenSize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAEhE,eAAO,MAAM,qBAAqB,GAAI,kEAMnC,iBAAiB,WAwCnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetOpenState.d.ts","sourceRoot":"","sources":["../src/useSheetOpenState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"useSheetOpenState.d.ts","sourceRoot":"","sources":["../src/useSheetOpenState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,eAAO,MAAM,iBAAiB,GAAI,OAAO,UAAU;;;;;CAsBlD,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA"}
|
|
@@ -2,7 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import type { TamaguiElement } from '@tamagui/core';
|
|
3
3
|
import type { ScrollBridge, SheetProps } from './types';
|
|
4
4
|
import type { SheetOpenState } from './useSheetOpenState';
|
|
5
|
-
export type SheetContextValue = ReturnType<typeof useSheetProviderProps
|
|
5
|
+
export type SheetContextValue = ReturnType<typeof useSheetProviderProps> & {
|
|
6
|
+
scrollEnabled: boolean;
|
|
7
|
+
setHasScrollView: (val: boolean) => void;
|
|
8
|
+
};
|
|
6
9
|
export declare function useSheetProviderProps(props: SheetProps, state: SheetOpenState, options?: {
|
|
7
10
|
onOverlayComponent?: (comp: any) => void;
|
|
8
11
|
}): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetProviderProps.d.ts","sourceRoot":"","sources":["../src/useSheetProviderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEzD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"useSheetProviderProps.d.ts","sourceRoot":"","sources":["../src/useSheetProviderProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEzD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,GAAG;IACzE,aAAa,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE;IACP,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;CACpC;;;;;;;;;;;;;;;gCADwB,GAAG,KAAK,IAAI;;;;;;;wBAqCjC,MAAM;;;EAqIhB"}
|