@sbaiahmed1/react-native-blur 4.6.1-beta.3 → 4.6.1-beta.5

package/ios/Helpers/ReactNativeBlurViewHelper.swift

@@ -1,35 +1,23 @@
-// ReactNativeBlurViewHelper.swift
-
-import SwiftUI
 import UIKit
 
-// MARK: - Objective-C Bridging Helpers
-
 @objc public class ReactNativeBlurViewHelper: NSObject {
-
-  /// Creates and returns a blur view.
   @objc public static func createBlurViewWithFrame(_ frame: CGRect) -> AdvancedBlurView {
     return AdvancedBlurView(frame: frame)
   }
 
-  /// Updates the blur view with a new blur amount.
   @objc public static func updateBlurView(_ blurView: AdvancedBlurView, withBlurAmount blurAmount: Double) {
     blurView.blurAmount = blurAmount
   }
 
-  /// Updates the blur view with a new blur type.
   @objc public static func updateBlurView(_ blurView: AdvancedBlurView, withBlurType blurType: String) {
     blurView.blurTypeString = blurType
   }
 
-  /// Updates the blur view with a new reduced transparency fallback color.
   @objc public static func updateBlurView(_ blurView: AdvancedBlurView, withReducedTransparencyFallbackColor reducedTransparencyFallbackColor: UIColor) {
     blurView.reducedTransparencyFallbackColor = reducedTransparencyFallbackColor
   }
 
-  /// Updates the blur view with a new ignoreSafeArea value.
   @objc public static func updateBlurView(_ blurView: AdvancedBlurView, withIgnoringSafeArea ignoreSafeArea: Bool) {
     blurView.ignoreSafeArea = ignoreSafeArea
   }
 }
-

package/ios/Views/BlurEffectView.swift

@@ -1,10 +1,5 @@
-// BlurEffectView.swift
-
-import SwiftUI
 import UIKit
 
