@tamagui/sheet 2.0.0-rc.4 → 2.0.0-rc.40
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/.turbo/turbo-build.log +3 -0
- package/controller/index.cjs +2 -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 +27 -21
- package/dist/cjs/GestureDetectorWrapper.native.js +33 -28
- package/dist/cjs/GestureDetectorWrapper.native.js.map +1 -1
- package/dist/cjs/GestureSheetContext.cjs +14 -12
- package/dist/cjs/GestureSheetContext.native.js +29 -27
- package/dist/cjs/GestureSheetContext.native.js.map +1 -1
- package/dist/cjs/Sheet.cjs +88 -86
- package/dist/cjs/Sheet.native.js +88 -86
- package/dist/cjs/Sheet.native.js.map +1 -1
- package/dist/cjs/SheetContext.cjs +16 -14
- package/dist/cjs/SheetContext.native.js +16 -14
- package/dist/cjs/SheetContext.native.js.map +1 -1
- package/dist/cjs/SheetController.cjs +40 -32
- package/dist/cjs/SheetController.native.js +62 -54
- package/dist/cjs/SheetController.native.js.map +1 -1
- package/dist/cjs/SheetImplementationCustom.cjs +545 -429
- package/dist/cjs/SheetImplementationCustom.native.js +569 -474
- package/dist/cjs/SheetImplementationCustom.native.js.map +1 -1
- package/dist/cjs/SheetScrollView.cjs +168 -132
- package/dist/cjs/SheetScrollView.native.js +189 -163
- package/dist/cjs/SheetScrollView.native.js.map +1 -1
- package/dist/cjs/constants.cjs +16 -14
- package/dist/cjs/constants.native.js +16 -14
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/contexts.cjs +27 -25
- package/dist/cjs/contexts.native.js +29 -27
- package/dist/cjs/contexts.native.js.map +1 -1
- package/dist/cjs/controller.cjs +14 -12
- package/dist/cjs/controller.native.js +14 -12
- package/dist/cjs/controller.native.js.map +1 -1
- package/dist/cjs/createSheet.cjs +159 -160
- package/dist/cjs/createSheet.native.js +172 -180
- package/dist/cjs/createSheet.native.js.map +1 -1
- package/dist/cjs/gestureState.cjs +12 -10
- package/dist/cjs/gestureState.native.js +12 -10
- package/dist/cjs/gestureState.native.js.map +1 -1
- package/dist/cjs/helpers.cjs +17 -13
- package/dist/cjs/helpers.native.js +17 -13
- package/dist/cjs/helpers.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/nativeSheet.cjs +64 -55
- package/dist/cjs/nativeSheet.native.js +73 -68
- package/dist/cjs/nativeSheet.native.js.map +1 -1
- package/dist/cjs/setupGestureHandler.cjs +24 -18
- package/dist/cjs/setupGestureHandler.native.js +24 -19
- package/dist/cjs/setupGestureHandler.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useGestureHandlerPan.cjs +181 -111
- package/dist/cjs/useGestureHandlerPan.native.js +183 -115
- package/dist/cjs/useGestureHandlerPan.native.js.map +1 -1
- package/dist/cjs/useKeyboardControllerSheet.cjs +15 -13
- package/dist/cjs/useKeyboardControllerSheet.native.js +100 -82
- package/dist/cjs/useKeyboardControllerSheet.native.js.map +1 -1
- package/dist/cjs/useSheet.cjs +12 -10
- package/dist/cjs/useSheet.native.js +16 -14
- package/dist/cjs/useSheet.native.js.map +1 -1
- package/dist/cjs/useSheetController.cjs +35 -33
- package/dist/cjs/useSheetController.native.js +37 -35
- package/dist/cjs/useSheetController.native.js.map +1 -1
- package/dist/cjs/useSheetOffscreenSize.cjs +35 -23
- package/dist/cjs/useSheetOffscreenSize.native.js +36 -27
- package/dist/cjs/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/cjs/useSheetOpenState.cjs +28 -25
- package/dist/cjs/useSheetOpenState.native.js +39 -37
- package/dist/cjs/useSheetOpenState.native.js.map +1 -1
- package/dist/cjs/useSheetProviderProps.cjs +129 -81
- package/dist/cjs/useSheetProviderProps.native.js +165 -122
- package/dist/cjs/useSheetProviderProps.native.js.map +1 -1
- package/dist/cjs/useSheetScrollViewGestures.cjs +124 -81
- package/dist/cjs/useSheetScrollViewGestures.native.js +128 -79
- package/dist/cjs/useSheetScrollViewGestures.native.js.map +1 -1
- package/dist/esm/GestureDetectorWrapper.mjs +12 -8
- package/dist/esm/GestureDetectorWrapper.mjs.map +1 -1
- package/dist/esm/GestureDetectorWrapper.native.js +18 -15
- package/dist/esm/GestureDetectorWrapper.native.js.map +1 -1
- package/dist/esm/GestureSheetContext.native.js +14 -14
- package/dist/esm/GestureSheetContext.native.js.map +1 -1
- package/dist/esm/Sheet.mjs +70 -70
- package/dist/esm/Sheet.mjs.map +1 -1
- package/dist/esm/Sheet.native.js +70 -70
- package/dist/esm/Sheet.native.js.map +1 -1
- package/dist/esm/SheetContext.mjs +2 -2
- package/dist/esm/SheetContext.mjs.map +1 -1
- package/dist/esm/SheetContext.native.js +2 -2
- package/dist/esm/SheetContext.native.js.map +1 -1
- package/dist/esm/SheetController.mjs +12 -6
- package/dist/esm/SheetController.mjs.map +1 -1
- package/dist/esm/SheetController.native.js +18 -12
- package/dist/esm/SheetController.native.js.map +1 -1
- package/dist/esm/SheetImplementationCustom.mjs +503 -389
- package/dist/esm/SheetImplementationCustom.mjs.map +1 -1
- package/dist/esm/SheetImplementationCustom.native.js +523 -434
- package/dist/esm/SheetImplementationCustom.native.js.map +1 -1
- package/dist/esm/SheetScrollView.mjs +133 -99
- package/dist/esm/SheetScrollView.mjs.map +1 -1
- package/dist/esm/SheetScrollView.native.js +155 -131
- package/dist/esm/SheetScrollView.native.js.map +1 -1
- package/dist/esm/constants.mjs +4 -4
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +4 -4
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/contexts.mjs +3 -3
- package/dist/esm/contexts.mjs.map +1 -1
- package/dist/esm/contexts.native.js +3 -3
- package/dist/esm/contexts.native.js.map +1 -1
- package/dist/esm/createSheet.mjs +130 -133
- package/dist/esm/createSheet.mjs.map +1 -1
- package/dist/esm/createSheet.native.js +142 -152
- package/dist/esm/createSheet.native.js.map +1 -1
- package/dist/esm/helpers.mjs +5 -3
- package/dist/esm/helpers.mjs.map +1 -1
- package/dist/esm/helpers.native.js +5 -3
- package/dist/esm/helpers.native.js.map +1 -1
- package/dist/esm/index.js +11 -11
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/nativeSheet.mjs +45 -38
- package/dist/esm/nativeSheet.mjs.map +1 -1
- package/dist/esm/nativeSheet.native.js +51 -48
- package/dist/esm/nativeSheet.native.js.map +1 -1
- package/dist/esm/setupGestureHandler.mjs +12 -8
- package/dist/esm/setupGestureHandler.mjs.map +1 -1
- package/dist/esm/setupGestureHandler.native.js +12 -9
- package/dist/esm/setupGestureHandler.native.js.map +1 -1
- package/dist/esm/useGestureHandlerPan.mjs +167 -99
- package/dist/esm/useGestureHandlerPan.mjs.map +1 -1
- package/dist/esm/useGestureHandlerPan.native.js +168 -102
- package/dist/esm/useGestureHandlerPan.native.js.map +1 -1
- package/dist/esm/useKeyboardControllerSheet.mjs +3 -3
- package/dist/esm/useKeyboardControllerSheet.mjs.map +1 -1
- package/dist/esm/useKeyboardControllerSheet.native.js +85 -69
- package/dist/esm/useKeyboardControllerSheet.native.js.map +1 -1
- package/dist/esm/useSheetController.mjs +11 -11
- package/dist/esm/useSheetController.mjs.map +1 -1
- package/dist/esm/useSheetController.native.js +11 -11
- package/dist/esm/useSheetController.native.js.map +1 -1
- package/dist/esm/useSheetOffscreenSize.mjs +23 -13
- package/dist/esm/useSheetOffscreenSize.mjs.map +1 -1
- package/dist/esm/useSheetOffscreenSize.native.js +24 -17
- package/dist/esm/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/esm/useSheetOpenState.mjs +14 -13
- package/dist/esm/useSheetOpenState.mjs.map +1 -1
- package/dist/esm/useSheetOpenState.native.js +17 -17
- package/dist/esm/useSheetOpenState.native.js.map +1 -1
- package/dist/esm/useSheetProviderProps.mjs +101 -55
- package/dist/esm/useSheetProviderProps.mjs.map +1 -1
- package/dist/esm/useSheetProviderProps.native.js +137 -96
- package/dist/esm/useSheetProviderProps.native.js.map +1 -1
- package/dist/esm/useSheetScrollViewGestures.mjs +112 -71
- package/dist/esm/useSheetScrollViewGestures.mjs.map +1 -1
- package/dist/esm/useSheetScrollViewGestures.native.js +116 -69
- package/dist/esm/useSheetScrollViewGestures.native.js.map +1 -1
- package/dist/jsx/GestureDetectorWrapper.mjs +12 -8
- package/dist/jsx/GestureDetectorWrapper.mjs.map +1 -1
- package/dist/jsx/GestureDetectorWrapper.native.js +33 -28
- package/dist/jsx/GestureDetectorWrapper.native.js.map +1 -1
- package/dist/jsx/GestureSheetContext.native.js +29 -27
- package/dist/jsx/GestureSheetContext.native.js.map +1 -1
- package/dist/jsx/Sheet.mjs +70 -70
- package/dist/jsx/Sheet.mjs.map +1 -1
- package/dist/jsx/Sheet.native.js +88 -86
- package/dist/jsx/Sheet.native.js.map +1 -1
- package/dist/jsx/SheetContext.mjs +2 -2
- package/dist/jsx/SheetContext.mjs.map +1 -1
- package/dist/jsx/SheetContext.native.js +16 -14
- package/dist/jsx/SheetContext.native.js.map +1 -1
- package/dist/jsx/SheetController.mjs +12 -6
- package/dist/jsx/SheetController.mjs.map +1 -1
- package/dist/jsx/SheetController.native.js +62 -54
- package/dist/jsx/SheetController.native.js.map +1 -1
- package/dist/jsx/SheetImplementationCustom.mjs +503 -389
- package/dist/jsx/SheetImplementationCustom.mjs.map +1 -1
- package/dist/jsx/SheetImplementationCustom.native.js +569 -474
- package/dist/jsx/SheetImplementationCustom.native.js.map +1 -1
- package/dist/jsx/SheetScrollView.mjs +133 -99
- package/dist/jsx/SheetScrollView.mjs.map +1 -1
- package/dist/jsx/SheetScrollView.native.js +189 -163
- package/dist/jsx/SheetScrollView.native.js.map +1 -1
- package/dist/jsx/constants.mjs +4 -4
- package/dist/jsx/constants.mjs.map +1 -1
- package/dist/jsx/constants.native.js +16 -14
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/contexts.mjs +3 -3
- package/dist/jsx/contexts.mjs.map +1 -1
- package/dist/jsx/contexts.native.js +29 -27
- package/dist/jsx/contexts.native.js.map +1 -1
- package/dist/jsx/controller.native.js +14 -12
- package/dist/jsx/createSheet.mjs +130 -133
- package/dist/jsx/createSheet.mjs.map +1 -1
- package/dist/jsx/createSheet.native.js +172 -180
- package/dist/jsx/createSheet.native.js.map +1 -1
- package/dist/jsx/gestureState.native.js +12 -10
- package/dist/jsx/gestureState.native.js.map +1 -1
- package/dist/jsx/helpers.mjs +5 -3
- package/dist/jsx/helpers.mjs.map +1 -1
- package/dist/jsx/helpers.native.js +17 -13
- package/dist/jsx/helpers.native.js.map +1 -1
- package/dist/jsx/index.js +11 -11
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/nativeSheet.mjs +45 -38
- package/dist/jsx/nativeSheet.mjs.map +1 -1
- package/dist/jsx/nativeSheet.native.js +73 -68
- package/dist/jsx/nativeSheet.native.js.map +1 -1
- package/dist/jsx/setupGestureHandler.mjs +12 -8
- package/dist/jsx/setupGestureHandler.mjs.map +1 -1
- package/dist/jsx/setupGestureHandler.native.js +24 -19
- package/dist/jsx/setupGestureHandler.native.js.map +1 -1
- package/dist/jsx/types.native.js +7 -5
- package/dist/jsx/useGestureHandlerPan.mjs +167 -99
- package/dist/jsx/useGestureHandlerPan.mjs.map +1 -1
- package/dist/jsx/useGestureHandlerPan.native.js +183 -115
- package/dist/jsx/useGestureHandlerPan.native.js.map +1 -1
- package/dist/jsx/useKeyboardControllerSheet.mjs +3 -3
- package/dist/jsx/useKeyboardControllerSheet.mjs.map +1 -1
- package/dist/jsx/useKeyboardControllerSheet.native.js +100 -82
- package/dist/jsx/useKeyboardControllerSheet.native.js.map +1 -1
- package/dist/jsx/useSheet.native.js +16 -14
- package/dist/jsx/useSheetController.mjs +11 -11
- package/dist/jsx/useSheetController.mjs.map +1 -1
- package/dist/jsx/useSheetController.native.js +37 -35
- package/dist/jsx/useSheetController.native.js.map +1 -1
- package/dist/jsx/useSheetOffscreenSize.mjs +23 -13
- package/dist/jsx/useSheetOffscreenSize.mjs.map +1 -1
- package/dist/jsx/useSheetOffscreenSize.native.js +36 -27
- package/dist/jsx/useSheetOffscreenSize.native.js.map +1 -1
- package/dist/jsx/useSheetOpenState.mjs +14 -13
- package/dist/jsx/useSheetOpenState.mjs.map +1 -1
- package/dist/jsx/useSheetOpenState.native.js +39 -37
- package/dist/jsx/useSheetOpenState.native.js.map +1 -1
- package/dist/jsx/useSheetProviderProps.mjs +101 -55
- package/dist/jsx/useSheetProviderProps.mjs.map +1 -1
- package/dist/jsx/useSheetProviderProps.native.js +165 -122
- package/dist/jsx/useSheetProviderProps.native.js.map +1 -1
- package/dist/jsx/useSheetScrollViewGestures.mjs +112 -71
- package/dist/jsx/useSheetScrollViewGestures.mjs.map +1 -1
- package/dist/jsx/useSheetScrollViewGestures.native.js +128 -79
- package/dist/jsx/useSheetScrollViewGestures.native.js.map +1 -1
- package/next.md +78 -0
- package/package.json +31 -46
- 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/SheetController.tsx +4 -1
- package/src/SheetImplementationCustom.tsx +87 -45
- package/src/types.tsx +5 -0
- package/src/useGestureHandlerPan.tsx +5 -3
- package/src/useSheetController.tsx +4 -0
- package/tsconfig.json +56 -0
- package/types/Sheet.d.ts +3 -0
- package/types/Sheet.d.ts.map +1 -1
- package/types/SheetController.d.ts +1 -1
- package/types/SheetController.d.ts.map +1 -1
- package/types/SheetImplementationCustom.d.ts +3 -0
- package/types/SheetImplementationCustom.d.ts.map +1 -1
- package/types/createSheet.d.ts +3 -0
- package/types/createSheet.d.ts.map +1 -1
- package/types/types.d.ts +6 -0
- package/types/types.d.ts.map +1 -1
- package/types/useGestureHandlerPan.d.ts.map +1 -1
- package/types/useSheetController.d.ts +3 -0
- package/types/useSheetController.d.ts.map +1 -1
- package/dist/cjs/GestureDetectorWrapper.js +0 -29
- package/dist/cjs/GestureDetectorWrapper.js.map +0 -6
- package/dist/cjs/GestureSheetContext.js +0 -43
- package/dist/cjs/GestureSheetContext.js.map +0 -6
- package/dist/cjs/Sheet.js +0 -104
- package/dist/cjs/Sheet.js.map +0 -6
- package/dist/cjs/SheetContext.js +0 -28
- package/dist/cjs/SheetContext.js.map +0 -6
- package/dist/cjs/SheetController.js +0 -52
- package/dist/cjs/SheetController.js.map +0 -6
- package/dist/cjs/SheetImplementationCustom.js +0 -393
- package/dist/cjs/SheetImplementationCustom.js.map +0 -6
- package/dist/cjs/SheetScrollView.js +0 -137
- package/dist/cjs/SheetScrollView.js.map +0 -6
- package/dist/cjs/constants.js +0 -24
- package/dist/cjs/constants.js.map +0 -6
- package/dist/cjs/contexts.js +0 -33
- package/dist/cjs/contexts.js.map +0 -6
- package/dist/cjs/controller.js +0 -23
- package/dist/cjs/controller.js.map +0 -6
- package/dist/cjs/createSheet.js +0 -152
- package/dist/cjs/createSheet.js.map +0 -6
- package/dist/cjs/gestureState.js +0 -34
- package/dist/cjs/gestureState.js.map +0 -6
- package/dist/cjs/helpers.js +0 -26
- package/dist/cjs/helpers.js.map +0 -6
- package/dist/cjs/index.js +0 -25
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/nativeSheet.js +0 -56
- package/dist/cjs/nativeSheet.js.map +0 -6
- package/dist/cjs/setupGestureHandler.js +0 -38
- package/dist/cjs/setupGestureHandler.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/useGestureHandlerPan.js +0 -126
- package/dist/cjs/useGestureHandlerPan.js.map +0 -6
- package/dist/cjs/useKeyboardControllerSheet.js +0 -34
- package/dist/cjs/useKeyboardControllerSheet.js.map +0 -6
- package/dist/cjs/useSheet.js +0 -22
- package/dist/cjs/useSheet.js.map +0 -6
- package/dist/cjs/useSheetController.js +0 -39
- package/dist/cjs/useSheetController.js.map +0 -6
- package/dist/cjs/useSheetOffscreenSize.js +0 -43
- package/dist/cjs/useSheetOffscreenSize.js.map +0 -6
- package/dist/cjs/useSheetOpenState.js +0 -37
- package/dist/cjs/useSheetOpenState.js.map +0 -6
- package/dist/cjs/useSheetProviderProps.js +0 -130
- package/dist/cjs/useSheetProviderProps.js.map +0 -6
- package/dist/cjs/useSheetScrollViewGestures.js +0 -102
- package/dist/cjs/useSheetScrollViewGestures.js.map +0 -6
- package/dist/esm/GestureDetectorWrapper.js +0 -15
- package/dist/esm/GestureDetectorWrapper.js.map +0 -6
- package/dist/esm/GestureSheetContext.js +0 -28
- package/dist/esm/GestureSheetContext.js.map +0 -6
- package/dist/esm/Sheet.js +0 -92
- package/dist/esm/Sheet.js.map +0 -6
- package/dist/esm/SheetContext.js +0 -13
- package/dist/esm/SheetContext.js.map +0 -6
- package/dist/esm/SheetController.js +0 -31
- package/dist/esm/SheetController.js.map +0 -6
- package/dist/esm/SheetImplementationCustom.js +0 -395
- package/dist/esm/SheetImplementationCustom.js.map +0 -6
- package/dist/esm/SheetScrollView.js +0 -122
- package/dist/esm/SheetScrollView.js.map +0 -6
- package/dist/esm/constants.js +0 -8
- package/dist/esm/constants.js.map +0 -6
- package/dist/esm/contexts.js +0 -9
- package/dist/esm/contexts.js.map +0 -6
- package/dist/esm/controller.js +0 -11
- package/dist/esm/controller.js.map +0 -6
- package/dist/esm/createSheet.js +0 -153
- package/dist/esm/createSheet.js.map +0 -6
- package/dist/esm/gestureState.js +0 -18
- package/dist/esm/gestureState.js.map +0 -6
- package/dist/esm/helpers.js +0 -10
- package/dist/esm/helpers.js.map +0 -6
- package/dist/esm/nativeSheet.js +0 -46
- package/dist/esm/nativeSheet.js.map +0 -6
- package/dist/esm/setupGestureHandler.js +0 -22
- package/dist/esm/setupGestureHandler.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/useGestureHandlerPan.js +0 -111
- package/dist/esm/useGestureHandlerPan.js.map +0 -6
- package/dist/esm/useKeyboardControllerSheet.js +0 -18
- package/dist/esm/useKeyboardControllerSheet.js.map +0 -6
- package/dist/esm/useSheet.js +0 -6
- package/dist/esm/useSheet.js.map +0 -6
- package/dist/esm/useSheetController.js +0 -15
- package/dist/esm/useSheetController.js.map +0 -6
- package/dist/esm/useSheetOffscreenSize.js +0 -27
- package/dist/esm/useSheetOffscreenSize.js.map +0 -6
- package/dist/esm/useSheetOpenState.js +0 -22
- package/dist/esm/useSheetOpenState.js.map +0 -6
- package/dist/esm/useSheetProviderProps.js +0 -109
- package/dist/esm/useSheetProviderProps.js.map +0 -6
- package/dist/esm/useSheetScrollViewGestures.js +0 -86
- package/dist/esm/useSheetScrollViewGestures.js.map +0 -6
- package/dist/jsx/GestureDetectorWrapper.js +0 -15
- package/dist/jsx/GestureDetectorWrapper.js.map +0 -6
- package/dist/jsx/GestureSheetContext.js +0 -28
- package/dist/jsx/GestureSheetContext.js.map +0 -6
- package/dist/jsx/Sheet.js +0 -92
- package/dist/jsx/Sheet.js.map +0 -6
- package/dist/jsx/SheetContext.js +0 -13
- package/dist/jsx/SheetContext.js.map +0 -6
- package/dist/jsx/SheetController.js +0 -31
- package/dist/jsx/SheetController.js.map +0 -6
- package/dist/jsx/SheetImplementationCustom.js +0 -395
- package/dist/jsx/SheetImplementationCustom.js.map +0 -6
- package/dist/jsx/SheetScrollView.js +0 -122
- package/dist/jsx/SheetScrollView.js.map +0 -6
- package/dist/jsx/constants.js +0 -8
- package/dist/jsx/constants.js.map +0 -6
- package/dist/jsx/contexts.js +0 -9
- package/dist/jsx/contexts.js.map +0 -6
- package/dist/jsx/controller.js +0 -11
- package/dist/jsx/controller.js.map +0 -6
- package/dist/jsx/createSheet.js +0 -153
- package/dist/jsx/createSheet.js.map +0 -6
- package/dist/jsx/gestureState.js +0 -18
- package/dist/jsx/gestureState.js.map +0 -6
- package/dist/jsx/helpers.js +0 -10
- package/dist/jsx/helpers.js.map +0 -6
- package/dist/jsx/nativeSheet.js +0 -46
- package/dist/jsx/nativeSheet.js.map +0 -6
- package/dist/jsx/setupGestureHandler.js +0 -22
- package/dist/jsx/setupGestureHandler.js.map +0 -6
- package/dist/jsx/types.js +0 -1
- package/dist/jsx/types.js.map +0 -6
- package/dist/jsx/useGestureHandlerPan.js +0 -111
- package/dist/jsx/useGestureHandlerPan.js.map +0 -6
- package/dist/jsx/useKeyboardControllerSheet.js +0 -18
- package/dist/jsx/useKeyboardControllerSheet.js.map +0 -6
- package/dist/jsx/useSheet.js +0 -6
- package/dist/jsx/useSheet.js.map +0 -6
- package/dist/jsx/useSheetController.js +0 -15
- package/dist/jsx/useSheetController.js.map +0 -6
- package/dist/jsx/useSheetOffscreenSize.js +0 -27
- package/dist/jsx/useSheetOffscreenSize.js.map +0 -6
- package/dist/jsx/useSheetOpenState.js +0 -22
- package/dist/jsx/useSheetOpenState.js.map +0 -6
- package/dist/jsx/useSheetProviderProps.js +0 -109
- package/dist/jsx/useSheetProviderProps.js.map +0 -6
- package/dist/jsx/useSheetScrollViewGestures.js +0 -86
- package/dist/jsx/useSheetScrollViewGestures.js.map +0 -6
- package/types/GestureDetectorWrapper.native.d.ts +0 -14
- package/types/GestureDetectorWrapper.native.d.ts.map +0 -1
- package/types/gestureState.native.d.ts +0 -12
- package/types/gestureState.native.d.ts.map +0 -1
- package/types/setupGestureHandler.native.d.ts +0 -41
- package/types/setupGestureHandler.native.d.ts.map +0 -1
- package/types/useGestureHandlerPan.native.d.ts +0 -33
- package/types/useGestureHandlerPan.native.d.ts.map +0 -1
- package/types/useSheetScrollViewGestures.web.d.ts +0 -15
- package/types/useSheetScrollViewGestures.web.d.ts.map +0 -1
package/dist/esm/createSheet.mjs
CHANGED
|
@@ -9,6 +9,7 @@ import { StackZIndexContext } from "@tamagui/z-index-stack";
|
|
|
9
9
|
import { forwardRef, useMemo, useEffect, useRef } from "react";
|
|
10
10
|
import { Platform } from "react-native-web";
|
|
11
11
|
import { SHEET_HANDLE_NAME, SHEET_NAME, SHEET_OVERLAY_NAME } from "./constants.mjs";
|
|
12
|
+
import { getNativeSheet } from "./nativeSheet.mjs";
|
|
12
13
|
import { useSheetContext } from "./SheetContext.mjs";
|
|
13
14
|
import { SheetImplementationCustom } from "./SheetImplementationCustom.mjs";
|
|
14
15
|
import { SheetScrollView } from "./SheetScrollView.mjs";
|
|
@@ -21,144 +22,140 @@ function createSheet({
|
|
|
21
22
|
Overlay
|
|
22
23
|
}) {
|
|
23
24
|
const SheetHandle = Handle.styleable(({
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}, [context.scrollBridge]), context.onlyShowFrame ? null :
|
|
35
|
-
// @ts-ignore
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
jsx(Handle, {
|
|
38
|
-
ref: composedRef,
|
|
39
|
-
onPressIn: () => {
|
|
40
|
-
wasDraggingRef.current = !1;
|
|
41
|
-
},
|
|
42
|
-
onPress: () => {
|
|
43
|
-
if (wasDraggingRef.current) {
|
|
44
|
-
wasDraggingRef.current = !1;
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
|
-
const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0),
|
|
48
|
-
nextPos = (context.position + 1) % max;
|
|
49
|
-
context.setPosition(nextPos);
|
|
50
|
-
},
|
|
51
|
-
open: context.open,
|
|
52
|
-
...props
|
|
25
|
+
__scopeSheet,
|
|
26
|
+
...props
|
|
27
|
+
}, forwardedRef) => {
|
|
28
|
+
const context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet);
|
|
29
|
+
const composedRef = useComposedRefs(context.handleRef, forwardedRef);
|
|
30
|
+
const wasDraggingRef = useRef(false);
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (!context.scrollBridge) return;
|
|
33
|
+
return context.scrollBridge.onParentDragging(isDragging => {
|
|
34
|
+
if (isDragging) wasDraggingRef.current = true;
|
|
53
35
|
});
|
|
54
|
-
})
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
36
|
+
}, [context.scrollBridge]);
|
|
37
|
+
if (context.onlyShowFrame) return null;
|
|
38
|
+
return /* @__PURE__ */jsx(Handle, {
|
|
39
|
+
ref: composedRef,
|
|
40
|
+
onPressIn: () => {
|
|
41
|
+
wasDraggingRef.current = false;
|
|
42
|
+
},
|
|
43
|
+
onPress: () => {
|
|
44
|
+
if (wasDraggingRef.current) {
|
|
45
|
+
wasDraggingRef.current = false;
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
const max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
|
|
49
|
+
const nextPos = (context.position + 1) % max;
|
|
50
|
+
context.setPosition(nextPos);
|
|
51
|
+
},
|
|
52
|
+
open: context.open,
|
|
53
|
+
...props
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
const SheetOverlay = Overlay.styleable((propsIn, ref) => {
|
|
57
|
+
const {
|
|
75
58
|
__scopeSheet,
|
|
76
|
-
adjustPaddingForOffscreenContent,
|
|
77
|
-
disableHideBottomOverflow,
|
|
78
|
-
children,
|
|
79
59
|
...props
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
} = context,
|
|
89
|
-
composedContentRef = useComposedRefs(forwardedRef, contentRef),
|
|
90
|
-
offscreenSize = useSheetOffscreenSize(context),
|
|
91
|
-
stableFrameSize = useRef(frameSize);
|
|
92
|
-
useEffect(() => {
|
|
93
|
-
open && frameSize && (stableFrameSize.current = frameSize);
|
|
94
|
-
}, [open, frameSize]);
|
|
95
|
-
const sheetContents = useMemo(() => {
|
|
96
|
-
const shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
|
|
97
|
-
return (
|
|
98
|
-
// @ts-expect-error
|
|
99
|
-
/* @__PURE__ */
|
|
100
|
-
jsxs(Frame, {
|
|
101
|
-
ref: composedContentRef,
|
|
102
|
-
flex: hasFit && open ? 0 : 1,
|
|
103
|
-
flexBasis: hasFit ? "auto" : void 0,
|
|
104
|
-
height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
|
|
105
|
-
pointerEvents: open ? "auto" : "none",
|
|
106
|
-
"data-state": open ? "open" : "closed",
|
|
107
|
-
...props,
|
|
108
|
-
children: [/* @__PURE__ */jsx(StackZIndexContext, {
|
|
109
|
-
zIndex: resolveViewZIndex(props.zIndex),
|
|
110
|
-
children
|
|
111
|
-
}), adjustPaddingForOffscreenContent && /* @__PURE__ */jsx(View, {
|
|
112
|
-
"data-sheet-offscreen-pad": !0,
|
|
113
|
-
height: offscreenSize,
|
|
114
|
-
width: "100%"
|
|
115
|
-
})]
|
|
116
|
-
})
|
|
117
|
-
);
|
|
118
|
-
}, [open, props, frameSize, offscreenSize, adjustPaddingForOffscreenContent, hasFit]);
|
|
119
|
-
return /* @__PURE__ */jsxs(Fragment, {
|
|
120
|
-
children: [/* @__PURE__ */jsx(RemoveScroll, {
|
|
121
|
-
enabled: !disableRemoveScroll && context.open,
|
|
122
|
-
children: sheetContents
|
|
123
|
-
}), !disableHideBottomOverflow &&
|
|
124
|
-
// @ts-ignore
|
|
125
|
-
/* @__PURE__ */
|
|
126
|
-
jsx(Frame, {
|
|
127
|
-
...props,
|
|
128
|
-
componentName: "SheetCover",
|
|
129
|
-
children: null,
|
|
130
|
-
testID: void 0,
|
|
131
|
-
id: void 0,
|
|
132
|
-
position: "absolute",
|
|
133
|
-
bottom: "-100%",
|
|
134
|
-
zIndex: -1,
|
|
135
|
-
height: context.frameSize,
|
|
136
|
-
left: 0,
|
|
137
|
-
right: 0,
|
|
138
|
-
borderWidth: 0,
|
|
139
|
-
borderRadius: 0,
|
|
140
|
-
shadowOpacity: 0
|
|
141
|
-
})]
|
|
60
|
+
} = propsIn;
|
|
61
|
+
const context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet);
|
|
62
|
+
const element = useMemo(() => {
|
|
63
|
+
return /* @__PURE__ */jsx(Overlay, {
|
|
64
|
+
...props,
|
|
65
|
+
onPress: composeEventHandlers(props.onPress, context.dismissOnOverlayPress ? () => {
|
|
66
|
+
context.setOpen(false);
|
|
67
|
+
} : void 0)
|
|
142
68
|
});
|
|
143
|
-
})
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
69
|
+
}, [props.onPress, props.opacity, context.dismissOnOverlayPress]);
|
|
70
|
+
useIsomorphicLayoutEffect(() => {
|
|
71
|
+
context.onOverlayComponent?.(element);
|
|
72
|
+
}, [element]);
|
|
73
|
+
if (context.onlyShowFrame) return null;
|
|
74
|
+
return null;
|
|
75
|
+
});
|
|
76
|
+
const SheetFrame = Frame.styleable(({
|
|
77
|
+
__scopeSheet,
|
|
78
|
+
adjustPaddingForOffscreenContent,
|
|
79
|
+
disableHideBottomOverflow,
|
|
80
|
+
children,
|
|
81
|
+
...props
|
|
82
|
+
}, forwardedRef) => {
|
|
83
|
+
const context = useSheetContext(SHEET_NAME, __scopeSheet);
|
|
84
|
+
const {
|
|
85
|
+
hasFit,
|
|
86
|
+
disableRemoveScroll,
|
|
87
|
+
frameSize,
|
|
88
|
+
contentRef,
|
|
89
|
+
open
|
|
90
|
+
} = context;
|
|
91
|
+
const composedContentRef = useComposedRefs(forwardedRef, contentRef);
|
|
92
|
+
const offscreenSize = useSheetOffscreenSize(context);
|
|
93
|
+
const stableFrameSize = useRef(frameSize);
|
|
94
|
+
useEffect(() => {
|
|
95
|
+
if (open && frameSize) stableFrameSize.current = frameSize;
|
|
96
|
+
}, [open, frameSize]);
|
|
97
|
+
const sheetContents = useMemo(() => {
|
|
98
|
+
const shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
|
|
99
|
+
return /* @__PURE__ */jsxs(Frame, {
|
|
100
|
+
ref: composedContentRef,
|
|
101
|
+
flex: hasFit && open ? 0 : 1,
|
|
102
|
+
flexBasis: hasFit ? "auto" : void 0,
|
|
103
|
+
height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
|
|
104
|
+
pointerEvents: open ? "auto" : "none",
|
|
105
|
+
"data-state": open ? "open" : "closed",
|
|
106
|
+
...props,
|
|
107
|
+
children: [/* @__PURE__ */jsx(StackZIndexContext, {
|
|
108
|
+
zIndex: resolveViewZIndex(props.zIndex),
|
|
109
|
+
children
|
|
110
|
+
}), adjustPaddingForOffscreenContent && /* @__PURE__ */jsx(View, {
|
|
111
|
+
"data-sheet-offscreen-pad": true,
|
|
112
|
+
height: offscreenSize,
|
|
113
|
+
width: "100%"
|
|
114
|
+
})]
|
|
153
115
|
});
|
|
154
|
-
})
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
116
|
+
}, [open, props, frameSize, offscreenSize, adjustPaddingForOffscreenContent, hasFit]);
|
|
117
|
+
return /* @__PURE__ */jsxs(Fragment, {
|
|
118
|
+
children: [/* @__PURE__ */jsx(RemoveScroll, {
|
|
119
|
+
enabled: !disableRemoveScroll && context.open,
|
|
120
|
+
children: sheetContents
|
|
121
|
+
}), !disableHideBottomOverflow && /* @__PURE__ */jsx(Frame, {
|
|
122
|
+
...props,
|
|
123
|
+
componentName: "SheetCover",
|
|
124
|
+
children: null,
|
|
125
|
+
testID: void 0,
|
|
126
|
+
id: void 0,
|
|
127
|
+
position: "absolute",
|
|
128
|
+
bottom: "-100%",
|
|
129
|
+
zIndex: -1,
|
|
130
|
+
height: context.frameSize,
|
|
131
|
+
left: 0,
|
|
132
|
+
right: 0,
|
|
133
|
+
borderWidth: 0,
|
|
134
|
+
borderRadius: 0,
|
|
135
|
+
shadowOpacity: 0
|
|
136
|
+
})]
|
|
137
|
+
});
|
|
138
|
+
});
|
|
139
|
+
const Sheet = forwardRef(function Sheet2(props, ref) {
|
|
140
|
+
const hydrated = useDidFinishSSR();
|
|
141
|
+
const {
|
|
142
|
+
isShowingNonSheet
|
|
143
|
+
} = useSheetController();
|
|
144
|
+
let SheetImplementation = SheetImplementationCustom;
|
|
145
|
+
if (props.native && Platform.OS === "ios") {}
|
|
146
|
+
if (isShowingNonSheet || !hydrated) return null;
|
|
147
|
+
return /* @__PURE__ */jsx(SheetImplementation, {
|
|
148
|
+
ref,
|
|
149
|
+
...props
|
|
150
|
+
});
|
|
151
|
+
});
|
|
152
|
+
const components = {
|
|
153
|
+
Frame: SheetFrame,
|
|
154
|
+
Overlay: SheetOverlay,
|
|
155
|
+
Handle: SheetHandle,
|
|
156
|
+
ScrollView: SheetScrollView
|
|
157
|
+
};
|
|
158
|
+
const Controlled = withStaticProperties(Sheet, components);
|
|
162
159
|
return withStaticProperties(Sheet, {
|
|
163
160
|
...components,
|
|
164
161
|
Controlled
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useComposedRefs","useIsomorphicLayoutEffect","View","composeEventHandlers","withStaticProperties","resolveViewZIndex","RemoveScroll","useDidFinishSSR","StackZIndexContext","forwardRef","useMemo","useEffect","useRef","Platform","SHEET_HANDLE_NAME","SHEET_NAME","SHEET_OVERLAY_NAME","useSheetContext","SheetImplementationCustom","SheetScrollView","useSheetController","useSheetOffscreenSize","Fragment","jsx","jsxs","createSheet","Handle","Frame","Overlay","SheetHandle","styleable","__scopeSheet","props","forwardedRef","context","composedRef","handleRef","wasDraggingRef","scrollBridge","onParentDragging","isDragging","current","onlyShowFrame","ref","onPressIn","onPress","max","snapPoints","length","dismissOnSnapToBottom","nextPos","position","setPosition","open","SheetOverlay","propsIn","element","dismissOnOverlayPress","setOpen","opacity","onOverlayComponent","SheetFrame","adjustPaddingForOffscreenContent","disableHideBottomOverflow","children","hasFit","disableRemoveScroll","frameSize","contentRef","composedContentRef","offscreenSize","stableFrameSize","sheetContents","shouldUseFixedHeight","flex","flexBasis","height","pointerEvents","zIndex","width","enabled","componentName","testID","id","bottom","left","right","borderWidth","borderRadius","shadowOpacity","Sheet","hydrated","isShowingNonSheet","SheetImplementation","native","OS","components","ScrollView","Controlled"],"sources":["../../src/createSheet.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,yBAAA,QAAiC;AAQ1C,SAASC,IAAA,QAAY;AACrB,SAASC,oBAAA,EAAsBC,oBAAA,QAA4B;AAC3D,SAASC,iBAAA,QAAyB;AAClC,SAASC,YAAA,QAAoB;AAC7B,SAASC,eAAA,QAAuB;AAChC,SAASC,kBAAA,QAA0B;AAEnC,SAASC,UAAA,EAAkBC,OAAA,EAASC,SAAA,EAAWC,MAAA,QAAc;AAE7D,SAASC,QAAA,QAAgB;AACzB,SAASC,iBAAA,EAAmBC,UAAA,EAAYC,kBAAA,QAA0B;
|
|
1
|
+
{"version":3,"names":["useComposedRefs","useIsomorphicLayoutEffect","View","composeEventHandlers","withStaticProperties","resolveViewZIndex","RemoveScroll","useDidFinishSSR","StackZIndexContext","forwardRef","useMemo","useEffect","useRef","Platform","SHEET_HANDLE_NAME","SHEET_NAME","SHEET_OVERLAY_NAME","getNativeSheet","useSheetContext","SheetImplementationCustom","SheetScrollView","useSheetController","useSheetOffscreenSize","Fragment","jsx","jsxs","createSheet","Handle","Frame","Overlay","SheetHandle","styleable","__scopeSheet","props","forwardedRef","context","composedRef","handleRef","wasDraggingRef","scrollBridge","onParentDragging","isDragging","current","onlyShowFrame","ref","onPressIn","onPress","max","snapPoints","length","dismissOnSnapToBottom","nextPos","position","setPosition","open","SheetOverlay","propsIn","element","dismissOnOverlayPress","setOpen","opacity","onOverlayComponent","SheetFrame","adjustPaddingForOffscreenContent","disableHideBottomOverflow","children","hasFit","disableRemoveScroll","frameSize","contentRef","composedContentRef","offscreenSize","stableFrameSize","sheetContents","shouldUseFixedHeight","flex","flexBasis","height","pointerEvents","zIndex","width","enabled","componentName","testID","id","bottom","left","right","borderWidth","borderRadius","shadowOpacity","Sheet","Sheet2","hydrated","isShowingNonSheet","SheetImplementation","native","OS","components","ScrollView","Controlled"],"sources":["../../src/createSheet.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -18,161 +18,151 @@ import { useSheetController } from "./useSheetController.native.js";
|
|
|
18
18
|
import { useSheetOffscreenSize } from "./useSheetOffscreenSize.native.js";
|
|
19
19
|
function createSheet(param) {
|
|
20
20
|
var {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}, [context.scrollBridge]), context.onlyShowFrame ? null :
|
|
38
|
-
// @ts-ignore
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
_jsx(Handle, {
|
|
41
|
-
ref: composedRef,
|
|
42
|
-
onPressIn: function () {
|
|
43
|
-
wasDraggingRef.current = !1;
|
|
44
|
-
},
|
|
45
|
-
onPress: function () {
|
|
46
|
-
if (wasDraggingRef.current) {
|
|
47
|
-
wasDraggingRef.current = !1;
|
|
48
|
-
return;
|
|
49
|
-
}
|
|
50
|
-
var max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0),
|
|
51
|
-
nextPos = (context.position + 1) % max;
|
|
52
|
-
context.setPosition(nextPos);
|
|
53
|
-
},
|
|
54
|
-
open: context.open,
|
|
55
|
-
...props
|
|
21
|
+
Handle,
|
|
22
|
+
Frame,
|
|
23
|
+
Overlay
|
|
24
|
+
} = param;
|
|
25
|
+
var SheetHandle = Handle.styleable(function (param2, forwardedRef) {
|
|
26
|
+
var {
|
|
27
|
+
__scopeSheet,
|
|
28
|
+
...props
|
|
29
|
+
} = param2;
|
|
30
|
+
var context = useSheetContext(SHEET_HANDLE_NAME, __scopeSheet);
|
|
31
|
+
var composedRef = useComposedRefs(context.handleRef, forwardedRef);
|
|
32
|
+
var wasDraggingRef = useRef(false);
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
if (!context.scrollBridge) return;
|
|
35
|
+
return context.scrollBridge.onParentDragging(function (isDragging) {
|
|
36
|
+
if (isDragging) wasDraggingRef.current = true;
|
|
56
37
|
});
|
|
57
|
-
})
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
}
|
|
89
|
-
context = useSheetContext(SHEET_NAME, __scopeSheet),
|
|
90
|
-
{
|
|
91
|
-
hasFit,
|
|
92
|
-
disableRemoveScroll,
|
|
93
|
-
frameSize,
|
|
94
|
-
contentRef,
|
|
95
|
-
open
|
|
96
|
-
} = context,
|
|
97
|
-
composedContentRef = useComposedRefs(forwardedRef, contentRef),
|
|
98
|
-
offscreenSize = useSheetOffscreenSize(context),
|
|
99
|
-
stableFrameSize = useRef(frameSize);
|
|
100
|
-
useEffect(function () {
|
|
101
|
-
open && frameSize && (stableFrameSize.current = frameSize);
|
|
102
|
-
}, [open, frameSize]);
|
|
103
|
-
var sheetContents = useMemo(function () {
|
|
104
|
-
var shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
|
|
105
|
-
return (
|
|
106
|
-
// @ts-expect-error
|
|
107
|
-
/* @__PURE__ */
|
|
108
|
-
_jsxs(Frame, {
|
|
109
|
-
ref: composedContentRef,
|
|
110
|
-
flex: hasFit && open ? 0 : 1,
|
|
111
|
-
flexBasis: hasFit ? "auto" : void 0,
|
|
112
|
-
height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
|
|
113
|
-
pointerEvents: open ? "auto" : "none",
|
|
114
|
-
"data-state": open ? "open" : "closed",
|
|
115
|
-
...props,
|
|
116
|
-
children: [/* @__PURE__ */_jsx(StackZIndexContext, {
|
|
117
|
-
zIndex: resolveViewZIndex(props.zIndex),
|
|
118
|
-
children
|
|
119
|
-
}), adjustPaddingForOffscreenContent && /* @__PURE__ */_jsx(View, {
|
|
120
|
-
"data-sheet-offscreen-pad": !0,
|
|
121
|
-
height: offscreenSize,
|
|
122
|
-
width: "100%"
|
|
123
|
-
})]
|
|
124
|
-
})
|
|
125
|
-
);
|
|
126
|
-
}, [open, props, frameSize, offscreenSize, adjustPaddingForOffscreenContent, hasFit]);
|
|
127
|
-
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
128
|
-
children: [/* @__PURE__ */_jsx(RemoveScroll, {
|
|
129
|
-
enabled: !disableRemoveScroll && context.open,
|
|
130
|
-
children: sheetContents
|
|
131
|
-
}), /* below frame hide when bouncing past 100% */
|
|
132
|
-
!disableHideBottomOverflow &&
|
|
133
|
-
// @ts-ignore
|
|
134
|
-
/* @__PURE__ */
|
|
135
|
-
_jsx(Frame, {
|
|
136
|
-
...props,
|
|
137
|
-
componentName: "SheetCover",
|
|
138
|
-
children: null,
|
|
139
|
-
// Don't inherit testID - this is a visual helper element
|
|
140
|
-
testID: void 0,
|
|
141
|
-
id: void 0,
|
|
142
|
-
position: "absolute",
|
|
143
|
-
bottom: "-100%",
|
|
144
|
-
zIndex: -1,
|
|
145
|
-
height: context.frameSize,
|
|
146
|
-
left: 0,
|
|
147
|
-
right: 0,
|
|
148
|
-
borderWidth: 0,
|
|
149
|
-
borderRadius: 0,
|
|
150
|
-
shadowOpacity: 0
|
|
151
|
-
})]
|
|
38
|
+
}, [context.scrollBridge]);
|
|
39
|
+
if (context.onlyShowFrame) return null;
|
|
40
|
+
return /* @__PURE__ */_jsx(Handle, {
|
|
41
|
+
ref: composedRef,
|
|
42
|
+
onPressIn: function () {
|
|
43
|
+
wasDraggingRef.current = false;
|
|
44
|
+
},
|
|
45
|
+
onPress: function () {
|
|
46
|
+
if (wasDraggingRef.current) {
|
|
47
|
+
wasDraggingRef.current = false;
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
var max = context.snapPoints.length + (context.dismissOnSnapToBottom ? -1 : 0);
|
|
51
|
+
var nextPos = (context.position + 1) % max;
|
|
52
|
+
context.setPosition(nextPos);
|
|
53
|
+
},
|
|
54
|
+
open: context.open,
|
|
55
|
+
...props
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
var SheetOverlay = Overlay.styleable(function (propsIn, ref) {
|
|
59
|
+
var {
|
|
60
|
+
__scopeSheet,
|
|
61
|
+
...props
|
|
62
|
+
} = propsIn;
|
|
63
|
+
var context = useSheetContext(SHEET_OVERLAY_NAME, __scopeSheet);
|
|
64
|
+
var element = useMemo(function () {
|
|
65
|
+
return /* @__PURE__ */_jsx(Overlay, {
|
|
66
|
+
...props,
|
|
67
|
+
onPress: composeEventHandlers(props.onPress, context.dismissOnOverlayPress ? function () {
|
|
68
|
+
context.setOpen(false);
|
|
69
|
+
} : void 0)
|
|
152
70
|
});
|
|
153
|
-
})
|
|
154
|
-
|
|
155
|
-
var
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
71
|
+
}, [props.onPress, props.opacity, context.dismissOnOverlayPress]);
|
|
72
|
+
useIsomorphicLayoutEffect(function () {
|
|
73
|
+
var _context_onOverlayComponent;
|
|
74
|
+
(_context_onOverlayComponent = context.onOverlayComponent) === null || _context_onOverlayComponent === void 0 || _context_onOverlayComponent.call(context, element);
|
|
75
|
+
}, [element]);
|
|
76
|
+
if (context.onlyShowFrame) return null;
|
|
77
|
+
return null;
|
|
78
|
+
});
|
|
79
|
+
var SheetFrame = Frame.styleable(function (param2, forwardedRef) {
|
|
80
|
+
var {
|
|
81
|
+
__scopeSheet,
|
|
82
|
+
adjustPaddingForOffscreenContent,
|
|
83
|
+
disableHideBottomOverflow,
|
|
84
|
+
children,
|
|
85
|
+
...props
|
|
86
|
+
} = param2;
|
|
87
|
+
var context = useSheetContext(SHEET_NAME, __scopeSheet);
|
|
88
|
+
var {
|
|
89
|
+
hasFit,
|
|
90
|
+
disableRemoveScroll,
|
|
91
|
+
frameSize,
|
|
92
|
+
contentRef,
|
|
93
|
+
open
|
|
94
|
+
} = context;
|
|
95
|
+
var composedContentRef = useComposedRefs(forwardedRef, contentRef);
|
|
96
|
+
var offscreenSize = useSheetOffscreenSize(context);
|
|
97
|
+
var stableFrameSize = useRef(frameSize);
|
|
98
|
+
useEffect(function () {
|
|
99
|
+
if (open && frameSize) stableFrameSize.current = frameSize;
|
|
100
|
+
}, [open, frameSize]);
|
|
101
|
+
var sheetContents = useMemo(function () {
|
|
102
|
+
var shouldUseFixedHeight = hasFit && !open && stableFrameSize.current;
|
|
103
|
+
return /* @__PURE__ */_jsxs(Frame, {
|
|
104
|
+
ref: composedContentRef,
|
|
105
|
+
flex: hasFit && open ? 0 : 1,
|
|
106
|
+
flexBasis: hasFit ? "auto" : void 0,
|
|
107
|
+
height: shouldUseFixedHeight ? stableFrameSize.current : hasFit ? void 0 : frameSize,
|
|
108
|
+
pointerEvents: open ? "auto" : "none",
|
|
109
|
+
"data-state": open ? "open" : "closed",
|
|
110
|
+
...props,
|
|
111
|
+
children: [/* @__PURE__ */_jsx(StackZIndexContext, {
|
|
112
|
+
zIndex: resolveViewZIndex(props.zIndex),
|
|
113
|
+
children
|
|
114
|
+
}), adjustPaddingForOffscreenContent && /* @__PURE__ */_jsx(View, {
|
|
115
|
+
"data-sheet-offscreen-pad": true,
|
|
116
|
+
height: offscreenSize,
|
|
117
|
+
width: "100%"
|
|
118
|
+
})]
|
|
167
119
|
});
|
|
168
|
-
})
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
120
|
+
}, [open, props, frameSize, offscreenSize, adjustPaddingForOffscreenContent, hasFit]);
|
|
121
|
+
return /* @__PURE__ */_jsxs(_Fragment, {
|
|
122
|
+
children: [/* @__PURE__ */_jsx(RemoveScroll, {
|
|
123
|
+
enabled: !disableRemoveScroll && context.open,
|
|
124
|
+
children: sheetContents
|
|
125
|
+
}), !disableHideBottomOverflow && /* @__PURE__ */_jsx(Frame, {
|
|
126
|
+
...props,
|
|
127
|
+
componentName: "SheetCover",
|
|
128
|
+
children: null,
|
|
129
|
+
testID: void 0,
|
|
130
|
+
id: void 0,
|
|
131
|
+
position: "absolute",
|
|
132
|
+
bottom: "-100%",
|
|
133
|
+
zIndex: -1,
|
|
134
|
+
height: context.frameSize,
|
|
135
|
+
left: 0,
|
|
136
|
+
right: 0,
|
|
137
|
+
borderWidth: 0,
|
|
138
|
+
borderRadius: 0,
|
|
139
|
+
shadowOpacity: 0
|
|
140
|
+
})]
|
|
141
|
+
});
|
|
142
|
+
});
|
|
143
|
+
var Sheet = /* @__PURE__ */forwardRef(function Sheet2(props, ref) {
|
|
144
|
+
var hydrated = useDidFinishSSR();
|
|
145
|
+
var {
|
|
146
|
+
isShowingNonSheet
|
|
147
|
+
} = useSheetController();
|
|
148
|
+
var SheetImplementation = SheetImplementationCustom;
|
|
149
|
+
if (props.native && Platform.OS === "ios") {
|
|
150
|
+
var impl = getNativeSheet("ios");
|
|
151
|
+
if (impl) SheetImplementation = impl;
|
|
152
|
+
}
|
|
153
|
+
if (isShowingNonSheet || !hydrated) return null;
|
|
154
|
+
return /* @__PURE__ */_jsx(SheetImplementation, {
|
|
155
|
+
ref,
|
|
156
|
+
...props
|
|
157
|
+
});
|
|
158
|
+
});
|
|
159
|
+
var components = {
|
|
160
|
+
Frame: SheetFrame,
|
|
161
|
+
Overlay: SheetOverlay,
|
|
162
|
+
Handle: SheetHandle,
|
|
163
|
+
ScrollView: SheetScrollView
|
|
164
|
+
};
|
|
165
|
+
var Controlled = withStaticProperties(Sheet, components);
|
|
176
166
|
return withStaticProperties(Sheet, {
|
|
177
167
|
...components,
|
|
178
168
|
Controlled
|