@sbaiahmed1/react-native-blur 4.5.2-alpha.2 → 4.5.2-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/BlurView.js +2 -0
- package/lib/module/BlurView.js.map +1 -1
- package/lib/module/BlurView.web.js.map +1 -1
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/types.js +2 -0
- package/lib/typescript/src/BlurView.d.ts +2 -48
- package/lib/typescript/src/BlurView.d.ts.map +1 -1
- package/lib/typescript/src/BlurView.web.d.ts +1 -1
- package/lib/typescript/src/BlurView.web.d.ts.map +1 -1
- package/lib/typescript/src/index.web.d.ts +1 -2
- package/lib/typescript/src/index.web.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +47 -0
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/package.json +4 -5
- package/src/BlurView.tsx +4 -56
- package/src/BlurView.web.tsx +1 -2
- package/src/index.web.tsx +1 -2
- package/src/types.ts +55 -0
package/lib/module/BlurView.js
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
import React, { Children } from 'react';
|
|
4
4
|
import { Platform, StyleSheet, View } from 'react-native';
|
|
5
5
|
import ReactNativeBlurView from './ReactNativeBlurViewNativeComponent';
|
|
6
|
+
|
|
7
|
+
// Re-export for backward compatibility
|
|
6
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
9
|
/**
|
|
8
10
|
* A cross-platform blur view component that provides native blur effects.
|
|
@@ -1 +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","zIndex"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;
|
|
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","zIndex"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,OAAOC,mBAAmB,MAAM,sCAAsC;;AAGtE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGA;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,KAAK;EACtB,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,eAEFX,IAAA,CAACH,IAAI;MAACW,KAAK,EAAEU,MAAM,CAACT,QAAS;MAAAA,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CAC3C,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,CAAC;EACDb,QAAQ,EAAE;IACRY,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useImperativeHandle","useRef","View","jsx","_jsx","getBackgroundColor","blurAmount","blurType","intensity","Math","min","opacity","getBlurStyle","blur","backgroundColor","backdropFilter","WebkitBackdropFilter","BlurView","style","overlayColor","children","props","ref","blurViewRef","blurStyle","setNativeProps","nativeProps","current","nextBlurAmount","nextBlurType","nextBlurStyle","styleObj","key","webkitBackdropFilter","overlay","undefined","displayName"],"sourceRoot":"../../src","sources":["BlurView.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AAC/D,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["forwardRef","useImperativeHandle","useRef","View","jsx","_jsx","getBackgroundColor","blurAmount","blurType","intensity","Math","min","opacity","getBlurStyle","blur","backgroundColor","backdropFilter","WebkitBackdropFilter","BlurView","style","overlayColor","children","props","ref","blurViewRef","blurStyle","setNativeProps","nativeProps","current","nextBlurAmount","nextBlurType","nextBlurStyle","styleObj","key","webkitBackdropFilter","overlay","undefined","displayName"],"sourceRoot":"../../src","sources":["BlurView.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BlurView","default"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;AAAA;AACA;;AAEA,SAASA,QAAQ,IAAIC,OAAO,EAAED,QAAQ,QAAQ,mBAAgB;;
|
|
1
|
+
{"version":3,"names":["BlurView","default"],"sourceRoot":"../../src","sources":["index.web.tsx"],"mappings":";;AAAA;AACA;;AAEA,SAASA,QAAQ,IAAIC,OAAO,EAAED,QAAQ,QAAQ,mBAAgB;;AAE9D;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
package/lib/module/types.js
CHANGED
|
@@ -1,52 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
export interface BlurViewProps {
|
|
5
|
-
/**
|
|
6
|
-
* @description The type of blur effect to apply
|
|
7
|
-
*
|
|
8
|
-
* @default 'xlight'
|
|
9
|
-
*/
|
|
10
|
-
blurType?: BlurType;
|
|
11
|
-
/**
|
|
12
|
-
* @description The intensity of the blur effect (0-100)
|
|
13
|
-
*
|
|
14
|
-
* @default 10
|
|
15
|
-
*/
|
|
16
|
-
blurAmount?: number;
|
|
17
|
-
/**
|
|
18
|
-
* @description Fallback color when reduced transparency is enabled
|
|
19
|
-
*
|
|
20
|
-
* Accepts hex color strings like `#FFFFFF`
|
|
21
|
-
*
|
|
22
|
-
* @default '#FFFFFF'
|
|
23
|
-
*/
|
|
24
|
-
reducedTransparencyFallbackColor?: string;
|
|
25
|
-
/**
|
|
26
|
-
* @description The overlay color to apply on top of the blur effect
|
|
27
|
-
*
|
|
28
|
-
* @default undefined
|
|
29
|
-
*/
|
|
30
|
-
overlayColor?: ColorValue;
|
|
31
|
-
/**
|
|
32
|
-
* @description style object for the blur view
|
|
33
|
-
*
|
|
34
|
-
* @default undefined
|
|
35
|
-
*/
|
|
36
|
-
style?: StyleProp<ViewStyle>;
|
|
37
|
-
/**
|
|
38
|
-
* @description style object for the blur view
|
|
39
|
-
*
|
|
40
|
-
* @default false
|
|
41
|
-
*/
|
|
42
|
-
ignoreSafeArea?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* @description Child components to render inside the blur view
|
|
45
|
-
*
|
|
46
|
-
* @default undefined
|
|
47
|
-
*/
|
|
48
|
-
children?: React.ReactNode;
|
|
49
|
-
}
|
|
2
|
+
import type { BlurViewProps } from './types';
|
|
3
|
+
export type { BlurViewProps };
|
|
50
4
|
/**
|
|
51
5
|
* A cross-platform blur view component that provides native blur effects.
|
|
52
6
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BlurView.d.ts","sourceRoot":"","sources":["../../../src/BlurView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlurView.web.d.ts","sourceRoot":"","sources":["../../../src/BlurView.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"BlurView.web.d.ts","sourceRoot":"","sources":["../../../src/BlurView.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,SAAS,CAAC;AAkFvD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,QAAQ;oBACD,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI;GA+DjD,CAAC;AAIF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
export { BlurView as default, BlurView } from './BlurView.web';
|
|
2
|
-
export type { BlurViewProps } from './
|
|
3
|
-
export type { BlurType, GlassType, ProgressiveBlurDirection } from './types';
|
|
2
|
+
export type { BlurType, GlassType, ProgressiveBlurDirection, BlurViewProps } from './types';
|
|
4
3
|
//# sourceMappingURL=index.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/D,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -2,7 +2,54 @@
|
|
|
2
2
|
* Shared types for @sbaiahmed1/react-native-blur
|
|
3
3
|
* These types are platform-agnostic and can be used on iOS, Android, and Web
|
|
4
4
|
*/
|
|
5
|
+
import type { ViewStyle, StyleProp, ColorValue } from 'react-native';
|
|
5
6
|
export type BlurType = 'xlight' | 'light' | 'dark' | 'extraDark' | 'regular' | 'prominent' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterialLight' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialDark' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark';
|
|
6
7
|
export type GlassType = 'clear' | 'regular';
|
|
7
8
|
export type ProgressiveBlurDirection = 'blurredTopClearBottom' | 'blurredBottomClearTop' | 'blurredCenterClearTopAndBottom';
|
|
9
|
+
export interface BlurViewProps {
|
|
10
|
+
/**
|
|
11
|
+
* @description The type of blur effect to apply
|
|
12
|
+
*
|
|
13
|
+
* @default 'xlight'
|
|
14
|
+
*/
|
|
15
|
+
blurType?: BlurType;
|
|
16
|
+
/**
|
|
17
|
+
* @description The intensity of the blur effect (0-100)
|
|
18
|
+
*
|
|
19
|
+
* @default 10
|
|
20
|
+
*/
|
|
21
|
+
blurAmount?: number;
|
|
22
|
+
/**
|
|
23
|
+
* @description Fallback color when reduced transparency is enabled
|
|
24
|
+
*
|
|
25
|
+
* Accepts hex color strings like `#FFFFFF`
|
|
26
|
+
*
|
|
27
|
+
* @default '#FFFFFF'
|
|
28
|
+
*/
|
|
29
|
+
reducedTransparencyFallbackColor?: string;
|
|
30
|
+
/**
|
|
31
|
+
* @description The overlay color to apply on top of the blur effect
|
|
32
|
+
*
|
|
33
|
+
* @default undefined
|
|
34
|
+
*/
|
|
35
|
+
overlayColor?: ColorValue;
|
|
36
|
+
/**
|
|
37
|
+
* @description style object for the blur view
|
|
38
|
+
*
|
|
39
|
+
* @default undefined
|
|
40
|
+
*/
|
|
41
|
+
style?: StyleProp<ViewStyle>;
|
|
42
|
+
/**
|
|
43
|
+
* @description style object for the blur view
|
|
44
|
+
*
|
|
45
|
+
* @default false
|
|
46
|
+
*/
|
|
47
|
+
ignoreSafeArea?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* @description Child components to render inside the blur view
|
|
50
|
+
*
|
|
51
|
+
* @default undefined
|
|
52
|
+
*/
|
|
53
|
+
children?: React.ReactNode;
|
|
54
|
+
}
|
|
8
55
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5C,MAAM,MAAM,wBAAwB,GAChC,uBAAuB,GACvB,uBAAuB,GACvB,gCAAgC,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAErE,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5C,MAAM,MAAM,wBAAwB,GAChC,uBAAuB,GACvB,uBAAuB,GACvB,gCAAgC,CAAC;AAErC,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"}
|
package/package.json
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbaiahmed1/react-native-blur",
|
|
3
|
-
"version": "4.5.2-alpha.
|
|
3
|
+
"version": "4.5.2-alpha.4",
|
|
4
4
|
"description": "React native modern blur view",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
|
+
"browser": "./lib/module/index.web.js",
|
|
6
7
|
"types": "./lib/typescript/src/index.d.ts",
|
|
7
|
-
"react-native": "./lib/module/index.js",
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
10
|
+
"source": "./src/index.tsx",
|
|
10
11
|
"types": "./lib/typescript/src/index.d.ts",
|
|
11
|
-
"
|
|
12
|
-
"browser": "./lib/module/index.web.js",
|
|
13
|
-
"default": "./lib/module/index.web.js"
|
|
12
|
+
"default": "./lib/module/index.js"
|
|
14
13
|
},
|
|
15
14
|
"./package.json": "./package.json"
|
|
16
15
|
},
|
package/src/BlurView.tsx
CHANGED
|
@@ -1,62 +1,10 @@
|
|
|
1
1
|
import React, { Children } from 'react';
|
|
2
2
|
import { Platform, StyleSheet, View } from 'react-native';
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
type BlurType,
|
|
6
|
-
} from './ReactNativeBlurViewNativeComponent';
|
|
3
|
+
import ReactNativeBlurView from './ReactNativeBlurViewNativeComponent';
|
|
4
|
+
import type { BlurViewProps } from './types';
|
|
7
5
|
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
* @description The type of blur effect to apply
|
|
11
|
-
*
|
|
12
|
-
* @default 'xlight'
|
|
13
|
-
*/
|
|
14
|
-
blurType?: BlurType;
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* @description The intensity of the blur effect (0-100)
|
|
18
|
-
*
|
|
19
|
-
* @default 10
|
|
20
|
-
*/
|
|
21
|
-
blurAmount?: number;
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* @description Fallback color when reduced transparency is enabled
|
|
25
|
-
*
|
|
26
|
-
* Accepts hex color strings like `#FFFFFF`
|
|
27
|
-
*
|
|
28
|
-
* @default '#FFFFFF'
|
|
29
|
-
*/
|
|
30
|
-
reducedTransparencyFallbackColor?: string;
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* @description The overlay color to apply on top of the blur effect
|
|
34
|
-
*
|
|
35
|
-
* @default undefined
|
|
36
|
-
*/
|
|
37
|
-
overlayColor?: ColorValue;
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* @description style object for the blur view
|
|
41
|
-
*
|
|
42
|
-
* @default undefined
|
|
43
|
-
*/
|
|
44
|
-
style?: StyleProp<ViewStyle>;
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* @description style object for the blur view
|
|
48
|
-
*
|
|
49
|
-
* @default false
|
|
50
|
-
*/
|
|
51
|
-
ignoreSafeArea?: boolean;
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* @description Child components to render inside the blur view
|
|
55
|
-
*
|
|
56
|
-
* @default undefined
|
|
57
|
-
*/
|
|
58
|
-
children?: React.ReactNode;
|
|
59
|
-
}
|
|
6
|
+
// Re-export for backward compatibility
|
|
7
|
+
export type { BlurViewProps };
|
|
60
8
|
|
|
61
9
|
/**
|
|
62
10
|
* A cross-platform blur view component that provides native blur effects.
|
package/src/BlurView.web.tsx
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { forwardRef, useImperativeHandle, useRef } from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import type { ViewStyle } from 'react-native';
|
|
4
|
-
import type { BlurViewProps } from './
|
|
5
|
-
import type { BlurType } from './types';
|
|
4
|
+
import type { BlurViewProps, BlurType } from './types';
|
|
6
5
|
|
|
7
6
|
/**
|
|
8
7
|
* Maps blur types to background colors with opacity based on intensity
|
package/src/index.web.tsx
CHANGED
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
// Only exports components that have web implementations
|
|
3
3
|
|
|
4
4
|
export { BlurView as default, BlurView } from './BlurView.web';
|
|
5
|
-
export type { BlurViewProps } from './BlurView';
|
|
6
5
|
|
|
7
6
|
// Re-export types (these don't import native code)
|
|
8
|
-
export type { BlurType, GlassType, ProgressiveBlurDirection } from './types';
|
|
7
|
+
export type { BlurType, GlassType, ProgressiveBlurDirection, BlurViewProps } from './types';
|
|
9
8
|
|
|
10
9
|
// Note: The following components are not yet supported on web:
|
|
11
10
|
// - VibrancyView (iOS-specific)
|
package/src/types.ts
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
* These types are platform-agnostic and can be used on iOS, Android, and Web
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
import type { ViewStyle, StyleProp, ColorValue } from 'react-native';
|
|
7
|
+
|
|
6
8
|
export type BlurType =
|
|
7
9
|
| 'xlight'
|
|
8
10
|
| 'light'
|
|
@@ -32,3 +34,56 @@ export type ProgressiveBlurDirection =
|
|
|
32
34
|
| 'blurredTopClearBottom'
|
|
33
35
|
| 'blurredBottomClearTop'
|
|
34
36
|
| 'blurredCenterClearTopAndBottom';
|
|
37
|
+
|
|
38
|
+
export interface BlurViewProps {
|
|
39
|
+
/**
|
|
40
|
+
* @description The type of blur effect to apply
|
|
41
|
+
*
|
|
42
|
+
* @default 'xlight'
|
|
43
|
+
*/
|
|
44
|
+
blurType?: BlurType;
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* @description The intensity of the blur effect (0-100)
|
|
48
|
+
*
|
|
49
|
+
* @default 10
|
|
50
|
+
*/
|
|
51
|
+
blurAmount?: number;
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* @description Fallback color when reduced transparency is enabled
|
|
55
|
+
*
|
|
56
|
+
* Accepts hex color strings like `#FFFFFF`
|
|
57
|
+
*
|
|
58
|
+
* @default '#FFFFFF'
|
|
59
|
+
*/
|
|
60
|
+
reducedTransparencyFallbackColor?: string;
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* @description The overlay color to apply on top of the blur effect
|
|
64
|
+
*
|
|
65
|
+
* @default undefined
|
|
66
|
+
*/
|
|
67
|
+
overlayColor?: ColorValue;
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* @description style object for the blur view
|
|
71
|
+
*
|
|
72
|
+
* @default undefined
|
|
73
|
+
*/
|
|
74
|
+
style?: StyleProp<ViewStyle>;
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* @description style object for the blur view
|
|
78
|
+
*
|
|
79
|
+
* @default false
|
|
80
|
+
*/
|
|
81
|
+
ignoreSafeArea?: boolean;
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* @description Child components to render inside the blur view
|
|
85
|
+
*
|
|
86
|
+
* @default undefined
|
|
87
|
+
*/
|
|
88
|
+
children?: React.ReactNode;
|
|
89
|
+
}
|