-// MARK: - Blur View with proper intensity control
-
 class BlurEffectView: UIVisualEffectView {
   private var animator: UIViewPropertyAnimator?
   private var blurStyle: UIBlurEffect.Style = .systemMaterial {
@@ -33,19 +28,33 @@ class BlurEffectView: UIVisualEffectView {
 
   func updateBlur(style: UIBlurEffect.Style, intensity: Double) {
     blurStyle = style
-    self.intensity = max(0.0, min(1.0, intensity))
+    self.intensity = min(max(intensity, 0.0), 1.0)
     setNeedsDisplay()
   }
 
   override func draw(_ rect: CGRect) {
     super.draw(rect)
+
+    // Avoid animator-based blur during Detox so tests don't hang waiting for app idleness.
+    if isDetoxPresent() {
+      effect = intensity > 0 ? visualEffect : nil
+      return
+    }
+
+    if intensity <= 0 {
+      effect = nil
+      animator?.stopAnimation(true)
+      return
+    }
+
+    let normalizedIntensity = max(0.01, min(1.0, intensity))
+
     effect = nil
     animator?.stopAnimation(true)
-    animator = UIViewPropertyAnimator(duration: 1, curve: .linear)
-    animator?.addAnimations { [unowned self] in
+    animator = UIViewPropertyAnimator(duration: 1, curve: .linear) { [unowned self] in
       self.effect = visualEffect
     }
-    animator?.fractionComplete = CGFloat(intensity)
+    animator?.fractionComplete = CGFloat(normalizedIntensity)
   }
 
   deinit {
@@ -53,19 +62,7 @@ class BlurEffectView: UIVisualEffectView {
   }
 }
 
-// MARK: - SwiftUI Blur Wrapper
-
-struct Blur: UIViewRepresentable {
-  var style: UIBlurEffect.Style = .systemMaterial
-  var intensity: Double = 1.0
-
-  func makeUIView(context: Context) -> BlurEffectView {
-    let effectView = BlurEffectView(effect: nil)
-    effectView.updateBlur(style: style, intensity: intensity)
-    return effectView
-  }
-
-  func updateUIView(_ uiView: BlurEffectView, context: Context) {
-    uiView.updateBlur(style: style, intensity: intensity)
-  }
+private func isDetoxPresent() -> Bool {
+  let args = ProcessInfo.processInfo.arguments
+  return args.contains("-detoxServer") && args.contains("-detoxSessionId")
 }

package/lib/module/BlurView.js

@@ -45,6 +45,8 @@ export const BlurView = ({
     ignoreSafeArea,
     reducedTransparencyFallbackColor
   };
+
+  // If no children, render the blur view directly (for background use)
   if (!Children.count(children)) {
     return /*#__PURE__*/_jsx(ReactNativeBlurView, {
       style: [style, overlay],
@@ -52,6 +54,8 @@ export const BlurView = ({
       ...props
     });
   }
+
+  // If children exist, use the style default for Android
   if (Platform.OS === 'android') {
     return /*#__PURE__*/_jsxs(ReactNativeBlurView, {
       style: style,
@@ -62,6 +66,8 @@ export const BlurView = ({
       }), children]
     });
   }
+
+  // If children exist, use the absolute positioning pattern for iOS and others
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.container, style, overlay],
     children: [/*#__PURE__*/_jsx(ReactNativeBlurView, {

package/lib/module/BlurView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Children","Platform","StyleSheet","View","ReactNativeBlurView","jsx","_jsx","jsxs","_jsxs","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","overlayColor","style","children","ignoreSafeArea","props","overlay","backgroundColor","commonProps","count","OS","absoluteFill","styles","container","create","position","overflow"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,OAAOC,mBAAmB,MAEnB,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuD9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,gCAAgC,GAAG,SAAS;EAC5CC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAG;IAAEC,eAAe,EAAEN;EAAa,CAAC;EACjD,MAAMO,WAA0B,GAAG;IACjCV,QAAQ;IACRC,UAAU;IACVK,cAAc;IACdJ;EACF,CAAC;EAED,IAAI,CAACZ,QAAQ,CAACqB,KAAK,CAACN,QAAQ,CAAC,EAAE;IAC7B,oBACET,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAE,CAACA,KAAK,EAAEI,OAAO,CAAE;MAAA,GACpBE,WAAW;MAAA,GACXH;IAAK,CACV,CAAC;EAEN;EAEA,IAAIhB,QAAQ,CAACqB,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEd,KAAA,CAACJ,mBAAmB;MAACU,KAAK,EAAEA,KAAM;MAAA,GAAKM,WAAW;MAAA,GAAMH,KAAK;MAAAF,QAAA,gBAC3DT,IAAA,CAACH,IAAI;QAACW,KAAK,EAAE,CAACZ,UAAU,CAACqB,YAAY,EAAEL,OAAO;MAAE,CAAE,CAAC,EAElDH,QAAQ;IAAA,CACU,CAAC;EAE1B;EAEA,oBACEP,KAAA,CAACL,IAAI;IAACW,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,EAAEI,OAAO,CAAE;IAAAH,QAAA,gBAC9CT,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAEZ,UAAU,CAACqB,YAAa;MAAA,GAC3BH,WAAW;MAAA,GACXH;IAAK,CACV,CAAC,EACDF,QAAQ;EAAA,CACL,CAAC;AAEX,CAAC;AAED,eAAeN,QAAQ;AAEvB,MAAMe,MAAM,GAAGtB,UAAU,CAACwB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Children","Platform","StyleSheet","View","ReactNativeBlurView","jsx","_jsx","jsxs","_jsxs","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","overlayColor","style","children","ignoreSafeArea","props","overlay","backgroundColor","commonProps","count","OS","absoluteFill","styles","container","create","position","overflow"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,mBAAmB,MAEnB,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuD9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,gCAAgC,GAAG,SAAS;EAC5CC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAG;IAAEC,eAAe,EAAEN;EAAa,CAAC;EACjD,MAAMO,WAA0B,GAAG;IACjCV,QAAQ;IACRC,UAAU;IACVK,cAAc;IACdJ;EACF,CAAC;;EAED;EACA,IAAI,CAACZ,QAAQ,CAACqB,KAAK,CAACN,QAAQ,CAAC,EAAE;IAC7B,oBACET,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAE,CAACA,KAAK,EAAEI,OAAO,CAAE;MAAA,GACpBE,WAAW;MAAA,GACXH;IAAK,CACV,CAAC;EAEN;;EAEA;EACA,IAAIhB,QAAQ,CAACqB,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEd,KAAA,CAACJ,mBAAmB;MAACU,KAAK,EAAEA,KAAM;MAAA,GAAKM,WAAW;MAAA,GAAMH,KAAK;MAAAF,QAAA,gBAC3DT,IAAA,CAACH,IAAI;QAACW,KAAK,EAAE,CAACZ,UAAU,CAACqB,YAAY,EAAEL,OAAO;MAAE,CAAE,CAAC,EAElDH,QAAQ;IAAA,CACU,CAAC;EAE1B;;EAEA;EACA,oBACEP,KAAA,CAACL,IAAI;IAACW,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,EAAEI,OAAO,CAAE;IAAAH,QAAA,gBAE9CT,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAEZ,UAAU,CAACqB,YAAa;MAAA,GAC3BH,WAAW;MAAA,GACXH;IAAK,CACV,CAAC,EACDF,QAAQ;EAAA,CACL,CAAC;AAEX,CAAC;AAED,eAAeN,QAAQ;AAEvB,MAAMe,MAAM,GAAGtB,UAAU,CAACwB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/BlurView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
+import type { ViewStyle, StyleProp, ColorValue } from 'react-native';
 import { type BlurType } from './ReactNativeBlurViewNativeComponent';
 export interface BlurViewProps {
     /**

package/lib/typescript/src/BlurView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAA4B,EAC1B,KAAK,QAAQ,EACd,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrE,OAA4B,EAC1B,KAAK,QAAQ,EACd,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAE1C;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbaiahmed1/react-native-blur",
-  "version": "4.6.1-beta.3",
+  "version": "4.6.1-beta.5",
   "description": "React native modern blur view",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/BlurView.tsx

@@ -1,6 +1,6 @@
 import React, { Children } from 'react';
-import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
 import { Platform, StyleSheet, View } from 'react-native';
+import type { ViewStyle, StyleProp, ColorValue } from 'react-native';
 import ReactNativeBlurView, {
   type BlurType,
 } from './ReactNativeBlurViewNativeComponent';
@@ -98,6 +98,7 @@ export const BlurView: React.FC<BlurViewProps> = ({
     reducedTransparencyFallbackColor,
   };
 
+  // If no children, render the blur view directly (for background use)
   if (!Children.count(children)) {
     return (
       <ReactNativeBlurView
@@ -108,6 +109,7 @@ export const BlurView: React.FC<BlurViewProps> = ({
     );
   }
 
+  // If children exist, use the style default for Android
   if (Platform.OS === 'android') {
     return (
       <ReactNativeBlurView style={style} {...commonProps} {...props}>
@@ -118,8 +120,10 @@ export const BlurView: React.FC<BlurViewProps> = ({
     );
   }
 
+  // If children exist, use the absolute positioning pattern for iOS and others
   return (
     <View style={[styles.container, style, overlay]}>
+      {/* Blur effect positioned absolutely behind content */}
       <ReactNativeBlurView
         style={StyleSheet.absoluteFill}
         {...commonProps}