@umituz/react-native-design-system 2.6.44 → 2.6.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.6.44",
+  "version": "2.6.46",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive and safe area utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/molecules/bottom-sheet/components/BottomSheetModal.tsx

@@ -142,11 +142,11 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
       ref={modalRef}
       index={-1}
       snapPoints={config.snapPoints}
-      enableDynamicSizing={config.enableDynamicSizing}
+      enableDynamicSizing={false}
       backdropComponent={renderBackdrop}
       keyboardBehavior={config.keyboardBehavior}
       enableHandlePanningGesture={config.enableHandleIndicator}
-      enablePanDownToClose={config.enablePanDownToClose}
+      enablePanDownToClose={config.enablePanDownToClose ?? true}
       onChange={handleSheetChange}
       onDismiss={onDismiss}
       onAnimate={(fromIndex, toIndex) => {
@@ -156,6 +156,7 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
       }}
       backgroundStyle={[styles.background, { backgroundColor: backgroundColor || tokens.colors.surface }]}
       handleIndicatorStyle={[styles.handleIndicator, { backgroundColor: tokens.colors.border }]}
+      enableOverDrag={false}
     >
       <BottomSheetView style={styles.contentContainer}>
         {children}

package/src/theme/infrastructure/providers/DesignSystemProvider.tsx

@@ -1,11 +1,13 @@
 import React, { useEffect, useState, ReactNode } from 'react';
 import { ActivityIndicator, View, StyleSheet } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { SafeAreaProvider, initialWindowMetrics } from '../../../safe-area';
 import { useThemeStore } from '../stores/themeStore';
 import { useDesignSystemTheme } from '../globalThemeStore';
 import type { CustomThemeColors } from '../../core/CustomColors';
 import { SplashScreen } from '../../../molecules/splash';
 import type { SplashScreenProps } from '../../../molecules/splash/types';
+import { SafeBottomSheetModalProvider } from '../../../molecules/bottom-sheet';
 
 declare const __DEV__: boolean;
 
@@ -37,6 +39,8 @@ interface DesignSystemProviderProps {
  * - Supports custom color overrides
  * - Optional loading state
  * - Error handling
+ * - GestureHandlerRootView integration
+ * - BottomSheetModalProvider integration
  * 
  * Usage:
  * ```tsx
@@ -157,9 +161,13 @@ export const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({
   };
 
   return (
-    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
-      {renderContent()}
-    </SafeAreaProvider>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <SafeAreaProvider initialMetrics={initialWindowMetrics}>
+        <SafeBottomSheetModalProvider>
+          {renderContent()}
+        </SafeBottomSheetModalProvider>
+      </SafeAreaProvider>
+    </GestureHandlerRootView>
   );
 };