@tamagui/sheet 1.127.1 → 1.127.3

package/src/SheetScrollView.tsx

@@ -1,11 +1,10 @@
-import React, { useEffect } from 'react'
 import { composeRefs } from '@tamagui/compose-refs'
-import type { GetRef } from '@tamagui/core'
+import { isWeb, type GetRef } from '@tamagui/core'
 import type { ScrollViewProps } from '@tamagui/scroll-view'
 import { ScrollView } from '@tamagui/scroll-view'
-
+import { useControllableState } from '@tamagui/use-controllable-state'
+import React, { useEffect } from 'react'
 import type { ScrollView as RNScrollView } from 'react-native'
-
 import { useSheetContext } from './SheetContext'
 import type { SheetScopedProps } from './types'
 
@@ -26,14 +25,17 @@ export const SheetScrollView = React.forwardRef<
       __scopeSheet,
       children,
       onScroll,
-      scrollEnabled,
+      scrollEnabled: scrollEnabledProp,
       ...props
     }: SheetScopedProps<ScrollViewProps>,
     ref
   ) => {
     const context = useSheetContext(SHEET_SCROLL_VIEW_NAME, __scopeSheet)
     const { scrollBridge, scrollEnabled: scrollEnabled_, setHasScrollView } = context
-    // const [scrollEnabled, setScrollEnabled_] = useState(true)
+    const [scrollEnabled, setScrollEnabled_] = useControllableState({
+      prop: scrollEnabledProp,
+      defaultProp: true,
+    })
     const scrollRef = React.useRef<RNScrollView | null>(null)
 
     // could make it so it has negative bottom margin and then pads the bottom content
@@ -41,12 +43,12 @@ export const SheetScrollView = React.forwardRef<
     // or more ideally could use context to register if it has a scrollview and change behavior
     // const offscreenSize = useSheetOffscreenSize(context)
 
-    // const setScrollEnabled = (next: boolean) => {
-    //   scrollRef.current?.setNativeProps?.({
-    //     scrollEnabled: next,
-    //   })
-    //   setScrollEnabled_(next)
-    // }
+    const setScrollEnabled = (next: boolean) => {
+      scrollRef.current?.setNativeProps?.({
+        scrollEnabled: next,
+      })
+      setScrollEnabled_(next)
+    }
 
     const state = React.useRef({
       lastPageY: 0,
@@ -70,7 +72,7 @@ export const SheetScrollView = React.forwardRef<
       state.current.isDragging = false
       scrollBridge.scrollStartY = -1
       state.current.isScrolling = false
-      // setScrollEnabled(true)
+      setScrollEnabled(true)
       let vy = 0
       if (state.current.dys.length) {
         const recentDys = state.current.dys.slice(-10)
@@ -102,6 +104,9 @@ export const SheetScrollView = React.forwardRef<
         onScroll={(e) => {
           const { y } = e.nativeEvent.contentOffset
           scrollBridge.y = y
+          if (isWeb) {
+            scrollBridge.scrollLock = y > 0
+          }
           if (y > 0) {
             scrollBridge.scrollStartY = -1
           }
@@ -123,41 +128,50 @@ export const SheetScrollView = React.forwardRef<
           return scrollable
         }}
         // setting to false while onResponderMove is disabled
-        onMoveShouldSetResponder={() => scrollable}
-        // somehow disabling works better, regression, no more nice drag continue scroll
-        // onResponderMove={(e) => {
-        //   const { pageY } = e.nativeEvent
-
-        //   if (state.current.isScrolling) {
-        //     return
-        //   }
-
-        //   if (scrollBridge.scrollStartY === -1) {
-        //     scrollBridge.scrollStartY = pageY
-        //     state.current.lastPageY = pageY
-        //   }
-
-        //   const dragAt = pageY - scrollBridge.scrollStartY
-        //   const dy = pageY - state.current.lastPageY
-        //   state.current.lastPageY = pageY // after dy
-        //   const isDraggingUp = dy < 0
-        //   const isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY
-
-        //   if ((dy === 0 || isDraggingUp) && isPaneAtTop) {
-        //     state.current.isScrolling = true
-        //     setScrollEnabled(true)
-        //     return
-        //   }
-
-        //   setScrollEnabled(false)
-        //   scrollBridge.drag(dragAt)
-        //   state.current.dragAt = dragAt
-        //   state.current.dys.push(dy)
-        //   // only do every so often, cut down to 10 again
-        //   if (state.current.dys.length > 100) {
-        //     state.current.dys = state.current.dys.slice(-10)
-        //   }
-        // }}
+        onMoveShouldSetResponder={(e) => {
+          return scrollable
+        }}
+        contentContainerStyle={{
+          minHeight: '100%',
+        }}
+        onResponderMove={(e) => {
+          // limiting to web as its tested on web
+          if (isWeb) {
+            const { pageY } = e.nativeEvent
+
+            if (state.current.isScrolling) {
+              e.stopPropagation()
+              return
+            }
+
+            if (scrollBridge.scrollStartY === -1) {
+              scrollBridge.scrollStartY = pageY
+              state.current.lastPageY = pageY
+            }
+
+            const dragAt = pageY - scrollBridge.scrollStartY
+            const dy = pageY - state.current.lastPageY
+            state.current.lastPageY = pageY // after dy
+            const isDraggingUp = dy < 0
+            const isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY
+
+            if ((dy === 0 || isDraggingUp) && isPaneAtTop) {
+              state.current.isScrolling = true
+              scrollBridge.scrollLock = true
+              setScrollEnabled(true)
+              return
+            }
+
+            setScrollEnabled(false)
+            scrollBridge.drag(dragAt)
+            state.current.dragAt = dragAt
+            state.current.dys.push(dy)
+            // only do every so often, cut down to 10 again
+            if (state.current.dys.length > 100) {
+              state.current.dys = state.current.dys.slice(-10)
+            }
+          }
+        }}
         {...props}
       >
         {children}

package/types/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,cAAc,SAAS,CAAA;AAMvB,eAAO,MAAM,MAAM;;;;;;;;;;;8CAmCjB,CAAA;AAMF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;8CA2BlB,CAAA;AAMF,eAAO,MAAM,KAAK;;;;;;;;;;8CAoBhB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;yBAjDM,MAClB,aACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DAnDD,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;;;4DAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;4DAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;;;4DAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;4DAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;;;wDAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;wDAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;;;wDAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;wDAA1F,eAAa,uBAAuB,cAAc,0BAA0B,eAAc;;;;CAsG3F,CAAA;AAEF,uCAAuC;AACvC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;8CAAU,CAAA;AAExC,uCAAuC;AACvC,eAAO,MAAM,gBAAgB;;;;;;;;;;;8CAAS,CAAA"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,cAAc,SAAS,CAAA;AAMvB,eAAO,MAAM,MAAM;;;;;;;;;;;8CAmCjB,CAAA;AAMF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;8CA2BlB,CAAA;AAMF,eAAO,MAAM,KAAK;;;;;;;;;;8CAoBhB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhB,CAAA;AAEF,uCAAuC;AACvC,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;8CAAU,CAAA;AAExC,uCAAuC;AACvC,eAAO,MAAM,gBAAgB;;;;;;;;;;;8CAAS,CAAA"}

package/types/SheetContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../src/SheetContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAEhE,eAAO,MAAO,kBAAkB;;cAMqiB,MAAO,SAAS;aAAe,mBAAmB,2HAAyF,CAAC;QAAS,CAAC;YAAoB,CAAC;yBAN9sB,gBAAgB,+CAAkC,CAAA;AAEpF,eAAO,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAI0iB,MAAO,SAAS;aAAe,mBAAmB,eAJ1lB,eAAe;;;mCAG3C,CAAA"}
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../src/SheetContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAEhE,eAAO,MAAO,kBAAkB;;;2JAMgrB,CAAC;QAAS,CAAC;YAAoB,CAAC;yBAN9sB,gBAAgB,+CAAkC,CAAA;AAEpF,eAAO,MAAO,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAAE,eAAe;;;mCAG3C,CAAA"}

package/types/SheetImplementationCustom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAO/C,OAAO,EAAsC,IAAI,EAAE,MAAM,cAAc,CAAA;AAIvE,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAWzD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;yBAOhC,MAAM,aACT;;;8BA4fF,CAAA"}
+{"version":3,"file":"SheetImplementationCustom.d.ts","sourceRoot":"","sources":["../src/SheetImplementationCustom.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAO/C,OAAO,EAAsC,IAAI,EAAE,MAAM,cAAc,CAAA;AAIvE,OAAO,KAAK,EAAc,cAAc,EAAE,MAAM,SAAS,CAAA;AAWzD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;8BAwgBrC,CAAA"}

package/types/SheetScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetScrollView.d.ts","sourceRoot":"","sources":["../src/SheetScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,KAAK,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAa9D,eAAO,MAAM,eAAe;oDARf,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;;;oDAA3F,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;oDAA3F,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;;;oDAA3F,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;oDAA3F,eAAc,uBAAuB,cAAc,0BAA0B,eAAc;;;wCA2JvG,CAAA"}
+{"version":3,"file":"SheetScrollView.d.ts","sourceRoot":"","sources":["../src/SheetScrollView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAY9D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;wCAkK3B,CAAA"}

package/types/createSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iCAAiC,EAElC,MAAM,eAAe,CAAA;AAOtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAExF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAOxC,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI3D,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAA;AAE9C,KAAK,oBAAoB,GAAG,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;AAE1F,wBAAgB,WAAW,CACzB,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE,CAAC,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;yBAH3D,MAAO,aAAa;;;;;;YAgFtB;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;YAZ1C;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;+DArD3B,gBAAgB,CAAC,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;;;4DAjEX,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;;;4DAFe,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;4DAFe,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;;;4DAFe,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;4DAFe,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;;;;;QAwG/B;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;QAZ1C;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;2DArD3B,gBAAgB,CAAC,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;;;wDAjEX,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;;;wDAFe,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;wDAFe,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;;;wDAFe,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;wDAFe,eACtC,uBAAuB,cAAc,0BAC5B,eAAc;;;;EAuPlC"}
+{"version":3,"file":"createSheet.d.ts","sourceRoot":"","sources":["../src/createSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iCAAiC,EAElC,MAAM,eAAe,CAAA;AAOtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAExF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAOxC,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI3D,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAA;AAE9C,KAAK,oBAAoB,GAAG,iCAAiC,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;AAE1F,wBAAgB,WAAW,CACzB,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,CAAC,SAAS,gBAAgB,GAAG,oBAAoB,EACjD,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE,CAAC,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA6E7D;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;YAZ1C;;;;eAIG;wCACyB,OAAO;YAEnC;;;;eAIG;+CACgC,OAAO;;+DArD3B,gBAAgB,CAAC,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;QAyCzD;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;QAZ1C;;;;WAIG;oCACyB,OAAO;QAEnC;;;;WAIG;2CACgC,OAAO;;2DArD3B,gBAAgB,CAAC,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;EAwL5D"}