@proulr/sdui-components 0.1.13 → 0.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.13",
+  "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,23 @@ 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}
       >
         {children}

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

@@ -1,5 +1,10 @@
-import React, { createContext, useContext, type ReactNode } from 'react';
-import type { NativeScrollEvent, NativeSyntheticEvent, ViewStyle } from 'react-native';
+import React, { createContext, useContext, type ReactElement, type ReactNode } from 'react';
+import type {
+  NativeScrollEvent,
+  NativeSyntheticEvent,
+  RefreshControlProps,
+  ViewStyle,
+} from 'react-native';
 
 export type SduiChromeScrollInsetProps = {
   contentInset?: { top: number; bottom: number };
@@ -20,6 +25,10 @@ export type SduiChromeScrollConfig = {
   contentContainerStyle: ViewStyle;
   chromeInsets: SduiChromeScrollInsets;
   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);