@lodev09/react-native-true-sheet 4.0.0-beta.19 → 4.0.0-beta.20

package/src/fabric/TrueSheetViewNativeComponent.ts

@@ -27,11 +27,6 @@ type AccessibilityOptionsType = Readonly<{
   paneTitle?: WithDefault<string, 'Bottom sheet'>;
 }>;
 
-type BlurOptionsType = Readonly<{
-  intensity?: WithDefault<Double, -1>;
-  interaction?: WithDefault<boolean, true>;
-}>;
-
 type ScrollEdgeEffect = 'automatic' | 'hard' | 'soft' | 'hidden';
 
 type ScrollableOptionsType = Readonly<{
@@ -71,6 +66,12 @@ export interface PositionChangeEventPayload {
 export interface NativeProps extends ViewProps {
   // Array properties
   detents?: ReadonlyArray<Double>;
+  detentBackgrounds?: ReadonlyArray<
+    Readonly<{
+      color?: ProcessedColorValue | null;
+      blur?: string;
+    }>
+  >;
 
   // Number properties - use 0 as default to avoid nil insertion
   maxContentHeight?: WithDefault<Double, 0>;
@@ -114,11 +115,7 @@ export interface NativeProps extends ViewProps {
   placementOffset?: WithDefault<Double, 16>;
   insetAdjustment?: WithDefault<'automatic' | 'never', 'automatic'>;
 
-  // Blur options
-  blurOptions?: BlurOptionsType;
-
   // Boolean properties - match defaults from TrueSheet.types.ts
-  glass?: WithDefault<boolean, true>;
   grabber?: WithDefault<boolean, true>;
   grabberOptions?: GrabberOptionsType;
   accessibilityOptions?: AccessibilityOptionsType;

package/src/mocks/index.ts

@@ -2,6 +2,7 @@ import React, { createElement, isValidElement, type ReactNode } from 'react';
 import { View, type ViewProps } from 'react-native';
 
 import type { TrueSheetProps, TrueSheetStaticMethods } from '../TrueSheet.types';
+import { TrueSheetBackground } from '../TrueSheetBackground';
 
 interface TrueSheetState {
   shouldRenderNativeView: boolean;
@@ -54,8 +55,15 @@ export class TrueSheet extends React.Component<TrueSheetProps, TrueSheetState> {
   }
 
   render() {
-    const { children, style } = this.props;
-    return React.createElement(View, { style }, this.renderHeader(), children, this.renderFooter());
+    const { children, style, background, backgroundStyle } = this.props;
+    return React.createElement(
+      View,
+      { style },
+      React.createElement(TrueSheetBackground, { background, backgroundStyle }),
+      this.renderHeader(),
+      children,
+      this.renderFooter()
+    );
   }
 }
 

package/src/navigation/types.ts

@@ -206,6 +206,9 @@ export type TrueSheetNavigationSheetProps = Pick<
   TrueSheetProps,
   | 'detents'
   | 'backgroundColor'
+  | 'detentBackgrounds'
+  | 'background'
+  | 'backgroundStyle'
   | 'cornerRadius'
   | 'dismissible'
   | 'draggable'
@@ -215,8 +218,6 @@ export type TrueSheetNavigationSheetProps = Pick<
   | 'dimmed'
   | 'dimmedDetentIndex'
   | 'backgroundBlur'
-  | 'blurOptions'
-  | 'glass'
   | 'maxContentHeight'
   | 'maxContentWidth'
   | 'presentation'