@proulr/sdui-components 0.1.14 → 0.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",
   "exports": {

package/src/renderer/blocks/SduiPrimitiveBlocks.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ScrollView, StyleSheet, Text, View } from 'react-native';
+import { Platform, ScrollView, StyleSheet, Text, View } from 'react-native';
 import type { SduiBlock } from '@proulr/sdui-contract';
 import { AppButton } from '../ui/AppButton';
 import { colors, m3Type, spacing } from '../theme/proulr-theme';
@@ -91,15 +91,22 @@ export function SduiScrollBlock({ block, children }: SduiBlockRenderProps) {
   return (
     <SduiLayoutDebugFrame layer="scroll" style={{ flex: 1, minHeight: 0, alignSelf: 'stretch' }}>
       <ScrollView
-        style={[styles.scroll, resolveViewStyleProps(block.props.style as Record<string, unknown>)]}
+        style={[
+          styles.scroll,
+          resolveViewStyleProps(block.props.style as Record<string, unknown>),
+          Platform.OS === 'web'
+            ? ({ touchAction: 'pan-y', WebkitOverflowScrolling: 'touch' } as object)
+            : null,
+        ]}
         contentContainerStyle={
           chromeScroll
             ? [chromeScroll.contentContainerStyle, blockContentStyle]
             : blockContentStyle
         }
         {...(chromeScroll?.scrollInsetProps ?? {})}
+        {...(chromeScroll?.scrollViewProps ?? {})}
         onScroll={chromeScroll?.onScroll}
-        scrollEventThrottle={chromeScroll?.onScroll ? 16 : undefined}
+        scrollEventThrottle={chromeScroll?.onScroll || chromeScroll?.scrollViewProps ? 16 : undefined}
         refreshControl={chromeScroll?.refreshControl}
         showsVerticalScrollIndicator={false}
       >

package/src/renderer/sdui-chrome-scroll-context.tsx

@@ -27,6 +27,8 @@ export type SduiChromeScrollConfig = {
   onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
   /** Pull-to-refresh (Caçar e outras listas full-bleed SDUI). */
   refreshControl?: ReactElement<RefreshControlProps>;
+  /** Extra ScrollView props (ex.: touch handlers do pull web). */
+  scrollViewProps?: Record<string, unknown>;
 };
 
 const SduiChromeScrollContext = createContext<SduiChromeScrollConfig | null>(null);