@tamagui/sheet 3.0.0-beta.924.1 → 3.0.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/Sheet.cjs +48 -16
- package/dist/cjs/Sheet.native.cjs +46 -17
- package/dist/cjs/Sheet.native.js +46 -17
- package/dist/cjs/Sheet.native.js.map +1 -1
- package/dist/cjs/SheetDragSurface.cjs +50 -0
- package/dist/{jsx/GestureDetectorWrapper.native.js → cjs/SheetDragSurface.native.cjs} +24 -12
- package/dist/cjs/{GestureDetectorWrapper.native.js → SheetDragSurface.native.js} +25 -11
- package/dist/cjs/SheetDragSurface.native.js.map +1 -0
- package/dist/cjs/SheetImplementationCustom.cjs +41 -58
- package/dist/cjs/SheetImplementationCustom.native.cjs +43 -59
- package/dist/cjs/SheetImplementationCustom.native.js +43 -59
- package/dist/cjs/SheetImplementationCustom.native.js.map +1 -1
- package/dist/cjs/SheetScrollView.cjs +15 -3
- package/dist/cjs/SheetScrollView.native.cjs +17 -4
- package/dist/cjs/SheetScrollView.native.js +17 -4
- package/dist/cjs/SheetScrollView.native.js.map +1 -1
- package/dist/cjs/nativeSheet.cjs +3 -59
- package/dist/cjs/nativeSheet.native.cjs +70 -58
- package/dist/cjs/nativeSheet.native.js +70 -58
- package/dist/cjs/nativeSheet.native.js.map +1 -1
- package/dist/cjs/stableViewportHeight.cjs +27 -0
- package/dist/cjs/stableViewportHeight.native.cjs +29 -0
- package/dist/cjs/stableViewportHeight.native.js +31 -0
- package/dist/cjs/stableViewportHeight.native.js.map +1 -0
- package/dist/cjs/useSheetOffscreenSize.cjs +3 -1
- package/dist/cjs/useSheetOffscreenSize.native.cjs +3 -2
- package/dist/cjs/useSheetOffscreenSize.native.js +3 -2
- package/dist/cjs/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/cjs/useSheetOpenState.cjs +13 -6
- package/dist/cjs/useSheetOpenState.native.cjs +15 -5
- package/dist/cjs/useSheetOpenState.native.js +15 -5
- package/dist/cjs/useSheetOpenState.native.js.map +1 -1
- package/dist/cjs/useSheetProviderProps.cjs +5 -94
- package/dist/cjs/useSheetProviderProps.native.cjs +5 -103
- package/dist/cjs/useSheetProviderProps.native.js +5 -103
- package/dist/cjs/useSheetProviderProps.native.js.map +1 -1
- package/dist/cjs/useSheetState.cjs +120 -0
- package/dist/cjs/useSheetState.native.cjs +131 -0
- package/dist/cjs/useSheetState.native.js +133 -0
- package/dist/cjs/useSheetState.native.js.map +1 -0
- package/dist/esm/Sheet.mjs +48 -15
- package/dist/esm/Sheet.mjs.map +1 -1
- package/dist/esm/Sheet.native.js +46 -17
- package/dist/esm/Sheet.native.js.map +1 -1
- package/dist/esm/SheetDragSurface.mjs +25 -0
- package/dist/esm/SheetDragSurface.mjs.map +1 -0
- package/dist/esm/SheetDragSurface.native.js +34 -0
- package/dist/esm/SheetDragSurface.native.js.map +1 -0
- package/dist/esm/SheetImplementationCustom.mjs +39 -56
- package/dist/esm/SheetImplementationCustom.mjs.map +1 -1
- package/dist/esm/SheetImplementationCustom.native.js +41 -57
- package/dist/esm/SheetImplementationCustom.native.js.map +1 -1
- package/dist/esm/SheetScrollView.mjs +16 -4
- package/dist/esm/SheetScrollView.mjs.map +1 -1
- package/dist/esm/SheetScrollView.native.js +18 -5
- package/dist/esm/SheetScrollView.native.js.map +1 -1
- package/dist/esm/nativeSheet.mjs +3 -60
- package/dist/esm/nativeSheet.mjs.map +1 -1
- package/dist/esm/nativeSheet.native.js +70 -58
- package/dist/esm/nativeSheet.native.js.map +1 -1
- package/dist/esm/stableViewportHeight.mjs +8 -0
- package/dist/esm/stableViewportHeight.mjs.map +1 -0
- package/dist/esm/stableViewportHeight.native.js +8 -0
- package/dist/esm/stableViewportHeight.native.js.map +1 -0
- package/dist/esm/useKeyboardControllerSheet.native.js +0 -5
- package/dist/esm/useSheetOffscreenSize.mjs +3 -1
- package/dist/esm/useSheetOffscreenSize.mjs.map +1 -1
- package/dist/esm/useSheetOffscreenSize.native.js +3 -2
- package/dist/esm/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/esm/useSheetOpenState.mjs +14 -7
- package/dist/esm/useSheetOpenState.mjs.map +1 -1
- package/dist/esm/useSheetOpenState.native.js +16 -6
- package/dist/esm/useSheetOpenState.native.js.map +1 -1
- package/dist/esm/useSheetProviderProps.mjs +5 -88
- package/dist/esm/useSheetProviderProps.mjs.map +1 -1
- package/dist/esm/useSheetProviderProps.native.js +5 -97
- package/dist/esm/useSheetProviderProps.native.js.map +1 -1
- package/dist/esm/useSheetState.mjs +95 -0
- package/dist/esm/useSheetState.mjs.map +1 -0
- package/dist/esm/useSheetState.native.js +104 -0
- package/dist/esm/useSheetState.native.js.map +1 -0
- package/dist/jsx/Sheet.mjs +48 -15
- package/dist/jsx/Sheet.mjs.map +1 -1
- package/dist/jsx/Sheet.native.cjs +46 -17
- package/dist/jsx/Sheet.native.js +46 -17
- package/dist/jsx/Sheet.native.js.map +1 -1
- package/dist/jsx/SheetDragSurface.mjs +25 -0
- package/dist/jsx/SheetDragSurface.mjs.map +1 -0
- package/dist/{cjs/GestureDetectorWrapper.native.cjs → jsx/SheetDragSurface.native.cjs} +24 -10
- package/dist/jsx/{GestureDetectorWrapper.native.cjs → SheetDragSurface.native.js} +26 -10
- package/dist/jsx/SheetDragSurface.native.js.map +1 -0
- package/dist/jsx/SheetImplementationCustom.mjs +39 -56
- package/dist/jsx/SheetImplementationCustom.mjs.map +1 -1
- package/dist/jsx/SheetImplementationCustom.native.cjs +43 -59
- package/dist/jsx/SheetImplementationCustom.native.js +43 -59
- package/dist/jsx/SheetImplementationCustom.native.js.map +1 -1
- package/dist/jsx/SheetScrollView.mjs +16 -4
- package/dist/jsx/SheetScrollView.mjs.map +1 -1
- package/dist/jsx/SheetScrollView.native.cjs +17 -4
- package/dist/jsx/SheetScrollView.native.js +17 -4
- package/dist/jsx/SheetScrollView.native.js.map +1 -1
- package/dist/jsx/nativeSheet.mjs +3 -60
- package/dist/jsx/nativeSheet.mjs.map +1 -1
- package/dist/jsx/nativeSheet.native.cjs +70 -58
- package/dist/jsx/nativeSheet.native.js +70 -58
- package/dist/jsx/nativeSheet.native.js.map +1 -1
- package/dist/jsx/stableViewportHeight.mjs +8 -0
- package/dist/jsx/stableViewportHeight.mjs.map +1 -0
- package/dist/jsx/stableViewportHeight.native.cjs +29 -0
- package/dist/jsx/stableViewportHeight.native.js +31 -0
- package/dist/jsx/stableViewportHeight.native.js.map +1 -0
- package/dist/jsx/useSheetOffscreenSize.mjs +3 -1
- package/dist/jsx/useSheetOffscreenSize.mjs.map +1 -1
- package/dist/jsx/useSheetOffscreenSize.native.cjs +3 -2
- package/dist/jsx/useSheetOffscreenSize.native.js +3 -2
- package/dist/jsx/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/jsx/useSheetOpenState.mjs +14 -7
- package/dist/jsx/useSheetOpenState.mjs.map +1 -1
- package/dist/jsx/useSheetOpenState.native.cjs +15 -5
- package/dist/jsx/useSheetOpenState.native.js +15 -5
- package/dist/jsx/useSheetOpenState.native.js.map +1 -1
- package/dist/jsx/useSheetProviderProps.mjs +5 -88
- package/dist/jsx/useSheetProviderProps.mjs.map +1 -1
- package/dist/jsx/useSheetProviderProps.native.cjs +5 -103
- package/dist/jsx/useSheetProviderProps.native.js +5 -103
- package/dist/jsx/useSheetProviderProps.native.js.map +1 -1
- package/dist/jsx/useSheetState.mjs +95 -0
- package/dist/jsx/useSheetState.mjs.map +1 -0
- package/dist/jsx/useSheetState.native.cjs +131 -0
- package/dist/jsx/useSheetState.native.js +133 -0
- package/dist/jsx/useSheetState.native.js.map +1 -0
- package/package.json +27 -22
- package/src/Sheet.tsx +45 -18
- package/src/SheetDragSurface.native.tsx +42 -0
- package/src/SheetDragSurface.tsx +40 -0
- package/src/SheetImplementationCustom.tsx +67 -92
- package/src/SheetScrollView.tsx +26 -4
- package/src/nativeSheet.native.tsx +110 -0
- package/src/nativeSheet.ts +16 -0
- package/src/stableViewportHeight.native.ts +9 -0
- package/src/stableViewportHeight.ts +15 -0
- package/src/types.tsx +44 -1
- package/src/useSheetOffscreenSize.tsx +3 -7
- package/src/useSheetOpenState.tsx +18 -8
- package/src/useSheetProviderProps.tsx +18 -149
- package/src/useSheetScrollViewGestures.native.ts +4 -1
- package/src/useSheetState.tsx +139 -0
- package/types/Sheet.d.ts +71 -167
- package/types/Sheet.d.ts.map +1 -1
- package/types/SheetDragSurface.d.ts +11 -0
- package/types/SheetDragSurface.d.ts.map +1 -0
- package/types/SheetDragSurface.native.d.ts +11 -0
- package/types/SheetDragSurface.native.d.ts.map +1 -0
- package/types/SheetImplementationCustom.d.ts +1 -2
- package/types/SheetImplementationCustom.d.ts.map +1 -1
- package/types/SheetScrollView.d.ts +3 -3
- package/types/SheetScrollView.d.ts.map +1 -1
- package/types/nativeSheet.d.ts +8 -9
- package/types/nativeSheet.d.ts.map +1 -1
- package/types/nativeSheet.native.d.ts +4 -0
- package/types/nativeSheet.native.d.ts.map +1 -0
- package/types/stableViewportHeight.d.ts +12 -0
- package/types/stableViewportHeight.d.ts.map +1 -0
- package/types/stableViewportHeight.native.d.ts +6 -0
- package/types/stableViewportHeight.native.d.ts.map +1 -0
- package/types/types.d.ts +34 -1
- package/types/types.d.ts.map +1 -1
- package/types/useSheetOffscreenSize.d.ts +1 -1
- package/types/useSheetOffscreenSize.d.ts.map +1 -1
- package/types/useSheetOpenState.d.ts +3 -1
- package/types/useSheetOpenState.d.ts.map +1 -1
- package/types/useSheetProviderProps.d.ts +15 -13
- package/types/useSheetProviderProps.d.ts.map +1 -1
- package/types/useSheetScrollViewGestures.native.d.ts +1 -1
- package/types/useSheetScrollViewGestures.native.d.ts.map +1 -1
- package/types/useSheetState.d.ts +26 -0
- package/types/useSheetState.d.ts.map +1 -0
- package/dist/cjs/GestureDetectorWrapper.cjs +0 -44
- package/dist/cjs/GestureDetectorWrapper.native.js.map +0 -1
- package/dist/esm/GestureDetectorWrapper.mjs +0 -25
- package/dist/esm/GestureDetectorWrapper.mjs.map +0 -1
- package/dist/esm/GestureDetectorWrapper.native.js +0 -26
- package/dist/esm/GestureDetectorWrapper.native.js.map +0 -1
- package/dist/jsx/GestureDetectorWrapper.mjs +0 -25
- package/dist/jsx/GestureDetectorWrapper.mjs.map +0 -1
- package/dist/jsx/GestureDetectorWrapper.native.js.map +0 -1
- package/src/GestureDetectorWrapper.tsx +0 -38
- package/src/nativeSheet.tsx +0 -86
- package/types/GestureDetectorWrapper.d.ts +0 -14
- package/types/GestureDetectorWrapper.d.ts.map +0 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Height of the viewport the sheet positions against. Native measures against
|
|
3
|
+
* the screen rather than the window, so it does not move with the keyboard.
|
|
4
|
+
*/
|
|
5
|
+
export declare function getStableViewportHeight(): number;
|
|
6
|
+
//# sourceMappingURL=stableViewportHeight.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stableViewportHeight.native.d.ts","sourceRoot":"","sources":["../src/stableViewportHeight.native.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,CAEhD"}
|
package/types/types.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { AnimatedNumberStrategy, TransitionProp } from '@tamagui/core';
|
|
2
2
|
import type { PortalProps } from '@tamagui/portal';
|
|
3
|
+
import type { PanResponderConfig } from '@tamagui/react-native-pan-responder';
|
|
3
4
|
import type { RemoveScroll } from '@tamagui/remove-scroll';
|
|
4
|
-
import type { ReactNode } from 'react';
|
|
5
|
+
import type { ComponentType, ReactNode, Ref } from 'react';
|
|
6
|
+
import type { ViewInstance as View } from '@tamagui/react-native-types';
|
|
5
7
|
import type React from 'react';
|
|
6
8
|
export type SheetScopes = string;
|
|
7
9
|
export type SheetScopedProps<P> = Omit<P, 'scope'> & {
|
|
@@ -163,5 +165,36 @@ export interface KeyboardControllerSheetResult {
|
|
|
163
165
|
*/
|
|
164
166
|
flushPendingHide: () => void;
|
|
165
167
|
}
|
|
168
|
+
export type SheetDragSurfaceProps = {
|
|
169
|
+
/** react-native-gesture-handler is set up and owns the drag (native only) */
|
|
170
|
+
gestureHandlerEnabled: boolean;
|
|
171
|
+
/** the `Gesture.Pan` to attach when gesture handler owns the drag */
|
|
172
|
+
panGesture: any;
|
|
173
|
+
/** the PanResponder config to drive the drag with otherwise, null when dragging is off */
|
|
174
|
+
panConfig: PanResponderConfig | null;
|
|
175
|
+
children?: ReactNode;
|
|
176
|
+
};
|
|
177
|
+
export type SheetNativePlatforms = 'ios';
|
|
178
|
+
export type NativeSheetSnapPoint = {
|
|
179
|
+
type: 'percent';
|
|
180
|
+
value: number;
|
|
181
|
+
} | {
|
|
182
|
+
type: 'height';
|
|
183
|
+
value: number;
|
|
184
|
+
} | {
|
|
185
|
+
type: 'fit';
|
|
186
|
+
};
|
|
187
|
+
export type NativeSheetRendererProps = Omit<SheetProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'snapPoints' | 'position' | 'defaultPosition' | 'onPositionChange' | 'children'> & {
|
|
188
|
+
open: boolean;
|
|
189
|
+
onOpenChange: (open: boolean) => void;
|
|
190
|
+
snapPoints: readonly NativeSheetSnapPoint[];
|
|
191
|
+
position: number;
|
|
192
|
+
onPositionChange: (position: number) => void;
|
|
193
|
+
/** report physical removal after accepted close; never report an interrupted close. */
|
|
194
|
+
onDismiss: () => void;
|
|
195
|
+
children: ReactNode;
|
|
196
|
+
ref?: Ref<View>;
|
|
197
|
+
};
|
|
198
|
+
export type NativeSheetRenderer = ComponentType<NativeSheetRendererProps>;
|
|
166
199
|
export {};
|
|
167
200
|
//# sourceMappingURL=types.d.ts.map
|
package/types/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG,MAAM,CAAA;AAEhC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAEhC,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IAEzC;;;;;OAKG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;IAEpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAEnC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,CAAA;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAE7C;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;CACjD,CAAC,CAAA;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5D,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAA;IACtB,KAAK,EAAE,oBAAoB,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;AAE9D,KAAK,iBAAiB,GAClB,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GACzB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AAEzE,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,CAAA;AAErE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACxD,UAAU,EAAE,OAAO,CAAA;IACnB,gBAAgB,EAAE,OAAO,CAAA;IACzB,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,KAAK,MAAM,IAAI,CAAA;IAC/D,iBAAiB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;IACzC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0BAA0B,CAAC,EAAE,OAAO,CAAA;IAGpC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAE9D,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAIhD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAKzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAID,MAAM,WAAW,8BAA8B;IAC7C;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,yBAAyB,EAAE,OAAO,CAAA;IAElC;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,iBAAiB,EAAE,OAAO,CAAA;IAE1B;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAA;IAE3B;;;;OAIG;IACH,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;IAE9C;;;OAGG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,6EAA6E;IAC7E,qBAAqB,EAAE,OAAO,CAAA;IAC9B,qEAAqE;IACrE,UAAU,EAAE,GAAG,CAAA;IACf,0FAA0F;IAC1F,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAExC,MAAM,MAAM,oBAAoB,GAC5B;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnB,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,UAAU,EACR,MAAM,GACN,aAAa,GACb,cAAc,GACd,YAAY,GACZ,UAAU,GACV,iBAAiB,GACjB,kBAAkB,GAClB,UAAU,CACb,GAAG;IACF,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,SAAS,oBAAoB,EAAE,CAAA;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,uFAAuF;IACvF,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { SheetContextValue } from './useSheetProviderProps';
|
|
2
|
-
export declare const useSheetOffscreenSize: (
|
|
2
|
+
export declare const useSheetOffscreenSize: (context: SheetContextValue) => number;
|
|
3
3
|
//# sourceMappingURL=useSheetOffscreenSize.d.ts.map
|
|
@@ -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,YAAa,iBAAiB,WA0C/D,CAAA"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import type { SheetProps } from './types';
|
|
2
2
|
import type { SheetControllerContextValue } from './useSheetController';
|
|
3
|
-
export declare const useSheetOpenState: (props: SheetProps) => {
|
|
3
|
+
export declare const useSheetOpenState: (props: SheetProps, strategy?: 'prop-wins' | 'most-recent-wins') => {
|
|
4
4
|
open: boolean;
|
|
5
5
|
setOpen: import("@tamagui/use-controllable-state").ControllableStateSetter<boolean, import("@tamagui/web").TamaguiChangeEventDetails>;
|
|
6
6
|
isHidden: boolean | undefined;
|
|
7
7
|
controller: SheetControllerContextValue | null;
|
|
8
|
+
strategy: "most-recent-wins" | "prop-wins";
|
|
9
|
+
onNativeDismiss: (() => void | undefined) | undefined;
|
|
8
10
|
};
|
|
9
11
|
export type SheetOpenState = ReturnType<typeof useSheetOpenState>;
|
|
10
12
|
//# sourceMappingURL=useSheetOpenState.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetOpenState.d.ts","sourceRoot":"","sources":["../src/useSheetOpenState.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAGvE,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"useSheetOpenState.d.ts","sourceRoot":"","sources":["../src/useSheetOpenState.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAGvE,eAAO,MAAM,iBAAiB,UACrB,UAAU,aACP,WAAW,GAAG,kBAAkB;;;;;;;CA4E3C,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA"}
|
|
@@ -1,26 +1,24 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { TamaguiElement } from '@tamagui/core';
|
|
3
1
|
import type { ScrollBridge, SheetProps } from './types';
|
|
4
2
|
import type { SheetOpenState } from './useSheetOpenState';
|
|
5
|
-
|
|
3
|
+
import { useSheetState } from './useSheetState';
|
|
4
|
+
export type SheetContextValue = (ReturnType<typeof useSheetProviderProps> & {
|
|
6
5
|
keyboardOccludedHeight: number;
|
|
7
6
|
isKeyboardVisible: boolean;
|
|
8
7
|
keyboardStableFrameHeight: number;
|
|
9
8
|
setHasScrollView: (val: boolean) => void;
|
|
10
|
-
}
|
|
9
|
+
}) | (Omit<ReturnType<typeof useSheetState>, 'maxContentSize'> & {
|
|
10
|
+
onlyShowContainer: true;
|
|
11
|
+
scrollBridge?: undefined;
|
|
12
|
+
});
|
|
11
13
|
export declare function useSheetProviderProps(props: SheetProps, state: SheetOpenState): {
|
|
12
|
-
screenSize: number;
|
|
13
|
-
maxSnapPoint: string | number;
|
|
14
|
-
disableRemoveScroll: boolean;
|
|
15
|
-
scrollBridge: ScrollBridge;
|
|
16
14
|
modal: boolean;
|
|
17
15
|
open: boolean;
|
|
18
16
|
setOpen: import("@tamagui/use-controllable-state").ControllableStateSetter<boolean, import("@tamagui/core").TamaguiChangeEventDetails>;
|
|
19
17
|
hidden: boolean;
|
|
20
|
-
contentRef:
|
|
21
|
-
handleRef:
|
|
18
|
+
contentRef: import("react").RefObject<import("@tamagui/core").TamaguiElement | null>;
|
|
19
|
+
handleRef: import("react").RefObject<import("@tamagui/core").TamaguiElement | null>;
|
|
22
20
|
frameSize: number;
|
|
23
|
-
setFrameSize:
|
|
21
|
+
setFrameSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
24
22
|
dismissOnOverlayPress: boolean;
|
|
25
23
|
dismissOnSnapToBottom: boolean;
|
|
26
24
|
scope: string;
|
|
@@ -28,9 +26,13 @@ export declare function useSheetProviderProps(props: SheetProps, state: SheetOpe
|
|
|
28
26
|
position: number;
|
|
29
27
|
snapPoints: (string | number)[];
|
|
30
28
|
snapPointsMode: import("./types").SnapPointsMode;
|
|
31
|
-
setMaxContentSize:
|
|
29
|
+
setMaxContentSize: import("react").Dispatch<import("react").SetStateAction<number>>;
|
|
32
30
|
setPosition: (next: number) => void;
|
|
33
31
|
setPositionImmediate: import("@tamagui/use-controllable-state").ControllableStateSetter<number, import("@tamagui/core").TamaguiChangeEventDetails>;
|
|
34
|
-
|
|
32
|
+
screenSize: number;
|
|
33
|
+
maxSnapPoint: string | number;
|
|
34
|
+
disableRemoveScroll: boolean;
|
|
35
|
+
scrollBridge: ScrollBridge;
|
|
36
|
+
onlyShowContainer: false;
|
|
35
37
|
};
|
|
36
38
|
//# sourceMappingURL=useSheetProviderProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetProviderProps.d.ts","sourceRoot":"","sources":["../src/useSheetProviderProps.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useSheetProviderProps.d.ts","sourceRoot":"","sources":["../src/useSheetProviderProps.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,MAAM,iBAAiB,GACzB,CAAC,UAAU,CAAC,OAAO,qBAAqB,CAAC,GAAG;IAC1C,sBAAsB,EAAE,MAAM,CAAA;IAC9B,iBAAiB,EAAE,OAAO,CAAA;IAC1B,yBAAyB,EAAE,MAAM,CAAA;IACjC,gBAAgB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CACzC,CAAC,GACF,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,EAAE,gBAAgB,CAAC,GAAG;IAC1D,iBAAiB,EAAE,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAC,CAAA;AAEN,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;;;;EA4D7E"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { GestureResponderEvent,
|
|
1
|
+
import type { GestureResponderEvent, ScrollViewInstance as RNScrollView } from 'react-native';
|
|
2
2
|
import type { ScrollBridge } from './types';
|
|
3
3
|
interface UseSheetScrollViewGesturesProps {
|
|
4
4
|
scrollRef: React.RefObject<RNScrollView | null>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetScrollViewGestures.native.d.ts","sourceRoot":"","sources":["../src/useSheetScrollViewGestures.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"useSheetScrollViewGestures.native.d.ts","sourceRoot":"","sources":["../src/useSheetScrollViewGestures.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EACrB,kBAAkB,IAAI,YAAY,EACnC,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAc3C,UAAU,+BAA+B;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;IAC/C,YAAY,EAAE,YAAY,CAAA;IAC1B,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9D;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,gBAAgB,GACjB,EAAE,+BAA+B;;;kCAiDK,qBAAqB;yBAW9B,qBAAqB;EAyElD"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { TamaguiElement } from '@tamagui/core';
|
|
3
|
+
import type { SheetProps } from './types';
|
|
4
|
+
import type { SheetOpenState } from './useSheetOpenState';
|
|
5
|
+
export declare function useSheetState(props: SheetProps, state: SheetOpenState): {
|
|
6
|
+
modal: boolean;
|
|
7
|
+
open: boolean;
|
|
8
|
+
setOpen: import("@tamagui/use-controllable-state").ControllableStateSetter<boolean, import("@tamagui/core").TamaguiChangeEventDetails>;
|
|
9
|
+
hidden: boolean;
|
|
10
|
+
contentRef: React.RefObject<TamaguiElement | null>;
|
|
11
|
+
handleRef: React.RefObject<TamaguiElement | null>;
|
|
12
|
+
frameSize: number;
|
|
13
|
+
setFrameSize: React.Dispatch<React.SetStateAction<number>>;
|
|
14
|
+
maxContentSize: number;
|
|
15
|
+
dismissOnOverlayPress: boolean;
|
|
16
|
+
dismissOnSnapToBottom: boolean;
|
|
17
|
+
scope: string;
|
|
18
|
+
hasFit: boolean;
|
|
19
|
+
position: number;
|
|
20
|
+
snapPoints: (string | number)[];
|
|
21
|
+
snapPointsMode: import("./types").SnapPointsMode;
|
|
22
|
+
setMaxContentSize: React.Dispatch<React.SetStateAction<number>>;
|
|
23
|
+
setPosition: (next: number) => void;
|
|
24
|
+
setPositionImmediate: import("@tamagui/use-controllable-state").ControllableStateSetter<number, import("@tamagui/core").TamaguiChangeEventDetails>;
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=useSheetState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSheetState.d.ts","sourceRoot":"","sources":["../src/useSheetState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEzD,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc;;;;;;;;;;;;;;;;;;wBAkC3D,MAAM;;EAkGhB"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all) __defProp(target, name, {
|
|
7
|
-
get: all[name],
|
|
8
|
-
enumerable: true
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
-
get: () => from[key],
|
|
15
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
-
var GestureDetectorWrapper_exports = {};
|
|
22
|
-
__export(GestureDetectorWrapper_exports, { GestureDetectorWrapper: () => GestureDetectorWrapper });
|
|
23
|
-
module.exports = __toCommonJS(GestureDetectorWrapper_exports);
|
|
24
|
-
var import_react_native = require("react-native-web");
|
|
25
|
-
var import_gestureState = require("./gestureState.cjs");
|
|
26
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
27
|
-
function GestureDetectorWrapper({ gesture, children, style }) {
|
|
28
|
-
const { GestureDetector } = (0, import_gestureState.getGestureHandlerState)();
|
|
29
|
-
const enabled = (0, import_gestureState.isGestureHandlerEnabled)();
|
|
30
|
-
if (enabled && GestureDetector && gesture) {
|
|
31
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureDetector, {
|
|
32
|
-
gesture,
|
|
33
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
34
|
-
style,
|
|
35
|
-
collapsable: false,
|
|
36
|
-
children
|
|
37
|
-
})
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
41
|
-
style,
|
|
42
|
-
children
|
|
43
|
-
});
|
|
44
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GestureDetectorWrapper.native.js","names":[],"sources":["cjs/GestureDetectorWrapper.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar GestureDetectorWrapper_exports = {};\n__export(GestureDetectorWrapper_exports, {\n GestureDetectorWrapper: () => GestureDetectorWrapper\n});\nmodule.exports = __toCommonJS(GestureDetectorWrapper_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react_native = require(\"react-native\");\nvar import_gestureState = require(\"./gestureState\");\nfunction GestureDetectorWrapper(param) {\n var { gesture, children, style } = param;\n var { GestureDetector } = (0, import_gestureState.getGestureHandlerState)();\n var enabled = (0, import_gestureState.isGestureHandlerEnabled)();\n if (enabled && GestureDetector && gesture) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureDetector, {\n gesture,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n style,\n collapsable: false,\n children\n })\n });\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n style,\n children\n });\n}\n//# sourceMappingURL=GestureDetectorWrapper.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iCAAiC,CAAC;AACtC,SAAS,gCAAgC,EACvC,8BAA8B,uBAChC,CAAC;AACD,OAAO,UAAU,aAAa,8BAA8B;AAC5D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,sBAAsB,QAAQ,0BAAgB;AAClD,SAAS,uBAAuB,OAAO;CACrC,IAAI,EAAE,SAAS,UAAU,UAAU;CACnC,IAAI,EAAE,qBAAqB,GAAG,oBAAoB,uBAAsB,CAAE;CAC1E,IAAI,WAAW,GAAG,oBAAoB,wBAAuB,CAAE;CAC/D,IAAI,WAAW,mBAAmB,SAAS;EACzC,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,iBAAiB;GAClE;GACA,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,MAAM;IAC9E;IACA,aAAa;IACb;GACF,CAAC;EACH,CAAC;CACH;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,MAAM;EAC3E;EACA;CACF,CAAC;AACH"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { View } from "react-native-web";
|
|
2
|
-
import { getGestureHandlerState, isGestureHandlerEnabled } from "./gestureState.mjs";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
function GestureDetectorWrapper({ gesture, children, style }) {
|
|
6
|
-
const { GestureDetector } = getGestureHandlerState();
|
|
7
|
-
const enabled = isGestureHandlerEnabled();
|
|
8
|
-
if (enabled && GestureDetector && gesture) {
|
|
9
|
-
return /* @__PURE__ */ jsx(GestureDetector, {
|
|
10
|
-
gesture,
|
|
11
|
-
children: /* @__PURE__ */ jsx(View, {
|
|
12
|
-
style,
|
|
13
|
-
collapsable: false,
|
|
14
|
-
children
|
|
15
|
-
})
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return /* @__PURE__ */ jsx(View, {
|
|
19
|
-
style,
|
|
20
|
-
children
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export { GestureDetectorWrapper };
|
|
25
|
-
//# sourceMappingURL=GestureDetectorWrapper.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GestureDetectorWrapper.js","names":[],"sources":["esm/GestureDetectorWrapper.js"],"sourcesContent":["import { View } from \"react-native-web\";\nimport { getGestureHandlerState, isGestureHandlerEnabled } from \"./gestureState\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction GestureDetectorWrapper({\n gesture,\n children,\n style\n}) {\n const { GestureDetector } = getGestureHandlerState();\n const enabled = isGestureHandlerEnabled();\n if (enabled && GestureDetector && gesture) {\n return /* @__PURE__ */ jsx(GestureDetector, { gesture, children: /* @__PURE__ */ jsx(View, { style, collapsable: false, children }) });\n }\n return /* @__PURE__ */ jsx(View, { style, children });\n}\nexport {\n GestureDetectorWrapper\n};\n//# sourceMappingURL=GestureDetectorWrapper.js.map\n"],"mappings":";;;;;AAGA,SAAS,uBAAuB,EAC9B,SACA,UACA,SACC;CACD,MAAM,EAAE,oBAAoB,uBAAuB;CACnD,MAAM,UAAU,wBAAwB;CACxC,IAAI,WAAW,mBAAmB,SAAS;EACzC,OAAuB,oBAAI,iBAAiB;GAAE;GAAS,UAA0B,oBAAI,MAAM;IAAE;IAAO,aAAa;IAAO;GAAS,CAAC;EAAE,CAAC;CACvI;CACA,OAAuB,oBAAI,MAAM;EAAE;EAAO;CAAS,CAAC;AACtD"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import { getGestureHandlerState, isGestureHandlerEnabled } from "./gestureState.native.js";
|
|
4
|
-
|
|
5
|
-
function GestureDetectorWrapper(param) {
|
|
6
|
-
var { gesture, children, style } = param;
|
|
7
|
-
var { GestureDetector } = getGestureHandlerState();
|
|
8
|
-
var enabled = isGestureHandlerEnabled();
|
|
9
|
-
if (enabled && GestureDetector && gesture) {
|
|
10
|
-
return /* @__PURE__ */ jsx(GestureDetector, {
|
|
11
|
-
gesture,
|
|
12
|
-
children: /* @__PURE__ */ jsx(View, {
|
|
13
|
-
style,
|
|
14
|
-
collapsable: false,
|
|
15
|
-
children
|
|
16
|
-
})
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
return /* @__PURE__ */ jsx(View, {
|
|
20
|
-
style,
|
|
21
|
-
children
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
export { GestureDetectorWrapper };
|
|
26
|
-
//# sourceMappingURL=GestureDetectorWrapper.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GestureDetectorWrapper.native.js","names":[],"sources":["esm/GestureDetectorWrapper.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { View } from \"react-native\";\nimport { getGestureHandlerState, isGestureHandlerEnabled } from \"./gestureState\";\nfunction GestureDetectorWrapper(param) {\n var { gesture, children, style } = param;\n var { GestureDetector } = getGestureHandlerState();\n var enabled = isGestureHandlerEnabled();\n if (enabled && GestureDetector && gesture) {\n return /* @__PURE__ */ _jsx(GestureDetector, {\n gesture,\n children: /* @__PURE__ */ _jsx(View, {\n style,\n collapsable: false,\n children\n })\n });\n }\n return /* @__PURE__ */ _jsx(View, {\n style,\n children\n });\n}\nexport {\n GestureDetectorWrapper\n};\n//# sourceMappingURL=GestureDetectorWrapper.js.map\n"],"mappings":";;;;;AAGA,SAAS,uBAAuB,OAAO;CACrC,IAAI,EAAE,SAAS,UAAU,UAAU;CACnC,IAAI,EAAE,oBAAoB,uBAAuB;CACjD,IAAI,UAAU,wBAAwB;CACtC,IAAI,WAAW,mBAAmB,SAAS;EACzC,OAAuB,oBAAK,iBAAiB;GAC3C;GACA,UAA0B,oBAAK,MAAM;IACnC;IACA,aAAa;IACb;GACF,CAAC;EACH,CAAC;CACH;CACA,OAAuB,oBAAK,MAAM;EAChC;EACA;CACF,CAAC;AACH"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { View } from "react-native-web";
|
|
2
|
-
import { getGestureHandlerState, isGestureHandlerEnabled } from "./gestureState.mjs";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
function GestureDetectorWrapper({ gesture, children, style }) {
|
|
6
|
-
const { GestureDetector } = getGestureHandlerState();
|
|
7
|
-
const enabled = isGestureHandlerEnabled();
|
|
8
|
-
if (enabled && GestureDetector && gesture) {
|
|
9
|
-
return /* @__PURE__ */ jsx(GestureDetector, {
|
|
10
|
-
gesture,
|
|
11
|
-
children: /* @__PURE__ */ jsx(View, {
|
|
12
|
-
style,
|
|
13
|
-
collapsable: false,
|
|
14
|
-
children
|
|
15
|
-
})
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return /* @__PURE__ */ jsx(View, {
|
|
19
|
-
style,
|
|
20
|
-
children
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export { GestureDetectorWrapper };
|
|
25
|
-
//# sourceMappingURL=GestureDetectorWrapper.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GestureDetectorWrapper.js","names":[],"sources":["jsx/GestureDetectorWrapper.js"],"sourcesContent":["import { View } from \"react-native-web\";\nimport { getGestureHandlerState, isGestureHandlerEnabled } from \"./gestureState\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction GestureDetectorWrapper({\n gesture,\n children,\n style\n}) {\n const { GestureDetector } = getGestureHandlerState();\n const enabled = isGestureHandlerEnabled();\n if (enabled && GestureDetector && gesture) {\n return /* @__PURE__ */ jsx(GestureDetector, { gesture, children: /* @__PURE__ */ jsx(View, { style, collapsable: false, children }) });\n }\n return /* @__PURE__ */ jsx(View, { style, children });\n}\nexport {\n GestureDetectorWrapper\n};\n//# sourceMappingURL=GestureDetectorWrapper.js.map\n"],"mappings":";;;;;AAGA,SAAS,uBAAuB,EAC9B,SACA,UACA,SACC;CACD,MAAM,EAAE,oBAAoB,uBAAuB;CACnD,MAAM,UAAU,wBAAwB;CACxC,IAAI,WAAW,mBAAmB,SAAS;EACzC,OAAuB,oBAAI,iBAAiB;GAAE;GAAS,UAA0B,oBAAI,MAAM;IAAE;IAAO,aAAa;IAAO;GAAS,CAAC;EAAE,CAAC;CACvI;CACA,OAAuB,oBAAI,MAAM;EAAE;EAAO;CAAS,CAAC;AACtD"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GestureDetectorWrapper.native.js","names":[],"sources":["jsx/GestureDetectorWrapper.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar GestureDetectorWrapper_exports = {};\n__export(GestureDetectorWrapper_exports, {\n GestureDetectorWrapper: () => GestureDetectorWrapper\n});\nmodule.exports = __toCommonJS(GestureDetectorWrapper_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react_native = require(\"react-native\");\nvar import_gestureState = require(\"./gestureState\");\nfunction GestureDetectorWrapper(param) {\n var { gesture, children, style } = param;\n var { GestureDetector } = (0, import_gestureState.getGestureHandlerState)();\n var enabled = (0, import_gestureState.isGestureHandlerEnabled)();\n if (enabled && GestureDetector && gesture) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GestureDetector, {\n gesture,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n style,\n collapsable: false,\n children\n })\n });\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n style,\n children\n });\n}\n//# sourceMappingURL=GestureDetectorWrapper.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iCAAiC,CAAC;AACtC,SAAS,gCAAgC,EACvC,8BAA8B,uBAChC,CAAC;AACD,OAAO,UAAU,aAAa,8BAA8B;AAC5D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,sBAAsB,QAAQ,0BAAgB;AAClD,SAAS,uBAAuB,OAAO;CACrC,IAAI,EAAE,SAAS,UAAU,UAAU;CACnC,IAAI,EAAE,qBAAqB,GAAG,oBAAoB,uBAAsB,CAAE;CAC1E,IAAI,WAAW,GAAG,oBAAoB,wBAAuB,CAAE;CAC/D,IAAI,WAAW,mBAAmB,SAAS;EACzC,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,iBAAiB;GAClE;GACA,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,MAAM;IAC9E;IACA,aAAa;IACb;GACF,CAAC;EACH,CAAC;CACH;CACA,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,MAAM;EAC3E;EACA;CACF,CAAC;AACH"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type React from 'react'
|
|
2
|
-
import { View, type ViewStyle } from 'react-native'
|
|
3
|
-
import { getGestureHandlerState, isGestureHandlerEnabled } from './gestureState'
|
|
4
|
-
|
|
5
|
-
interface GestureDetectorWrapperProps {
|
|
6
|
-
gesture: any
|
|
7
|
-
children: React.ReactNode
|
|
8
|
-
style?: ViewStyle
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Conditionally wraps children with GestureDetector when RNGH is available.
|
|
13
|
-
* Uses a plain View wrapper that GestureDetector can attach gesture handlers to.
|
|
14
|
-
*/
|
|
15
|
-
export function GestureDetectorWrapper({
|
|
16
|
-
gesture,
|
|
17
|
-
children,
|
|
18
|
-
style,
|
|
19
|
-
}: GestureDetectorWrapperProps) {
|
|
20
|
-
const { GestureDetector } = getGestureHandlerState()
|
|
21
|
-
const enabled = isGestureHandlerEnabled()
|
|
22
|
-
|
|
23
|
-
// only wrap if we have RNGH available AND a gesture to attach
|
|
24
|
-
if (enabled && GestureDetector && gesture) {
|
|
25
|
-
// GestureDetector needs a native View to attach handlers to
|
|
26
|
-
// the View wrapper ensures proper gesture propagation
|
|
27
|
-
return (
|
|
28
|
-
<GestureDetector gesture={gesture}>
|
|
29
|
-
<View style={style} collapsable={false}>
|
|
30
|
-
{children}
|
|
31
|
-
</View>
|
|
32
|
-
</GestureDetector>
|
|
33
|
-
)
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
// pass through children in a consistent View wrapper
|
|
37
|
-
return <View style={style}>{children}</View>
|
|
38
|
-
}
|
package/src/nativeSheet.tsx
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { YStack } from '@tamagui/stacks'
|
|
2
|
-
import type { FunctionComponent } from 'react'
|
|
3
|
-
import { useEffect, useRef } from 'react'
|
|
4
|
-
import { View } from 'react-native'
|
|
5
|
-
import { SheetNativeSystemContext, SheetProvider } from './SheetContext'
|
|
6
|
-
import type { SheetProps } from './types'
|
|
7
|
-
import { useSheetOpenState } from './useSheetOpenState'
|
|
8
|
-
import { useSheetProviderProps } from './useSheetProviderProps'
|
|
9
|
-
|
|
10
|
-
type SheetNativePlatforms = 'ios'
|
|
11
|
-
|
|
12
|
-
const nativeSheets: Record<SheetNativePlatforms, FunctionComponent<SheetProps> | null> = {
|
|
13
|
-
ios: null,
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export function getNativeSheet(platform: SheetNativePlatforms) {
|
|
17
|
-
return nativeSheets[platform]
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export function setupNativeSheet(
|
|
21
|
-
platform: SheetNativePlatforms,
|
|
22
|
-
RNIOSModal: { ModalSheetView: any; ModalSheetViewMainContent: any }
|
|
23
|
-
) {
|
|
24
|
-
const { ModalSheetView, ModalSheetViewMainContent } = RNIOSModal
|
|
25
|
-
|
|
26
|
-
if (platform === 'ios') {
|
|
27
|
-
nativeSheets[platform] = (props: SheetProps) => {
|
|
28
|
-
const state = useSheetOpenState(props)
|
|
29
|
-
const providerProps = useSheetProviderProps(props, state)
|
|
30
|
-
|
|
31
|
-
const { open, setOpen } = state
|
|
32
|
-
const ref = useRef<{
|
|
33
|
-
presentModal: Function
|
|
34
|
-
dismissModal: Function
|
|
35
|
-
}>(undefined)
|
|
36
|
-
|
|
37
|
-
useEffect(() => {
|
|
38
|
-
if (open) {
|
|
39
|
-
ref.current?.presentModal()
|
|
40
|
-
} else {
|
|
41
|
-
ref.current?.dismissModal()
|
|
42
|
-
}
|
|
43
|
-
}, [open])
|
|
44
|
-
|
|
45
|
-
function setOpenInternal(next: boolean) {
|
|
46
|
-
props.onOpenChange?.(open)
|
|
47
|
-
setOpen(next)
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
return (
|
|
51
|
-
<SheetNativeSystemContext.Provider value>
|
|
52
|
-
<SheetProvider
|
|
53
|
-
setHasScrollView={emptyFn}
|
|
54
|
-
keyboardOccludedHeight={0}
|
|
55
|
-
isKeyboardVisible={false}
|
|
56
|
-
keyboardStableFrameHeight={0}
|
|
57
|
-
{...providerProps}
|
|
58
|
-
onlyShowContainer
|
|
59
|
-
>
|
|
60
|
-
<ModalSheetView ref={ref} onModalDidDismiss={() => setOpenInternal(false)}>
|
|
61
|
-
<ModalSheetViewMainContent>
|
|
62
|
-
<View style={{ flex: 1 }}>{props.children}</View>
|
|
63
|
-
</ModalSheetViewMainContent>
|
|
64
|
-
</ModalSheetView>
|
|
65
|
-
|
|
66
|
-
{/* for some reason select triggers wont show on native if this isn't inside the actual tree not inside implementation... */}
|
|
67
|
-
{/* so just hiding it here for now... not great... */}
|
|
68
|
-
<YStack
|
|
69
|
-
position="absolute"
|
|
70
|
-
display="none"
|
|
71
|
-
pointerEvents="none"
|
|
72
|
-
width={0}
|
|
73
|
-
height={0}
|
|
74
|
-
>
|
|
75
|
-
{props.children}
|
|
76
|
-
</YStack>
|
|
77
|
-
</SheetProvider>
|
|
78
|
-
</SheetNativeSystemContext.Provider>
|
|
79
|
-
)
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
const emptyFn = () => {
|
|
85
|
-
// TODO
|
|
86
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import { type ViewStyle } from 'react-native';
|
|
3
|
-
interface GestureDetectorWrapperProps {
|
|
4
|
-
gesture: any;
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
style?: ViewStyle;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Conditionally wraps children with GestureDetector when RNGH is available.
|
|
10
|
-
* Uses a plain View wrapper that GestureDetector can attach gesture handlers to.
|
|
11
|
-
*/
|
|
12
|
-
export declare function GestureDetectorWrapper({ gesture, children, style, }: GestureDetectorWrapperProps): React.JSX.Element;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=GestureDetectorWrapper.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GestureDetectorWrapper.d.ts","sourceRoot":"","sources":["../src/GestureDetectorWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAGnD,UAAU,2BAA2B;IACnC,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,KAAK,GACN,EAAE,2BAA2B,qBAmB7B"}
|