@hanzogui/sheet 2.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/LICENSE +21 -0
- package/controller/index.cjs +2 -0
- package/controller/index.d.ts +5 -0
- package/controller/index.js +2 -0
- package/controller/index.native.cjs +2 -0
- package/controller/index.native.js +2 -0
- package/dist/cjs/GestureDetectorWrapper.cjs +48 -0
- package/dist/cjs/GestureDetectorWrapper.native.js +53 -0
- package/dist/cjs/GestureDetectorWrapper.native.js.map +1 -0
- package/dist/cjs/GestureSheetContext.cjs +52 -0
- package/dist/cjs/GestureSheetContext.native.js +56 -0
- package/dist/cjs/GestureSheetContext.native.js.map +1 -0
- package/dist/cjs/Sheet.cjs +117 -0
- package/dist/cjs/Sheet.native.js +120 -0
- package/dist/cjs/Sheet.native.js.map +1 -0
- package/dist/cjs/SheetContext.cjs +32 -0
- package/dist/cjs/SheetContext.native.js +35 -0
- package/dist/cjs/SheetContext.native.js.map +1 -0
- package/dist/cjs/SheetController.cjs +65 -0
- package/dist/cjs/SheetController.native.js +71 -0
- package/dist/cjs/SheetController.native.js.map +1 -0
- package/dist/cjs/SheetImplementationCustom.cjs +472 -0
- package/dist/cjs/SheetImplementationCustom.native.js +524 -0
- package/dist/cjs/SheetImplementationCustom.native.js.map +1 -0
- package/dist/cjs/SheetScrollView.cjs +180 -0
- package/dist/cjs/SheetScrollView.native.js +197 -0
- package/dist/cjs/SheetScrollView.native.js.map +1 -0
- package/dist/cjs/constants.cjs +32 -0
- package/dist/cjs/constants.native.js +35 -0
- package/dist/cjs/constants.native.js.map +1 -0
- package/dist/cjs/contexts.cjs +42 -0
- package/dist/cjs/contexts.native.js +45 -0
- package/dist/cjs/contexts.native.js.map +1 -0
- package/dist/cjs/controller.cjs +29 -0
- package/dist/cjs/controller.native.js +32 -0
- package/dist/cjs/controller.native.js.map +1 -0
- package/dist/cjs/createSheet.cjs +191 -0
- package/dist/cjs/createSheet.native.js +208 -0
- package/dist/cjs/createSheet.native.js.map +1 -0
- package/dist/cjs/gestureState.cjs +39 -0
- package/dist/cjs/gestureState.native.js +42 -0
- package/dist/cjs/gestureState.native.js.map +1 -0
- package/dist/cjs/helpers.cjs +31 -0
- package/dist/cjs/helpers.native.js +35 -0
- package/dist/cjs/helpers.native.js.map +1 -0
- package/dist/cjs/index.cjs +28 -0
- package/dist/cjs/index.native.js +31 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/nativeSheet.cjs +87 -0
- package/dist/cjs/nativeSheet.native.js +101 -0
- package/dist/cjs/nativeSheet.native.js.map +1 -0
- package/dist/cjs/setupGestureHandler.cjs +46 -0
- package/dist/cjs/setupGestureHandler.native.js +50 -0
- package/dist/cjs/setupGestureHandler.native.js.map +1 -0
- package/dist/cjs/types.cjs +16 -0
- package/dist/cjs/types.native.js +19 -0
- package/dist/cjs/types.native.js.map +1 -0
- package/dist/cjs/useGestureHandlerPan.cjs +136 -0
- package/dist/cjs/useGestureHandlerPan.native.js +145 -0
- package/dist/cjs/useGestureHandlerPan.native.js.map +1 -0
- package/dist/cjs/useKeyboardControllerSheet.cjs +38 -0
- package/dist/cjs/useKeyboardControllerSheet.native.js +114 -0
- package/dist/cjs/useKeyboardControllerSheet.native.js.map +1 -0
- package/dist/cjs/useSheet.cjs +27 -0
- package/dist/cjs/useSheet.native.js +32 -0
- package/dist/cjs/useSheet.native.js.map +1 -0
- package/dist/cjs/useSheetController.cjs +50 -0
- package/dist/cjs/useSheetController.native.js +53 -0
- package/dist/cjs/useSheetController.native.js.map +1 -0
- package/dist/cjs/useSheetOffscreenSize.cjs +51 -0
- package/dist/cjs/useSheetOffscreenSize.native.js +61 -0
- package/dist/cjs/useSheetOffscreenSize.native.js.map +1 -0
- package/dist/cjs/useSheetOpenState.cjs +49 -0
- package/dist/cjs/useSheetOpenState.native.js +56 -0
- package/dist/cjs/useSheetOpenState.native.js.map +1 -0
- package/dist/cjs/useSheetProviderProps.cjs +133 -0
- package/dist/cjs/useSheetProviderProps.native.js +153 -0
- package/dist/cjs/useSheetProviderProps.native.js.map +1 -0
- package/dist/cjs/useSheetScrollViewGestures.cjs +123 -0
- package/dist/cjs/useSheetScrollViewGestures.native.js +110 -0
- package/dist/cjs/useSheetScrollViewGestures.native.js.map +1 -0
- package/dist/esm/GestureDetectorWrapper.mjs +25 -0
- package/dist/esm/GestureDetectorWrapper.mjs.map +1 -0
- package/dist/esm/GestureDetectorWrapper.native.js +27 -0
- package/dist/esm/GestureDetectorWrapper.native.js.map +1 -0
- package/dist/esm/GestureSheetContext.mjs +28 -0
- package/dist/esm/GestureSheetContext.mjs.map +1 -0
- package/dist/esm/GestureSheetContext.native.js +29 -0
- package/dist/esm/GestureSheetContext.native.js.map +1 -0
- package/dist/esm/Sheet.mjs +89 -0
- package/dist/esm/Sheet.mjs.map +1 -0
- package/dist/esm/Sheet.native.js +89 -0
- package/dist/esm/Sheet.native.js.map +1 -0
- package/dist/esm/SheetContext.mjs +6 -0
- package/dist/esm/SheetContext.mjs.map +1 -0
- package/dist/esm/SheetContext.native.js +6 -0
- package/dist/esm/SheetContext.native.js.map +1 -0
- package/dist/esm/SheetController.mjs +31 -0
- package/dist/esm/SheetController.mjs.map +1 -0
- package/dist/esm/SheetController.native.js +34 -0
- package/dist/esm/SheetController.native.js.map +1 -0
- package/dist/esm/SheetImplementationCustom.mjs +437 -0
- package/dist/esm/SheetImplementationCustom.mjs.map +1 -0
- package/dist/esm/SheetImplementationCustom.native.js +487 -0
- package/dist/esm/SheetImplementationCustom.native.js.map +1 -0
- package/dist/esm/SheetScrollView.mjs +146 -0
- package/dist/esm/SheetScrollView.mjs.map +1 -0
- package/dist/esm/SheetScrollView.native.js +160 -0
- package/dist/esm/SheetScrollView.native.js.map +1 -0
- package/dist/esm/constants.mjs +6 -0
- package/dist/esm/constants.mjs.map +1 -0
- package/dist/esm/constants.native.js +6 -0
- package/dist/esm/constants.native.js.map +1 -0
- package/dist/esm/contexts.mjs +7 -0
- package/dist/esm/contexts.mjs.map +1 -0
- package/dist/esm/contexts.native.js +7 -0
- package/dist/esm/contexts.native.js.map +1 -0
- package/dist/esm/controller.mjs +4 -0
- package/dist/esm/controller.mjs.map +1 -0
- package/dist/esm/controller.native.js +4 -0
- package/dist/esm/controller.native.js.map +1 -0
- package/dist/esm/createSheet.mjs +168 -0
- package/dist/esm/createSheet.mjs.map +1 -0
- package/dist/esm/createSheet.native.js +182 -0
- package/dist/esm/createSheet.native.js.map +1 -0
- package/dist/esm/gestureState.mjs +13 -0
- package/dist/esm/gestureState.mjs.map +1 -0
- package/dist/esm/gestureState.native.js +13 -0
- package/dist/esm/gestureState.native.js.map +1 -0
- package/dist/esm/helpers.mjs +8 -0
- package/dist/esm/helpers.mjs.map +1 -0
- package/dist/esm/helpers.native.js +9 -0
- package/dist/esm/helpers.native.js.map +1 -0
- package/dist/esm/index.js +12 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +12 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +12 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/nativeSheet.mjs +63 -0
- package/dist/esm/nativeSheet.mjs.map +1 -0
- package/dist/esm/nativeSheet.native.js +74 -0
- package/dist/esm/nativeSheet.native.js.map +1 -0
- package/dist/esm/setupGestureHandler.mjs +22 -0
- package/dist/esm/setupGestureHandler.mjs.map +1 -0
- package/dist/esm/setupGestureHandler.native.js +23 -0
- package/dist/esm/setupGestureHandler.native.js.map +1 -0
- package/dist/esm/types.mjs +2 -0
- package/dist/esm/types.mjs.map +1 -0
- package/dist/esm/types.native.js +2 -0
- package/dist/esm/types.native.js.map +1 -0
- package/dist/esm/useGestureHandlerPan.mjs +113 -0
- package/dist/esm/useGestureHandlerPan.mjs.map +1 -0
- package/dist/esm/useGestureHandlerPan.native.js +119 -0
- package/dist/esm/useGestureHandlerPan.native.js.map +1 -0
- package/dist/esm/useKeyboardControllerSheet.mjs +15 -0
- package/dist/esm/useKeyboardControllerSheet.mjs.map +1 -0
- package/dist/esm/useKeyboardControllerSheet.native.js +88 -0
- package/dist/esm/useKeyboardControllerSheet.native.js.map +1 -0
- package/dist/esm/useSheet.mjs +4 -0
- package/dist/esm/useSheet.mjs.map +1 -0
- package/dist/esm/useSheet.native.js +6 -0
- package/dist/esm/useSheet.native.js.map +1 -0
- package/dist/esm/useSheetController.mjs +15 -0
- package/dist/esm/useSheetController.mjs.map +1 -0
- package/dist/esm/useSheetController.native.js +15 -0
- package/dist/esm/useSheetController.native.js.map +1 -0
- package/dist/esm/useSheetOffscreenSize.mjs +28 -0
- package/dist/esm/useSheetOffscreenSize.mjs.map +1 -0
- package/dist/esm/useSheetOffscreenSize.native.js +35 -0
- package/dist/esm/useSheetOffscreenSize.native.js.map +1 -0
- package/dist/esm/useSheetOpenState.mjs +26 -0
- package/dist/esm/useSheetOpenState.mjs.map +1 -0
- package/dist/esm/useSheetOpenState.native.js +30 -0
- package/dist/esm/useSheetOpenState.native.js.map +1 -0
- package/dist/esm/useSheetProviderProps.mjs +99 -0
- package/dist/esm/useSheetProviderProps.mjs.map +1 -0
- package/dist/esm/useSheetProviderProps.native.js +116 -0
- package/dist/esm/useSheetProviderProps.native.js.map +1 -0
- package/dist/esm/useSheetScrollViewGestures.mjs +100 -0
- package/dist/esm/useSheetScrollViewGestures.mjs.map +1 -0
- package/dist/esm/useSheetScrollViewGestures.native.js +84 -0
- package/dist/esm/useSheetScrollViewGestures.native.js.map +1 -0
- package/dist/jsx/GestureDetectorWrapper.mjs +25 -0
- package/dist/jsx/GestureDetectorWrapper.mjs.map +1 -0
- package/dist/jsx/GestureDetectorWrapper.native.js +53 -0
- package/dist/jsx/GestureDetectorWrapper.native.js.map +1 -0
- package/dist/jsx/GestureSheetContext.mjs +28 -0
- package/dist/jsx/GestureSheetContext.mjs.map +1 -0
- package/dist/jsx/GestureSheetContext.native.js +56 -0
- package/dist/jsx/GestureSheetContext.native.js.map +1 -0
- package/dist/jsx/Sheet.mjs +89 -0
- package/dist/jsx/Sheet.mjs.map +1 -0
- package/dist/jsx/Sheet.native.js +120 -0
- package/dist/jsx/Sheet.native.js.map +1 -0
- package/dist/jsx/SheetContext.mjs +6 -0
- package/dist/jsx/SheetContext.mjs.map +1 -0
- package/dist/jsx/SheetContext.native.js +35 -0
- package/dist/jsx/SheetContext.native.js.map +1 -0
- package/dist/jsx/SheetController.mjs +31 -0
- package/dist/jsx/SheetController.mjs.map +1 -0
- package/dist/jsx/SheetController.native.js +71 -0
- package/dist/jsx/SheetController.native.js.map +1 -0
- package/dist/jsx/SheetImplementationCustom.mjs +437 -0
- package/dist/jsx/SheetImplementationCustom.mjs.map +1 -0
- package/dist/jsx/SheetImplementationCustom.native.js +524 -0
- package/dist/jsx/SheetImplementationCustom.native.js.map +1 -0
- package/dist/jsx/SheetScrollView.mjs +146 -0
- package/dist/jsx/SheetScrollView.mjs.map +1 -0
- package/dist/jsx/SheetScrollView.native.js +197 -0
- package/dist/jsx/SheetScrollView.native.js.map +1 -0
- package/dist/jsx/constants.mjs +6 -0
- package/dist/jsx/constants.mjs.map +1 -0
- package/dist/jsx/constants.native.js +35 -0
- package/dist/jsx/constants.native.js.map +1 -0
- package/dist/jsx/contexts.mjs +7 -0
- package/dist/jsx/contexts.mjs.map +1 -0
- package/dist/jsx/contexts.native.js +45 -0
- package/dist/jsx/contexts.native.js.map +1 -0
- package/dist/jsx/controller.mjs +4 -0
- package/dist/jsx/controller.mjs.map +1 -0
- package/dist/jsx/controller.native.js +32 -0
- package/dist/jsx/controller.native.js.map +1 -0
- package/dist/jsx/createSheet.mjs +168 -0
- package/dist/jsx/createSheet.mjs.map +1 -0
- package/dist/jsx/createSheet.native.js +208 -0
- package/dist/jsx/createSheet.native.js.map +1 -0
- package/dist/jsx/gestureState.mjs +13 -0
- package/dist/jsx/gestureState.mjs.map +1 -0
- package/dist/jsx/gestureState.native.js +42 -0
- package/dist/jsx/gestureState.native.js.map +1 -0
- package/dist/jsx/helpers.mjs +8 -0
- package/dist/jsx/helpers.mjs.map +1 -0
- package/dist/jsx/helpers.native.js +35 -0
- package/dist/jsx/helpers.native.js.map +1 -0
- package/dist/jsx/index.js +12 -0
- package/dist/jsx/index.js.map +1 -0
- package/dist/jsx/index.mjs +12 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +31 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/dist/jsx/nativeSheet.mjs +63 -0
- package/dist/jsx/nativeSheet.mjs.map +1 -0
- package/dist/jsx/nativeSheet.native.js +101 -0
- package/dist/jsx/nativeSheet.native.js.map +1 -0
- package/dist/jsx/setupGestureHandler.mjs +22 -0
- package/dist/jsx/setupGestureHandler.mjs.map +1 -0
- package/dist/jsx/setupGestureHandler.native.js +50 -0
- package/dist/jsx/setupGestureHandler.native.js.map +1 -0
- package/dist/jsx/types.mjs +2 -0
- package/dist/jsx/types.mjs.map +1 -0
- package/dist/jsx/types.native.js +19 -0
- package/dist/jsx/types.native.js.map +1 -0
- package/dist/jsx/useGestureHandlerPan.mjs +113 -0
- package/dist/jsx/useGestureHandlerPan.mjs.map +1 -0
- package/dist/jsx/useGestureHandlerPan.native.js +145 -0
- package/dist/jsx/useGestureHandlerPan.native.js.map +1 -0
- package/dist/jsx/useKeyboardControllerSheet.mjs +15 -0
- package/dist/jsx/useKeyboardControllerSheet.mjs.map +1 -0
- package/dist/jsx/useKeyboardControllerSheet.native.js +114 -0
- package/dist/jsx/useKeyboardControllerSheet.native.js.map +1 -0
- package/dist/jsx/useSheet.mjs +4 -0
- package/dist/jsx/useSheet.mjs.map +1 -0
- package/dist/jsx/useSheet.native.js +32 -0
- package/dist/jsx/useSheet.native.js.map +1 -0
- package/dist/jsx/useSheetController.mjs +15 -0
- package/dist/jsx/useSheetController.mjs.map +1 -0
- package/dist/jsx/useSheetController.native.js +53 -0
- package/dist/jsx/useSheetController.native.js.map +1 -0
- package/dist/jsx/useSheetOffscreenSize.mjs +28 -0
- package/dist/jsx/useSheetOffscreenSize.mjs.map +1 -0
- package/dist/jsx/useSheetOffscreenSize.native.js +61 -0
- package/dist/jsx/useSheetOffscreenSize.native.js.map +1 -0
- package/dist/jsx/useSheetOpenState.mjs +26 -0
- package/dist/jsx/useSheetOpenState.mjs.map +1 -0
- package/dist/jsx/useSheetOpenState.native.js +56 -0
- package/dist/jsx/useSheetOpenState.native.js.map +1 -0
- package/dist/jsx/useSheetProviderProps.mjs +99 -0
- package/dist/jsx/useSheetProviderProps.mjs.map +1 -0
- package/dist/jsx/useSheetProviderProps.native.js +153 -0
- package/dist/jsx/useSheetProviderProps.native.js.map +1 -0
- package/dist/jsx/useSheetScrollViewGestures.mjs +100 -0
- package/dist/jsx/useSheetScrollViewGestures.mjs.map +1 -0
- package/dist/jsx/useSheetScrollViewGestures.native.js +110 -0
- package/dist/jsx/useSheetScrollViewGestures.native.js.map +1 -0
- package/next.md +78 -0
- package/package.json +96 -0
- package/setup-gesture-handler/index.cjs +2 -0
- package/setup-gesture-handler/index.js +2 -0
- package/setup-gesture-handler/index.native.cjs +2 -0
- package/setup-gesture-handler/index.native.js +2 -0
- package/setup-gesture-handler.cjs +1 -0
- package/src/GestureDetectorWrapper.tsx +41 -0
- package/src/GestureSheetContext.tsx +62 -0
- package/src/Sheet.tsx +114 -0
- package/src/SheetContext.tsx +11 -0
- package/src/SheetController.tsx +44 -0
- package/src/SheetImplementationCustom.tsx +868 -0
- package/src/SheetScrollView.tsx +195 -0
- package/src/constants.tsx +5 -0
- package/src/contexts.ts +9 -0
- package/src/controller.ts +9 -0
- package/src/createSheet.tsx +296 -0
- package/src/gestureState.ts +24 -0
- package/src/helpers.tsx +31 -0
- package/src/index.ts +11 -0
- package/src/nativeSheet.tsx +89 -0
- package/src/setupGestureHandler.ts +34 -0
- package/src/types.tsx +181 -0
- package/src/useGestureHandlerPan.tsx +364 -0
- package/src/useKeyboardControllerSheet.native.ts +136 -0
- package/src/useKeyboardControllerSheet.ts +26 -0
- package/src/useSheet.tsx +3 -0
- package/src/useSheetController.tsx +27 -0
- package/src/useSheetOffscreenSize.tsx +49 -0
- package/src/useSheetOpenState.tsx +33 -0
- package/src/useSheetProviderProps.tsx +223 -0
- package/src/useSheetScrollViewGestures.native.ts +163 -0
- package/src/useSheetScrollViewGestures.ts +194 -0
- package/tsconfig.json +56 -0
- package/types/GestureDetectorWrapper.d.ts +14 -0
- package/types/GestureSheetContext.d.ts +36 -0
- package/types/Sheet.d.ts +183 -0
- package/types/SheetContext.d.ts +43 -0
- package/types/SheetController.d.ts +6 -0
- package/types/SheetImplementationCustom.d.ts +36 -0
- package/types/SheetScrollView.d.ts +40 -0
- package/types/constants.d.ts +5 -0
- package/types/contexts.d.ts +6 -0
- package/types/controller.d.ts +3 -0
- package/types/createSheet.d.ts +194 -0
- package/types/gestureState.d.ts +11 -0
- package/types/helpers.d.ts +2 -0
- package/types/index.d.ts +12 -0
- package/types/nativeSheet.d.ts +10 -0
- package/types/setupGestureHandler.d.ts +11 -0
- package/types/types.d.ts +147 -0
- package/types/useGestureHandlerPan.d.ts +44 -0
- package/types/useKeyboardControllerSheet.d.ts +7 -0
- package/types/useKeyboardControllerSheet.native.d.ts +13 -0
- package/types/useSheet.d.ts +2 -0
- package/types/useSheetController.d.ts +17 -0
- package/types/useSheetOffscreenSize.d.ts +3 -0
- package/types/useSheetOpenState.d.ts +9 -0
- package/types/useSheetProviderProps.d.ts +36 -0
- package/types/useSheetScrollViewGestures.d.ts +12 -0
- package/types/useSheetScrollViewGestures.native.d.ts +21 -0
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { useEffect, useRef } from "react";
|
|
2
|
+
function useSheetScrollViewGestures({
|
|
3
|
+
scrollRef,
|
|
4
|
+
scrollBridge,
|
|
5
|
+
hasScrollableContent
|
|
6
|
+
}) {
|
|
7
|
+
const state = useRef({
|
|
8
|
+
startY: 0,
|
|
9
|
+
lastY: 0,
|
|
10
|
+
owner: "none",
|
|
11
|
+
panDragOffset: 0,
|
|
12
|
+
dys: [],
|
|
13
|
+
scrollYAtGestureStart: 0
|
|
14
|
+
});
|
|
15
|
+
return useEffect(() => {
|
|
16
|
+
if (!scrollRef.current) return;
|
|
17
|
+
const controller = new AbortController(),
|
|
18
|
+
node = scrollRef.current?.getScrollableNode();
|
|
19
|
+
if (!node) return;
|
|
20
|
+
node.style.overscrollBehavior = "contain";
|
|
21
|
+
let originalOverflow = "";
|
|
22
|
+
const disableScroll = () => {
|
|
23
|
+
node.style.overflowY !== "hidden" && (originalOverflow = node.style.overflowY, node.style.overflowY = "hidden");
|
|
24
|
+
},
|
|
25
|
+
enableScroll = () => {
|
|
26
|
+
node.style.overflowY = originalOverflow;
|
|
27
|
+
},
|
|
28
|
+
handleTouchStart = e => {
|
|
29
|
+
const touch = e.touches[0];
|
|
30
|
+
if (!touch) return;
|
|
31
|
+
const currentScrollY = node.scrollTop;
|
|
32
|
+
state.current = {
|
|
33
|
+
startY: touch.pageY,
|
|
34
|
+
lastY: touch.pageY,
|
|
35
|
+
owner: "none",
|
|
36
|
+
panDragOffset: 0,
|
|
37
|
+
dys: [],
|
|
38
|
+
scrollYAtGestureStart: currentScrollY
|
|
39
|
+
}, scrollBridge.scrollStartY = touch.pageY;
|
|
40
|
+
},
|
|
41
|
+
handleTouchMove = e => {
|
|
42
|
+
const touch = e.touches[0];
|
|
43
|
+
if (!touch) return;
|
|
44
|
+
const {
|
|
45
|
+
current: s
|
|
46
|
+
} = state,
|
|
47
|
+
pageY = touch.pageY,
|
|
48
|
+
dy = pageY - s.lastY;
|
|
49
|
+
if (s.lastY = pageY, dy === 0) return;
|
|
50
|
+
const isDraggingDown = dy > 0,
|
|
51
|
+
currentScrollY = node.scrollTop,
|
|
52
|
+
isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY + 5;
|
|
53
|
+
scrollBridge.y = currentScrollY;
|
|
54
|
+
let shouldPanOwn = !1;
|
|
55
|
+
isPaneAtTop ? currentScrollY <= 0 && isDraggingDown && (shouldPanOwn = !0) : shouldPanOwn = !0;
|
|
56
|
+
const newOwner = shouldPanOwn ? "pan" : "scroll";
|
|
57
|
+
if (newOwner !== s.owner && (newOwner === "pan" ? (s.panDragOffset = 0, s.dys = [], scrollBridge.setParentDragging(!0), disableScroll()) : (scrollBridge.setParentDragging(!1), scrollBridge.scrollLock = !1, enableScroll()), s.owner = newOwner), s.owner === "pan") e.cancelable && e.preventDefault(), s.panDragOffset += dy, scrollBridge.drag(s.panDragOffset), s.dys.push(dy), s.dys.length > 100 && (s.dys = s.dys.slice(-10));else if (s.owner === "scroll") {
|
|
58
|
+
const scrollDelta = -dy,
|
|
59
|
+
maxScrollY = node.scrollHeight - node.clientHeight,
|
|
60
|
+
newScrollY = Math.max(0, Math.min(maxScrollY, currentScrollY + scrollDelta));
|
|
61
|
+
newScrollY !== currentScrollY && (node.scrollTop = newScrollY, scrollBridge.y = newScrollY);
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
handleTouchEnd = () => {
|
|
65
|
+
const {
|
|
66
|
+
current: s
|
|
67
|
+
} = state;
|
|
68
|
+
if (s.owner === "pan") {
|
|
69
|
+
scrollBridge.setParentDragging(!1);
|
|
70
|
+
let vy = 0;
|
|
71
|
+
if (s.dys.length) {
|
|
72
|
+
const recentDys = s.dys.slice(-10);
|
|
73
|
+
vy = recentDys.reduce((a, b) => a + b, 0) / recentDys.length * 0.04;
|
|
74
|
+
}
|
|
75
|
+
scrollBridge.release({
|
|
76
|
+
dragAt: s.panDragOffset,
|
|
77
|
+
vy
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
enableScroll(), s.owner = "none", s.panDragOffset = 0, s.dys = [];
|
|
81
|
+
};
|
|
82
|
+
return node.addEventListener("touchstart", handleTouchStart, {
|
|
83
|
+
signal: controller.signal,
|
|
84
|
+
passive: !0
|
|
85
|
+
}), node.addEventListener("touchmove", handleTouchMove, {
|
|
86
|
+
signal: controller.signal,
|
|
87
|
+
passive: !1
|
|
88
|
+
}), node.addEventListener("touchend", handleTouchEnd, {
|
|
89
|
+
signal: controller.signal,
|
|
90
|
+
passive: !0
|
|
91
|
+
}), node.addEventListener("touchcancel", handleTouchEnd, {
|
|
92
|
+
signal: controller.signal,
|
|
93
|
+
passive: !0
|
|
94
|
+
}), () => {
|
|
95
|
+
enableScroll(), controller.abort();
|
|
96
|
+
};
|
|
97
|
+
}, [scrollRef, scrollBridge, hasScrollableContent]), {};
|
|
98
|
+
}
|
|
99
|
+
export { useSheetScrollViewGestures };
|
|
100
|
+
//# sourceMappingURL=useSheetScrollViewGestures.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","useSheetScrollViewGestures","scrollRef","scrollBridge","hasScrollableContent","state","startY","lastY","owner","panDragOffset","dys","scrollYAtGestureStart","current","controller","AbortController","node","getScrollableNode","style","overscrollBehavior","originalOverflow","disableScroll","overflowY","enableScroll","handleTouchStart","e","touch","touches","currentScrollY","scrollTop","pageY","scrollStartY","handleTouchMove","s","dy","isDraggingDown","isPaneAtTop","paneY","paneMinY","y","shouldPanOwn","newOwner","setParentDragging","scrollLock","cancelable","preventDefault","drag","push","length","slice","scrollDelta","maxScrollY","scrollHeight","clientHeight","newScrollY","Math","max","min","handleTouchEnd","vy","recentDys","reduce","a","b","release","dragAt","addEventListener","signal","passive","abort"],"sources":["../../src/useSheetScrollViewGestures.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { useRef } from "react";
|
|
2
|
+
function useSheetScrollViewGestures(param) {
|
|
3
|
+
var {
|
|
4
|
+
scrollBridge,
|
|
5
|
+
hasScrollableContent,
|
|
6
|
+
scrollEnabled,
|
|
7
|
+
setScrollEnabled
|
|
8
|
+
} = param,
|
|
9
|
+
state = useRef({
|
|
10
|
+
lastPageY: 0,
|
|
11
|
+
dragAt: 0,
|
|
12
|
+
dys: [],
|
|
13
|
+
isScrolling: !1,
|
|
14
|
+
isDraggingScrollArea: !1,
|
|
15
|
+
scrollEngaged: !1,
|
|
16
|
+
prevScrollY: 0,
|
|
17
|
+
handoffOccurred: !1,
|
|
18
|
+
handoffDragOffset: 0
|
|
19
|
+
}),
|
|
20
|
+
release = function () {
|
|
21
|
+
var s = state.current;
|
|
22
|
+
if (s.isDraggingScrollArea) {
|
|
23
|
+
s.isDraggingScrollArea = !1, scrollBridge.scrollStartY = -1, scrollBridge.scrollLock = !1, s.isScrolling = !1, s.scrollEngaged = !1, s.prevScrollY = 0, s.handoffOccurred = !1, s.handoffDragOffset = 0, setScrollEnabled(!0);
|
|
24
|
+
var vy = 0;
|
|
25
|
+
if (s.dys.length) {
|
|
26
|
+
var recentDys = s.dys.slice(-10),
|
|
27
|
+
dist = recentDys.reduce(function (a, b) {
|
|
28
|
+
return a + b;
|
|
29
|
+
}, 0);
|
|
30
|
+
vy = dist / recentDys.length * 0.04;
|
|
31
|
+
}
|
|
32
|
+
s.dys = [], scrollBridge.release({
|
|
33
|
+
dragAt: s.dragAt,
|
|
34
|
+
vy
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
onStartShouldSetResponder = function () {
|
|
39
|
+
var s = state.current;
|
|
40
|
+
return scrollBridge.scrollStartY = -1, s.isDraggingScrollArea = !0, s.scrollEngaged = scrollBridge.y > 0, s.prevScrollY = scrollBridge.y, s.handoffOccurred = !1, s.handoffDragOffset = 0, !1;
|
|
41
|
+
},
|
|
42
|
+
onMoveShouldSetResponder = function (e) {
|
|
43
|
+
if (!scrollEnabled) return !1;
|
|
44
|
+
var s = state.current,
|
|
45
|
+
{
|
|
46
|
+
pageY
|
|
47
|
+
} = e.nativeEvent;
|
|
48
|
+
return s.lastPageY === 0 ? (s.lastPageY = pageY, !1) : Math.abs(pageY - s.lastPageY) > 10;
|
|
49
|
+
},
|
|
50
|
+
onResponderMove = function (e) {
|
|
51
|
+
var s = state.current,
|
|
52
|
+
{
|
|
53
|
+
pageY
|
|
54
|
+
} = e.nativeEvent;
|
|
55
|
+
!s.isScrolling && scrollBridge.scrollStartY === -1 && (scrollBridge.scrollStartY = pageY, s.lastPageY = pageY);
|
|
56
|
+
var dragAt = pageY - scrollBridge.scrollStartY,
|
|
57
|
+
dy = pageY - s.lastPageY;
|
|
58
|
+
s.lastPageY = pageY;
|
|
59
|
+
var isDraggingDown = dy > 0,
|
|
60
|
+
isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY + 5,
|
|
61
|
+
currentScrollY = scrollBridge.y;
|
|
62
|
+
currentScrollY > 0 && (s.scrollEngaged = !0);
|
|
63
|
+
var wasScrolledNowAtZero = s.scrollEngaged && s.prevScrollY > 0 && currentScrollY <= 0;
|
|
64
|
+
wasScrolledNowAtZero && !s.handoffOccurred && (s.handoffOccurred = !0, s.handoffDragOffset = 0), s.prevScrollY = currentScrollY;
|
|
65
|
+
var panHandles = !1;
|
|
66
|
+
if (!isPaneAtTop) panHandles = isDraggingDown ? currentScrollY <= 0 || !hasScrollableContent : !0;else if (isDraggingDown) currentScrollY > 0 && hasScrollableContent && !s.handoffOccurred ? panHandles = !1 : panHandles = s.handoffOccurred || wasScrolledNowAtZero || currentScrollY <= 0;else if (panHandles = !hasScrollableContent, !panHandles) {
|
|
67
|
+
s.isScrolling = !0, scrollBridge.scrollLock = !0, setScrollEnabled(!0);
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
if (panHandles) {
|
|
71
|
+
setScrollEnabled(!1);
|
|
72
|
+
var effectiveDragAt = dragAt;
|
|
73
|
+
s.handoffOccurred && (s.handoffDragOffset += dy, effectiveDragAt = s.handoffDragOffset), scrollBridge.drag(effectiveDragAt), s.dragAt = effectiveDragAt, s.dys.push(dy), s.dys.length > 100 && (s.dys = s.dys.slice(-10));
|
|
74
|
+
} else setScrollEnabled(!0);
|
|
75
|
+
};
|
|
76
|
+
return {
|
|
77
|
+
onResponderRelease: release,
|
|
78
|
+
onStartShouldSetResponder,
|
|
79
|
+
onMoveShouldSetResponder,
|
|
80
|
+
onResponderMove
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
export { useSheetScrollViewGestures };
|
|
84
|
+
//# sourceMappingURL=useSheetScrollViewGestures.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRef","useSheetScrollViewGestures","param","scrollBridge","hasScrollableContent","scrollEnabled","setScrollEnabled","state","lastPageY","dragAt","dys","isScrolling","isDraggingScrollArea","scrollEngaged","prevScrollY","handoffOccurred","handoffDragOffset","release","s","current","scrollStartY","scrollLock","vy","length","recentDys","slice","dist","reduce","a","b","onStartShouldSetResponder","y","onMoveShouldSetResponder","e","pageY","nativeEvent","Math","abs","onResponderMove","dy","isDraggingDown","isPaneAtTop","paneY","paneMinY","currentScrollY","wasScrolledNowAtZero","panHandles","effectiveDragAt","drag","push","onResponderRelease"],"sources":["../../src/useSheetScrollViewGestures.native.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAIZ,SAASC,2BAA2BC,KAAA,EAAO;EAClD,IAAI;MAAEC,YAAA;MAAcC,oBAAA;MAAsBC,aAAA;MAAeC;IAAiB,IAAIJ,KAAA;IAC1EK,KAAA,GAAQP,MAAA,CAAO;MACfQ,SAAA,EAAW;MACXC,MAAA,EAAQ;MACRC,GAAA,EAAK,EAAC;MACNC,WAAA,EAAa;MACbC,oBAAA,EAAsB;MACtBC,aAAA,EAAe;MACfC,WAAA,EAAa;MACbC,eAAA,EAAiB;MACjBC,iBAAA,EAAmB;IACvB,CAAC;IACGC,OAAA,GAAU,SAAAA,CAAA,EAAW;MACrB,IAAIC,CAAA,GAAIX,KAAA,CAAMY,OAAA;MACd,IAAKD,CAAA,CAAEN,oBAAA,EACP;QAAAM,CAAA,CAAEN,oBAAA,GAAuB,IACzBT,YAAA,CAAaiB,YAAA,GAAe,IAC5BjB,YAAA,CAAakB,UAAA,GAAa,IAC1BH,CAAA,CAAEP,WAAA,GAAc,IAChBO,CAAA,CAAEL,aAAA,GAAgB,IAClBK,CAAA,CAAEJ,WAAA,GAAc,GAChBI,CAAA,CAAEH,eAAA,GAAkB,IACpBG,CAAA,CAAEF,iBAAA,GAAoB,GACtBV,gBAAA,CAAiB,EAAI;QACrB,IAAIgB,EAAA,GAAK;QACT,IAAIJ,CAAA,CAAER,GAAA,CAAIa,MAAA,EAAQ;UACd,IAAIC,SAAA,GAAYN,CAAA,CAAER,GAAA,CAAIe,KAAA,CAAM,GAAG;YAC3BC,IAAA,GAAOF,SAAA,CAAUG,MAAA,CAAO,UAASC,CAAA,EAAGC,CAAA,EAAG;cACvC,OAAOD,CAAA,GAAIC,CAAA;YACf,GAAG,CAAC;UACJP,EAAA,GAAKI,IAAA,GAAOF,SAAA,CAAUD,MAAA,GAAS;QACnC;QACAL,CAAA,CAAER,GAAA,GAAM,EAAC,EACTP,YAAA,CAAac,OAAA,CAAQ;UACjBR,MAAA,EAAQS,CAAA,CAAET,MAAA;UACVa;QACJ,CAAC;MAAA;IACL;IACIQ,yBAAA,GAA4B,SAAAA,CAAA,EAAW;MACvC,IAAIZ,CAAA,GAAIX,KAAA,CAAMY,OAAA;MACd,OAAAhB,YAAA,CAAaiB,YAAA,GAAe,IAC5BF,CAAA,CAAEN,oBAAA,GAAuB,IACzBM,CAAA,CAAEL,aAAA,GAAgBV,YAAA,CAAa4B,CAAA,GAAI,GACnCb,CAAA,CAAEJ,WAAA,GAAcX,YAAA,CAAa4B,CAAA,EAC7Bb,CAAA,CAAEH,eAAA,GAAkB,IACpBG,CAAA,CAAEF,iBAAA,GAAoB,GACf;IACX;IACIgB,wBAAA,GAA2B,SAAAA,CAASC,CAAA,EAAG;MACvC,IAAI,CAAC5B,aAAA,EAAe,OAAO;MAC3B,IAAIa,CAAA,GAAIX,KAAA,CAAMY,OAAA;QACV;UAAEe;QAAM,IAAID,CAAA,CAAEE,WAAA;MAClB,OAAIjB,CAAA,CAAEV,SAAA,KAAc,KAChBU,CAAA,CAAEV,SAAA,GAAY0B,KAAA,EACP,MAEJE,IAAA,CAAKC,GAAA,CAAIH,KAAA,GAAQhB,CAAA,CAAEV,SAAS,IAAI;IAC3C;IACI8B,eAAA,GAAkB,SAAAA,CAASL,CAAA,EAAG;MAC9B,IAAIf,CAAA,GAAIX,KAAA,CAAMY,OAAA;QACV;UAAEe;QAAM,IAAID,CAAA,CAAEE,WAAA;MACd,CAACjB,CAAA,CAAEP,WAAA,IAAeR,YAAA,CAAaiB,YAAA,KAAiB,OAChDjB,YAAA,CAAaiB,YAAA,GAAec,KAAA,EAC5BhB,CAAA,CAAEV,SAAA,GAAY0B,KAAA;MAElB,IAAIzB,MAAA,GAASyB,KAAA,GAAQ/B,YAAA,CAAaiB,YAAA;QAC9BmB,EAAA,GAAKL,KAAA,GAAQhB,CAAA,CAAEV,SAAA;MACnBU,CAAA,CAAEV,SAAA,GAAY0B,KAAA;MACd,IAAIM,cAAA,GAAiBD,EAAA,GAAK;QACtBE,WAAA,GAActC,YAAA,CAAauC,KAAA,IAASvC,YAAA,CAAawC,QAAA,GAAW;QAC5DC,cAAA,GAAiBzC,YAAA,CAAa4B,CAAA;MAC9Ba,cAAA,GAAiB,MAAG1B,CAAA,CAAEL,aAAA,GAAgB;MAC1C,IAAIgC,oBAAA,GAAuB3B,CAAA,CAAEL,aAAA,IAAiBK,CAAA,CAAEJ,WAAA,GAAc,KAAK8B,cAAA,IAAkB;MACjFC,oBAAA,IAAwB,CAAC3B,CAAA,CAAEH,eAAA,KAC3BG,CAAA,CAAEH,eAAA,GAAkB,IACpBG,CAAA,CAAEF,iBAAA,GAAoB,IAE1BE,CAAA,CAAEJ,WAAA,GAAc8B,cAAA;MAChB,IAAIE,UAAA,GAAa;MACjB,IAAI,CAACL,WAAA,EACDK,UAAA,GAAaN,cAAA,GAAiBI,cAAA,IAAkB,KAAK,CAACxC,oBAAA,GAAuB,YACtEoC,cAAA,EACHI,cAAA,GAAiB,KAAKxC,oBAAA,IAAwB,CAACc,CAAA,CAAEH,eAAA,GACjD+B,UAAA,GAAa,KAEbA,UAAA,GAAa5B,CAAA,CAAEH,eAAA,IAAmB8B,oBAAA,IAAwBD,cAAA,IAAkB,WAGhFE,UAAA,GAAa,CAAC1C,oBAAA,EACV,CAAC0C,UAAA,EAAY;QACb5B,CAAA,CAAEP,WAAA,GAAc,IAChBR,YAAA,CAAakB,UAAA,GAAa,IAC1Bf,gBAAA,CAAiB,EAAI;QACrB;MACJ;MAEJ,IAAIwC,UAAA,EAAY;QACZxC,gBAAA,CAAiB,EAAK;QACtB,IAAIyC,eAAA,GAAkBtC,MAAA;QAClBS,CAAA,CAAEH,eAAA,KACFG,CAAA,CAAEF,iBAAA,IAAqBuB,EAAA,EACvBQ,eAAA,GAAkB7B,CAAA,CAAEF,iBAAA,GAExBb,YAAA,CAAa6C,IAAA,CAAKD,eAAe,GACjC7B,CAAA,CAAET,MAAA,GAASsC,eAAA,EACX7B,CAAA,CAAER,GAAA,CAAIuC,IAAA,CAAKV,EAAE,GACTrB,CAAA,CAAER,GAAA,CAAIa,MAAA,GAAS,QAAKL,CAAA,CAAER,GAAA,GAAMQ,CAAA,CAAER,GAAA,CAAIe,KAAA,CAAM,GAAG;MACnD,OACInB,gBAAA,CAAiB,EAAI;IAE7B;EACA,OAAO;IACH4C,kBAAA,EAAoBjC,OAAA;IACpBa,yBAAA;IACAE,wBAAA;IACAM;EACJ;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { View } from "react-native-web";
|
|
2
|
+
import { getGestureHandlerState, isGestureHandlerEnabled } from "./gestureState.mjs";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
function GestureDetectorWrapper({
|
|
5
|
+
gesture,
|
|
6
|
+
children,
|
|
7
|
+
style
|
|
8
|
+
}) {
|
|
9
|
+
const {
|
|
10
|
+
GestureDetector
|
|
11
|
+
} = getGestureHandlerState();
|
|
12
|
+
return isGestureHandlerEnabled() && GestureDetector && gesture ? /* @__PURE__ */jsx(GestureDetector, {
|
|
13
|
+
gesture,
|
|
14
|
+
children: /* @__PURE__ */jsx(View, {
|
|
15
|
+
style,
|
|
16
|
+
collapsable: !1,
|
|
17
|
+
children
|
|
18
|
+
})
|
|
19
|
+
}) : /* @__PURE__ */jsx(View, {
|
|
20
|
+
style,
|
|
21
|
+
children
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
export { GestureDetectorWrapper };
|
|
25
|
+
//# sourceMappingURL=GestureDetectorWrapper.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","getGestureHandlerState","isGestureHandlerEnabled","jsx","GestureDetectorWrapper","gesture","children","style","GestureDetector","collapsable"],"sources":["../../src/GestureDetectorWrapper.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,QAA4B;AACrC,SAASC,sBAAA,EAAwBC,uBAAA,QAA+B;AA6BxD,SAAAC,GAAA;AAjBD,SAASC,uBAAuB;EACrCC,OAAA;EACAC,QAAA;EACAC;AACF,GAAgC;EAC9B,MAAM;IAAEC;EAAgB,IAAIP,sBAAA,CAAuB;EAMnD,OALgBC,uBAAA,CAAwB,KAKzBM,eAAA,IAAmBH,OAAA,GAK9B,eAAAF,GAAA,CAACK,eAAA;IAAgBH,OAAA;IACfC,QAAA,iBAAAH,GAAA,CAACH,IAAA;MAAKO,KAAA;MAAcE,WAAA,EAAa;MAC9BH;IAAA,CACH;EAAA,CACF,IAKG,eAAAH,GAAA,CAACH,IAAA;IAAKO,KAAA;IAAeD;EAAA,CAAS;AACvC","ignoreList":[]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
23
|
+
var GestureDetectorWrapper_exports = {};
|
|
24
|
+
__export(GestureDetectorWrapper_exports, {
|
|
25
|
+
GestureDetectorWrapper: () => GestureDetectorWrapper
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(GestureDetectorWrapper_exports);
|
|
28
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
+
import_react_native = require("react-native"),
|
|
30
|
+
import_gestureState = require("./gestureState.native.js");
|
|
31
|
+
function GestureDetectorWrapper(param) {
|
|
32
|
+
var {
|
|
33
|
+
gesture,
|
|
34
|
+
children,
|
|
35
|
+
style
|
|
36
|
+
} = param,
|
|
37
|
+
{
|
|
38
|
+
GestureDetector
|
|
39
|
+
} = (0, import_gestureState.getGestureHandlerState)(),
|
|
40
|
+
enabled = (0, import_gestureState.isGestureHandlerEnabled)();
|
|
41
|
+
return enabled && GestureDetector && gesture ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(GestureDetector, {
|
|
42
|
+
gesture,
|
|
43
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
44
|
+
style,
|
|
45
|
+
collapsable: !1,
|
|
46
|
+
children
|
|
47
|
+
})
|
|
48
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.View, {
|
|
49
|
+
style,
|
|
50
|
+
children
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=GestureDetectorWrapper.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key"],"sources":["../../src/GestureDetectorWrapper.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AA6BzB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAjBD,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAAuB;AAAA,IACrCC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;IACA,SAAAC,IAAA,IAAAD,GAAA,EAC8BZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EAC9B;EAAAC,WAAQ,GAAAA,CAAAC,EAAA,EAAAC,IAAgB,EAAAC,MAAI,EAAAC,IAAA;IAM5B,IAAAF,IALgB,WAAAA,IAAA,YAAwB,IAKzB,OAAAA,IAAA,cAAmB,EAepC,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,G","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { createContext, useContext } from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
const GestureSheetContext = createContext(null);
|
|
4
|
+
function useGestureSheetContext() {
|
|
5
|
+
return useContext(GestureSheetContext);
|
|
6
|
+
}
|
|
7
|
+
function GestureSheetProvider({
|
|
8
|
+
children,
|
|
9
|
+
isDragging,
|
|
10
|
+
blockPan,
|
|
11
|
+
setBlockPan,
|
|
12
|
+
panGesture,
|
|
13
|
+
panGestureRef
|
|
14
|
+
}) {
|
|
15
|
+
const value = {
|
|
16
|
+
panGesture,
|
|
17
|
+
panGestureRef,
|
|
18
|
+
isDragging,
|
|
19
|
+
blockPan,
|
|
20
|
+
setBlockPan
|
|
21
|
+
};
|
|
22
|
+
return /* @__PURE__ */jsx(GestureSheetContext.Provider, {
|
|
23
|
+
value,
|
|
24
|
+
children
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
export { GestureSheetProvider, useGestureSheetContext };
|
|
28
|
+
//# sourceMappingURL=GestureSheetContext.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","jsx","GestureSheetContext","useGestureSheetContext","GestureSheetProvider","children","isDragging","blockPan","setBlockPan","panGesture","panGestureRef","value","Provider"],"sources":["../../src/GestureSheetContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,aAAA,EAAeC,UAAA,QAAkC;AA0DtD,SAAAC,GAAA;AAhCJ,MAAMC,mBAAA,GAAsBH,aAAA,CAA+C,IAAI;AAExE,SAASI,uBAAA,EAA0D;EACxE,OAAOH,UAAA,CAAWE,mBAAmB;AACvC;AAWO,SAASE,qBAAqB;EACnCC,QAAA;EACAC,UAAA;EACAC,QAAA;EACAC,WAAA;EACAC,UAAA;EACAC;AACF,GAA8B;EAC5B,MAAMC,KAAA,GAAkC;IACtCF,UAAA;IACAC,aAAA;IACAJ,UAAA;IACAC,QAAA;IACAC;EACF;EAEA,OACE,eAAAP,GAAA,CAACC,mBAAA,CAAoBU,QAAA,EAApB;IAA6BD,KAAA;IAAeN;EAAA,CAAS;AAE1D","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
23
|
+
var GestureSheetContext_exports = {};
|
|
24
|
+
__export(GestureSheetContext_exports, {
|
|
25
|
+
GestureSheetProvider: () => GestureSheetProvider,
|
|
26
|
+
useGestureSheetContext: () => useGestureSheetContext
|
|
27
|
+
});
|
|
28
|
+
module.exports = __toCommonJS(GestureSheetContext_exports);
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
30
|
+
import_react = require("react"),
|
|
31
|
+
GestureSheetContext = /* @__PURE__ */(0, import_react.createContext)(null);
|
|
32
|
+
function useGestureSheetContext() {
|
|
33
|
+
return (0, import_react.useContext)(GestureSheetContext);
|
|
34
|
+
}
|
|
35
|
+
function GestureSheetProvider(param) {
|
|
36
|
+
var {
|
|
37
|
+
children,
|
|
38
|
+
isDragging,
|
|
39
|
+
blockPan,
|
|
40
|
+
setBlockPan,
|
|
41
|
+
panGesture,
|
|
42
|
+
panGestureRef
|
|
43
|
+
} = param,
|
|
44
|
+
value = {
|
|
45
|
+
panGesture,
|
|
46
|
+
panGestureRef,
|
|
47
|
+
isDragging,
|
|
48
|
+
blockPan,
|
|
49
|
+
setBlockPan
|
|
50
|
+
};
|
|
51
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(GestureSheetContext.Provider, {
|
|
52
|
+
value,
|
|
53
|
+
children
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=GestureSheetContext.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","GestureSheetContext_exports","GestureSheetProvider","useGestureSheetContext","module","exports","import_jsx_runtime","require","import_react","GestureSheetContext","createContext"],"sources":["../../src/GestureSheetContext.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AA0DL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAhCJ,IAAAC,gBAAM,GAAAF,MAAsB,CAAAG,wBAAmD;AAExE,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAA0D;AACxE,IAAAC,YAAO,GAAAN,MAAW,CAAAO,SAAA,CAAAC,cAAmB;AACvC,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;IAWO,SAASC,IAAA,IAAAD,GAAA,EACdZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EAAA;EACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;IACA,IAAAF,IAAA,WAAAA,IAAA,uBAAAA,IAAA,gBACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,IAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;IACA,OAAAE,EAAA;EACF;AACE,IAAAM,YAAwC,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACtCE,2BAAA;AAAAhB,QACA,CAAAgB,2BAAA;EAAAC,oBACA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,sBACA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MACF,CAAAC,OAAA,GAAAP,YAAA,CAAAG,2BAAA;AAEA,IAAAK,kBACE,GAAAC,OAAC,oBAAoB;EAAAC,YAAS,GAAeD,OAAA,CAAS;EAAAE,mBAAA,sBAAAD,YAAA,CAAAE,aAAA;AAE1D,SAAAP,uBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { styled } from "@hanzo/gui-core";
|
|
2
|
+
import { XStack, YStack } from "@hanzo/gui-stacks";
|
|
3
|
+
import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from "./constants.mjs";
|
|
4
|
+
import { createSheet } from "./createSheet.mjs";
|
|
5
|
+
import { createSheetScope } from "./SheetContext.mjs";
|
|
6
|
+
export * from "./types.mjs";
|
|
7
|
+
const Handle = styled(XStack, {
|
|
8
|
+
name: SHEET_HANDLE_NAME,
|
|
9
|
+
variants: {
|
|
10
|
+
open: {
|
|
11
|
+
true: {
|
|
12
|
+
opacity: 1,
|
|
13
|
+
pointerEvents: "auto"
|
|
14
|
+
},
|
|
15
|
+
false: {
|
|
16
|
+
opacity: 0,
|
|
17
|
+
pointerEvents: "none"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
unstyled: {
|
|
21
|
+
false: {
|
|
22
|
+
height: 10,
|
|
23
|
+
borderRadius: 100,
|
|
24
|
+
backgroundColor: "$background",
|
|
25
|
+
zIndex: 10,
|
|
26
|
+
marginHorizontal: "35%",
|
|
27
|
+
marginBottom: "$2",
|
|
28
|
+
opacity: 0.5,
|
|
29
|
+
hoverStyle: {
|
|
30
|
+
opacity: 0.7
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: {
|
|
36
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
37
|
+
}
|
|
38
|
+
}),
|
|
39
|
+
Overlay = styled(YStack, {
|
|
40
|
+
name: SHEET_OVERLAY_NAME,
|
|
41
|
+
variants: {
|
|
42
|
+
open: {
|
|
43
|
+
true: {
|
|
44
|
+
pointerEvents: "auto"
|
|
45
|
+
},
|
|
46
|
+
false: {
|
|
47
|
+
pointerEvents: "none"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
unstyled: {
|
|
51
|
+
false: {
|
|
52
|
+
fullscreen: !0,
|
|
53
|
+
position: "absolute",
|
|
54
|
+
backgroundColor: "$background",
|
|
55
|
+
zIndex: 99999,
|
|
56
|
+
pointerEvents: "auto"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
defaultVariants: {
|
|
61
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
62
|
+
}
|
|
63
|
+
}),
|
|
64
|
+
Frame = styled(YStack, {
|
|
65
|
+
name: SHEET_NAME,
|
|
66
|
+
variants: {
|
|
67
|
+
unstyled: {
|
|
68
|
+
false: {
|
|
69
|
+
flex: 1,
|
|
70
|
+
backgroundColor: "$background",
|
|
71
|
+
borderTopLeftRadius: "$true",
|
|
72
|
+
borderTopRightRadius: "$true",
|
|
73
|
+
width: "100%",
|
|
74
|
+
maxHeight: "100%",
|
|
75
|
+
overflow: "hidden"
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
defaultVariants: {
|
|
80
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
81
|
+
}
|
|
82
|
+
}),
|
|
83
|
+
Sheet = createSheet({
|
|
84
|
+
Frame,
|
|
85
|
+
Handle,
|
|
86
|
+
Overlay
|
|
87
|
+
});
|
|
88
|
+
export { Frame, Handle, Overlay, Sheet, createSheetScope };
|
|
89
|
+
//# sourceMappingURL=Sheet.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","XStack","YStack","SHEET_HANDLE_NAME","SHEET_NAME","SHEET_OVERLAY_NAME","createSheet","createSheetScope","Handle","name","variants","open","true","opacity","pointerEvents","false","unstyled","height","borderRadius","backgroundColor","zIndex","marginHorizontal","marginBottom","hoverStyle","defaultVariants","process","env","HANZO_GUI_HEADLESS","Overlay","fullscreen","position","Frame","flex","borderTopLeftRadius","borderTopRightRadius","width","maxHeight","overflow","Sheet"],"sources":["../../src/Sheet.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,MAAA,EAAQC,MAAA,QAAc;AAE/B,SAASC,iBAAA,EAAmBC,UAAA,EAAYC,kBAAA,QAA0B;AAClE,SAASC,WAAA,QAAmB;AAE5B,SAASC,gBAAA,QAAwB;AACjC,cAAc;AAMP,MAAMC,MAAA,GAASR,MAAA,CAAOC,MAAA,EAAQ;IACnCQ,IAAA,EAAMN,iBAAA;IAENO,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,IAAA,EAAM;UACJC,OAAA,EAAS;UACTC,aAAA,EAAe;QACjB;QACAC,KAAA,EAAO;UACLF,OAAA,EAAS;UACTC,aAAA,EAAe;QACjB;MACF;MAEAE,QAAA,EAAU;QACRD,KAAA,EAAO;UACLE,MAAA,EAAQ;UACRC,YAAA,EAAc;UACdC,eAAA,EAAiB;UACjBC,MAAA,EAAQ;UACRC,gBAAA,EAAkB;UAClBC,YAAA,EAAc;UACdT,OAAA,EAAS;UAETU,UAAA,EAAY;YACVV,OAAA,EAAS;UACX;QACF;MACF;IACF;IAEAW,eAAA,EAAiB;MACfR,QAAA,EAAUS,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC/C;EACF,CAAC;EAMYC,OAAA,GAAU5B,MAAA,CAAOE,MAAA,EAAQ;IACpCO,IAAA,EAAMJ,kBAAA;IAENK,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,IAAA,EAAM;UACJE,aAAA,EAAe;QACjB;QACAC,KAAA,EAAO;UACLD,aAAA,EAAe;QACjB;MACF;MAEAE,QAAA,EAAU;QACRD,KAAA,EAAO;UACLc,UAAA,EAAY;UACZC,QAAA,EAAU;UACVX,eAAA,EAAiB;UACjBC,MAAA,EAAQ;UACRN,aAAA,EAAe;QACjB;MACF;IACF;IAEAU,eAAA,EAAiB;MACfR,QAAA,EAAUS,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC/C;EACF,CAAC;EAMYI,KAAA,GAAQ/B,MAAA,CAAOE,MAAA,EAAQ;IAClCO,IAAA,EAAML,UAAA;IAENM,QAAA,EAAU;MACRM,QAAA,EAAU;QACRD,KAAA,EAAO;UACLiB,IAAA,EAAM;UACNb,eAAA,EAAiB;UACjBc,mBAAA,EAAqB;UACrBC,oBAAA,EAAsB;UACtBC,KAAA,EAAO;UACPC,SAAA,EAAW;UACXC,QAAA,EAAU;QACZ;MACF;IACF;IAEAb,eAAA,EAAiB;MACfR,QAAA,EAAUS,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC/C;EACF,CAAC;EAEYW,KAAA,GAAQhC,WAAA,CAAY;IAC/ByB,KAAA;IACAvB,MAAA;IACAoB;EACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
},
|
|
20
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
22
|
+
value: !0
|
|
23
|
+
}), mod);
|
|
24
|
+
var Sheet_exports = {};
|
|
25
|
+
__export(Sheet_exports, {
|
|
26
|
+
Frame: () => Frame,
|
|
27
|
+
Handle: () => Handle,
|
|
28
|
+
Overlay: () => Overlay,
|
|
29
|
+
Sheet: () => Sheet,
|
|
30
|
+
createSheetScope: () => import_SheetContext.createSheetScope
|
|
31
|
+
});
|
|
32
|
+
module.exports = __toCommonJS(Sheet_exports);
|
|
33
|
+
var import_gui_core = require("@hanzo/gui-core"),
|
|
34
|
+
import_gui_stacks = require("@hanzo/gui-stacks"),
|
|
35
|
+
import_constants = require("./constants.native.js"),
|
|
36
|
+
import_createSheet = require("./createSheet.native.js"),
|
|
37
|
+
import_SheetContext = require("./SheetContext.native.js");
|
|
38
|
+
__reExport(Sheet_exports, require("./types.native.js"), module.exports);
|
|
39
|
+
var Handle = (0, import_gui_core.styled)(import_gui_stacks.XStack, {
|
|
40
|
+
name: import_constants.SHEET_HANDLE_NAME,
|
|
41
|
+
variants: {
|
|
42
|
+
open: {
|
|
43
|
+
true: {
|
|
44
|
+
opacity: 1,
|
|
45
|
+
pointerEvents: "auto"
|
|
46
|
+
},
|
|
47
|
+
false: {
|
|
48
|
+
opacity: 0,
|
|
49
|
+
pointerEvents: "none"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
unstyled: {
|
|
53
|
+
false: {
|
|
54
|
+
height: 10,
|
|
55
|
+
borderRadius: 100,
|
|
56
|
+
backgroundColor: "$background",
|
|
57
|
+
zIndex: 10,
|
|
58
|
+
marginHorizontal: "35%",
|
|
59
|
+
marginBottom: "$2",
|
|
60
|
+
opacity: 0.5,
|
|
61
|
+
hoverStyle: {
|
|
62
|
+
opacity: 0.7
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
defaultVariants: {
|
|
68
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
69
|
+
}
|
|
70
|
+
}),
|
|
71
|
+
Overlay = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
|
|
72
|
+
name: import_constants.SHEET_OVERLAY_NAME,
|
|
73
|
+
variants: {
|
|
74
|
+
open: {
|
|
75
|
+
true: {
|
|
76
|
+
pointerEvents: "auto"
|
|
77
|
+
},
|
|
78
|
+
false: {
|
|
79
|
+
pointerEvents: "none"
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
unstyled: {
|
|
83
|
+
false: {
|
|
84
|
+
fullscreen: !0,
|
|
85
|
+
position: "absolute",
|
|
86
|
+
backgroundColor: "$background",
|
|
87
|
+
zIndex: 99999,
|
|
88
|
+
pointerEvents: "auto"
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
defaultVariants: {
|
|
93
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
94
|
+
}
|
|
95
|
+
}),
|
|
96
|
+
Frame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
|
|
97
|
+
name: import_constants.SHEET_NAME,
|
|
98
|
+
variants: {
|
|
99
|
+
unstyled: {
|
|
100
|
+
false: {
|
|
101
|
+
flex: 1,
|
|
102
|
+
backgroundColor: "$background",
|
|
103
|
+
borderTopLeftRadius: "$true",
|
|
104
|
+
borderTopRightRadius: "$true",
|
|
105
|
+
width: "100%",
|
|
106
|
+
maxHeight: "100%",
|
|
107
|
+
overflow: "hidden"
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
defaultVariants: {
|
|
112
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
113
|
+
}
|
|
114
|
+
}),
|
|
115
|
+
Sheet = (0, import_createSheet.createSheet)({
|
|
116
|
+
Frame,
|
|
117
|
+
Handle,
|
|
118
|
+
Overlay
|
|
119
|
+
});
|
|
120
|
+
//# sourceMappingURL=Sheet.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__reExport","mod","secondTarget","__toCommonJS","value","Sheet_exports","Frame","Handle","Overlay","Sheet","createSheetScope","import_SheetContext","module","exports","import_gui_core","require","import_gui_stacks","import_constants","import_createSheet","styled","XStack","SHEET_HANDLE_NAME","variants","open","true","opacity","pointerEvents","false","unstyled","height","borderRadius","backgroundColor","zIndex","marginHorizontal","marginBottom","hoverStyle","defaultVariants","process","env","HANZO_GUI_HEADLESS","YStack","SHEET_OVERLAY_NAME","fullscreen","position","SHEET_NAME"],"sources":["../../src/Sheet.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { createContextScope } from "@hanzo/gui-create-context";
|
|
2
|
+
import { SHEET_NAME } from "./constants.mjs";
|
|
3
|
+
const [createSheetContext, createSheetScope] = createContextScope(SHEET_NAME),
|
|
4
|
+
[SheetProvider, useSheetContext] = createSheetContext(SHEET_NAME, {});
|
|
5
|
+
export { SheetProvider, createSheetContext, createSheetScope, useSheetContext };
|
|
6
|
+
//# sourceMappingURL=SheetContext.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContextScope","SHEET_NAME","createSheetContext","createSheetScope","SheetProvider","useSheetContext"],"sources":["../../src/SheetContext.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAA,QAA0B;AAEnC,SAASC,UAAA,QAAkB;AAGpB,MAAM,CAACC,kBAAA,EAAoBC,gBAAgB,IAAIH,kBAAA,CAAmBC,UAAU;EAEtE,CAACG,aAAA,EAAeC,eAAe,IAAIH,kBAAA,CAC9CD,UAAA,EACA,CAAC,CACH","ignoreList":[]}
|