chore: add compiled lib folder, don't rely on package.json hooks
This commit is contained in:
yqrashawn
parent
1bb58aa0d1
commit
6342461049
|
|
@ -0,0 +1,108 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
|
||||
var _reactNative = require("react-native");
|
||||
|
||||
var _BlurViewNativeComponentAndroid = _interopRequireDefault(require("../fabric/BlurViewNativeComponentAndroid"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
||||
|
||||
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||||
|
||||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
const OVERLAY_COLORS = {
|
||||
light: 'rgba(255, 255, 255, 0.2)',
|
||||
xlight: 'rgba(255, 255, 255, 0.75)',
|
||||
dark: 'rgba(16, 12, 12, 0.64)'
|
||||
};
|
||||
const BlurView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
||||
let {
|
||||
downsampleFactor,
|
||||
blurRadius,
|
||||
blurAmount = 10,
|
||||
blurType = 'dark',
|
||||
overlayColor,
|
||||
enabled,
|
||||
autoUpdate,
|
||||
children,
|
||||
style,
|
||||
...rest
|
||||
} = _ref;
|
||||
(0, _react.useEffect)(() => {
|
||||
_reactNative.DeviceEventEmitter.addListener('ReactNativeBlurError', message => {
|
||||
throw new Error(`[ReactNativeBlur]: ${message}`);
|
||||
});
|
||||
|
||||
return () => {
|
||||
_reactNative.DeviceEventEmitter.removeAllListeners('ReactNativeBlurError');
|
||||
};
|
||||
}, []);
|
||||
|
||||
const getOverlayColor = () => {
|
||||
if (overlayColor != null) {
|
||||
return overlayColor;
|
||||
}
|
||||
|
||||
return OVERLAY_COLORS[blurType] || OVERLAY_COLORS.dark;
|
||||
};
|
||||
|
||||
const getBlurRadius = () => {
|
||||
if (blurRadius != null) {
|
||||
if (blurRadius > 25) {
|
||||
throw new Error(`[ReactNativeBlur]: blurRadius cannot be greater than 25! (was: ${blurRadius})`);
|
||||
}
|
||||
|
||||
return blurRadius;
|
||||
} // iOS seems to use a slightly different blurring algorithm (or scale?).
|
||||
// Android blurRadius + downsampleFactor is approximately 80% of blurAmount.
|
||||
|
||||
|
||||
const equivalentBlurRadius = Math.round(blurAmount * 0.8);
|
||||
|
||||
if (equivalentBlurRadius > 25) {
|
||||
return 25;
|
||||
}
|
||||
|
||||
return equivalentBlurRadius;
|
||||
};
|
||||
|
||||
const getDownsampleFactor = () => {
|
||||
if (downsampleFactor != null) {
|
||||
return downsampleFactor;
|
||||
}
|
||||
|
||||
return blurRadius;
|
||||
};
|
||||
|
||||
return /*#__PURE__*/_react.default.createElement(_BlurViewNativeComponentAndroid.default, _extends({}, rest, {
|
||||
ref: ref,
|
||||
blurRadius: getBlurRadius(),
|
||||
downsampleFactor: getDownsampleFactor(),
|
||||
overlayColor: getOverlayColor(),
|
||||
blurAmount: blurAmount,
|
||||
blurType: blurType,
|
||||
enabled: enabled,
|
||||
autoUpdate: autoUpdate,
|
||||
pointerEvents: "none",
|
||||
style: _reactNative.StyleSheet.compose(styles.transparent, style)
|
||||
}), children);
|
||||
});
|
||||
|
||||
const styles = _reactNative.StyleSheet.create({
|
||||
transparent: {
|
||||
backgroundColor: 'transparent'
|
||||
}
|
||||
});
|
||||
|
||||
var _default = BlurView;
|
||||
exports.default = _default;
|
||||
//# sourceMappingURL=BlurView.android.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,45 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
|
||||
var _reactNative = require("react-native");
|
||||
|
||||
var _BlurViewNativeComponent = _interopRequireDefault(require("../fabric/BlurViewNativeComponent"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
||||
|
||||
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||||
|
||||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
const BlurView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
||||
let {
|
||||
blurType = 'dark',
|
||||
blurAmount = 10,
|
||||
style,
|
||||
...rest
|
||||
} = _ref;
|
||||
return /*#__PURE__*/_react.default.createElement(_BlurViewNativeComponent.default, _extends({
|
||||
ref: ref,
|
||||
style: _reactNative.StyleSheet.compose(styles.transparent, style),
|
||||
blurType: blurType,
|
||||
blurAmount: blurAmount
|
||||
}, rest));
|
||||
});
|
||||
|
||||
const styles = _reactNative.StyleSheet.create({
|
||||
transparent: {
|
||||
backgroundColor: 'transparent'
|
||||
}
|
||||
});
|
||||
|
||||
var _default = BlurView;
|
||||
exports.default = _default;
|
||||
//# sourceMappingURL=BlurView.ios.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["BlurView","forwardRef","ref","blurType","blurAmount","style","rest","StyleSheet","compose","styles","transparent","create","backgroundColor"],"sources":["BlurView.ios.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { StyleSheet, ViewProps, ViewStyle, View } from 'react-native';\nimport NativeBlurView from '../fabric/BlurViewNativeComponent';\n\ntype BlurType =\n | 'dark'\n | 'light'\n | 'xlight'\n | 'transparent'\n | 'prominent'\n | 'regular'\n | 'extraDark'\n | 'chromeMaterial'\n | 'material'\n | 'thickMaterial'\n | 'thinMaterial'\n | 'ultraThinMaterial'\n | 'chromeMaterialDark'\n | 'materialDark'\n | 'thickMaterialDark'\n | 'thinMaterialDark'\n | 'ultraThinMaterialDark'\n | 'chromeMaterialLight'\n | 'materialLight'\n | 'thickMaterialLight'\n | 'thinMaterialLight'\n | 'ultraThinMaterialLight';\n\nexport type BlurViewProps = ViewProps & {\n blurType?: BlurType;\n blurAmount?: number;\n reducedTransparencyFallbackColor?: string;\n};\n\nconst BlurView = forwardRef<View, BlurViewProps>(\n ({ blurType = 'dark', blurAmount = 10, style, ...rest }, ref) => (\n <NativeBlurView\n ref={ref}\n style={StyleSheet.compose(styles.transparent, style)}\n blurType={blurType}\n blurAmount={blurAmount}\n {...rest}\n />\n )\n);\n\nconst styles = StyleSheet.create<{ transparent: ViewStyle }>({\n transparent: { backgroundColor: 'transparent' },\n});\n\nexport default BlurView;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAgCA,MAAMA,QAAQ,gBAAG,IAAAC,iBAAA,EACf,OAAyDC,GAAzD;EAAA,IAAC;IAAEC,QAAQ,GAAG,MAAb;IAAqBC,UAAU,GAAG,EAAlC;IAAsCC,KAAtC;IAA6C,GAAGC;EAAhD,CAAD;EAAA,oBACE,6BAAC,gCAAD;IACE,GAAG,EAAEJ,GADP;IAEE,KAAK,EAAEK,uBAAA,CAAWC,OAAX,CAAmBC,MAAM,CAACC,WAA1B,EAAuCL,KAAvC,CAFT;IAGE,QAAQ,EAAEF,QAHZ;IAIE,UAAU,EAAEC;EAJd,GAKME,IALN,EADF;AAAA,CADe,CAAjB;;AAYA,MAAMG,MAAM,GAAGF,uBAAA,CAAWI,MAAX,CAA8C;EAC3DD,WAAW,EAAE;IAAEE,eAAe,EAAE;EAAnB;AAD8C,CAA9C,CAAf;;eAIeZ,Q"}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _react = _interopRequireDefault(require("react"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
class VibrancyView extends _react.default.Component {
|
||||
render() {
|
||||
console.error('VibrancyView is not implemented on Android');
|
||||
return null;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
var _default = VibrancyView;
|
||||
exports.default = _default;
|
||||
//# sourceMappingURL=VibrancyView.android.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["VibrancyView","React","Component","render","console","error"],"sources":["VibrancyView.android.tsx"],"sourcesContent":["import React from 'react';\n\nclass VibrancyView extends React.Component {\n render() {\n console.error('VibrancyView is not implemented on Android');\n return null;\n }\n}\n\nexport default VibrancyView;\n"],"mappings":";;;;;;;AAAA;;;;AAEA,MAAMA,YAAN,SAA2BC,cAAA,CAAMC,SAAjC,CAA2C;EACzCC,MAAM,GAAG;IACPC,OAAO,CAACC,KAAR,CAAc,4CAAd;IACA,OAAO,IAAP;EACD;;AAJwC;;eAO5BL,Y"}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
|
||||
var _reactNative = require("react-native");
|
||||
|
||||
var _VibrancyViewNativeComponent = _interopRequireDefault(require("../fabric/VibrancyViewNativeComponent"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
||||
|
||||
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||||
|
||||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
const VibrancyView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
||||
let {
|
||||
style,
|
||||
...rest
|
||||
} = _ref;
|
||||
return /*#__PURE__*/_react.default.createElement(_VibrancyViewNativeComponent.default, _extends({}, rest, {
|
||||
ref: ref,
|
||||
style: _reactNative.StyleSheet.compose(styles.transparent, style)
|
||||
}));
|
||||
});
|
||||
|
||||
const styles = _reactNative.StyleSheet.create({
|
||||
transparent: {
|
||||
backgroundColor: 'transparent'
|
||||
}
|
||||
});
|
||||
|
||||
var _default = VibrancyView;
|
||||
exports.default = _default;
|
||||
//# sourceMappingURL=VibrancyView.ios.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["VibrancyView","forwardRef","ref","style","rest","StyleSheet","compose","styles","transparent","create","backgroundColor"],"sources":["VibrancyView.ios.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { StyleSheet, ViewProps, ViewStyle } from 'react-native';\nimport NativeVibrancyView from '../fabric/VibrancyViewNativeComponent';\nimport type { BlurViewProps } from './BlurView.ios';\n\nexport type VibrancyViewProps = ViewProps & {\n blurType?: BlurViewProps['blurType'];\n blurAmount: number;\n reducedTransparencyFallbackColor?: string;\n};\n\nconst VibrancyView = forwardRef<any, VibrancyViewProps>(\n ({ style, ...rest }, ref) => (\n <NativeVibrancyView\n {...rest}\n ref={ref}\n style={StyleSheet.compose(styles.transparent, style)}\n />\n )\n);\n\nconst styles = StyleSheet.create<{ transparent: ViewStyle }>({\n transparent: { backgroundColor: 'transparent' },\n});\n\nexport default VibrancyView;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AASA,MAAMA,YAAY,gBAAG,IAAAC,iBAAA,EACnB,OAAqBC,GAArB;EAAA,IAAC;IAAEC,KAAF;IAAS,GAAGC;EAAZ,CAAD;EAAA,oBACE,6BAAC,oCAAD,eACMA,IADN;IAEE,GAAG,EAAEF,GAFP;IAGE,KAAK,EAAEG,uBAAA,CAAWC,OAAX,CAAmBC,MAAM,CAACC,WAA1B,EAAuCL,KAAvC;EAHT,GADF;AAAA,CADmB,CAArB;;AAUA,MAAMI,MAAM,GAAGF,uBAAA,CAAWI,MAAX,CAA8C;EAC3DD,WAAW,EAAE;IAAEE,eAAe,EAAE;EAAnB;AAD8C,CAA9C,CAAf;;eAIeV,Y"}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var _default = (0, _codegenNativeComponent.default)('BlurView', {
|
||||
excludedPlatforms: ['android']
|
||||
});
|
||||
|
||||
exports.default = _default;
|
||||
//# sourceMappingURL=BlurViewNativeComponent.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["codegenNativeComponent","excludedPlatforms"],"sources":["BlurViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps, HostComponent, ColorValue } from 'react-native';\nimport type {\n WithDefault,\n Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\n\ninterface NativeProps extends ViewProps {\n blurType?: WithDefault<\n | 'dark'\n | 'light'\n | 'xlight'\n | 'transparent'\n | 'prominent'\n | 'regular'\n | 'extraDark'\n | 'chromeMaterial'\n | 'material'\n | 'thickMaterial'\n | 'thinMaterial'\n | 'ultraThinMaterial'\n | 'chromeMaterialDark'\n | 'materialDark'\n | 'thickMaterialDark'\n | 'thinMaterialDark'\n | 'ultraThinMaterialDark'\n | 'chromeMaterialLight'\n | 'materialLight'\n | 'thickMaterialLight'\n | 'thinMaterialLight'\n | 'ultraThinMaterialLight',\n 'dark'\n >;\n blurAmount?: WithDefault<Int32, 10>;\n reducedTransparencyFallbackColor?: ColorValue;\n}\n\nexport default codegenNativeComponent<NativeProps>('BlurView', {\n excludedPlatforms: ['android'],\n}) as HostComponent<NativeProps>;\n"],"mappings":";;;;;;;AAAA;;;;eAqCe,IAAAA,+BAAA,EAAoC,UAApC,EAAgD;EAC7DC,iBAAiB,EAAE,CAAC,SAAD;AAD0C,CAAhD,C"}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var _default = (0, _codegenNativeComponent.default)('AndroidBlurView', {
|
||||
excludedPlatforms: ['iOS']
|
||||
});
|
||||
|
||||
exports.default = _default;
|
||||
//# sourceMappingURL=BlurViewNativeComponentAndroid.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["codegenNativeComponent","excludedPlatforms"],"sources":["BlurViewNativeComponentAndroid.ts"],"sourcesContent":["import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps, HostComponent, ColorValue } from 'react-native';\nimport type {\n WithDefault,\n Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\n\ninterface NativeProps extends ViewProps {\n blurAmount?: WithDefault<Int32, 10>;\n blurType?: WithDefault<'dark' | 'light' | 'xlight', 'dark'>;\n blurRadius?: Int32;\n downsampleFactor?: Int32;\n overlayColor?: ColorValue;\n enabled?: boolean;\n autoUpdate?: boolean;\n}\n\nexport default codegenNativeComponent<NativeProps>('AndroidBlurView', {\n excludedPlatforms: ['iOS'],\n}) as HostComponent<NativeProps>;\n"],"mappings":";;;;;;;AAAA;;;;eAiBe,IAAAA,+BAAA,EAAoC,iBAApC,EAAuD;EACpEC,iBAAiB,EAAE,CAAC,KAAD;AADiD,CAAvD,C"}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var _default = (0, _codegenNativeComponent.default)('VibrancyView', {
|
||||
excludedPlatforms: ['android']
|
||||
});
|
||||
|
||||
exports.default = _default;
|
||||
//# sourceMappingURL=VibrancyViewNativeComponent.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["codegenNativeComponent","excludedPlatforms"],"sources":["VibrancyViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps, HostComponent, ColorValue } from 'react-native';\nimport type {\n WithDefault,\n Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\n\ninterface NativeProps extends ViewProps {\n blurType?: WithDefault<\n | 'dark'\n | 'light'\n | 'xlight'\n | 'transparent'\n | 'prominent'\n | 'regular'\n | 'extraDark'\n | 'chromeMaterial'\n | 'material'\n | 'thickMaterial'\n | 'thinMaterial'\n | 'ultraThinMaterial'\n | 'chromeMaterialDark'\n | 'materialDark'\n | 'thickMaterialDark'\n | 'thinMaterialDark'\n | 'ultraThinMaterialDark'\n | 'chromeMaterialLight'\n | 'materialLight'\n | 'thickMaterialLight'\n | 'thinMaterialLight'\n | 'ultraThinMaterialLight',\n 'dark'\n >;\n blurAmount?: WithDefault<Int32, 10>;\n reducedTransparencyFallbackColor?: ColorValue;\n}\n\nexport default codegenNativeComponent<NativeProps>('VibrancyView', {\n excludedPlatforms: ['android'],\n}) as HostComponent<NativeProps>;\n"],"mappings":";;;;;;;AAAA;;;;eAqCe,IAAAA,+BAAA,EAAoC,cAApC,EAAoD;EACjEC,iBAAiB,EAAE,CAAC,SAAD;AAD8C,CAApD,C"}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VibrancyView = exports.BlurView = void 0;
|
||||
|
||||
var _BlurView = _interopRequireDefault(require("./components/BlurView"));
|
||||
|
||||
var _VibrancyView = _interopRequireDefault(require("./components/VibrancyView"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
const BlurView = _BlurView.default;
|
||||
exports.BlurView = BlurView;
|
||||
const VibrancyView = _VibrancyView.default;
|
||||
exports.VibrancyView = VibrancyView;
|
||||
//# sourceMappingURL=index.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["BlurView","BlurViewUntyped","VibrancyView","VibrancyViewUntyped"],"sources":["index.tsx"],"sourcesContent":["import BlurViewUntyped from './components/BlurView';\nimport VibrancyViewUntyped from './components/VibrancyView';\nimport type { View } from 'react-native'\n\nimport type { BlurViewProps as BlurViewPropsIOS } from './components/BlurView.ios';\nimport type { BlurViewProps as BlurViewPropsAndroid } from './components/BlurView.android';\nimport type { VibrancyViewProps as VibrancyViewPropsIOS } from './components/VibrancyView.ios';\n\ntype BlurViewProps = BlurViewPropsIOS | BlurViewPropsAndroid;\ntype VibrancyViewProps = VibrancyViewPropsIOS;\n\nconst BlurView = BlurViewUntyped as React.ForwardRefExoticComponent<BlurViewProps & React.RefAttributes<View>>\nconst VibrancyView = VibrancyViewUntyped as React.ForwardRefExoticComponent<VibrancyViewProps & React.RefAttributes<View>>\n\nexport { BlurView, VibrancyView };\nexport type { BlurViewProps, VibrancyViewProps };"],"mappings":";;;;;;;AAAA;;AACA;;;;AAUA,MAAMA,QAAQ,GAAGC,iBAAjB;;AACA,MAAMC,YAAY,GAAGC,qBAArB"}
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
import React, { forwardRef, useEffect } from 'react';
|
||||
import { DeviceEventEmitter, StyleSheet } from 'react-native';
|
||||
import NativeBlurView from '../fabric/BlurViewNativeComponentAndroid';
|
||||
const OVERLAY_COLORS = {
|
||||
light: 'rgba(255, 255, 255, 0.2)',
|
||||
xlight: 'rgba(255, 255, 255, 0.75)',
|
||||
dark: 'rgba(16, 12, 12, 0.64)'
|
||||
};
|
||||
const BlurView = /*#__PURE__*/forwardRef((_ref, ref) => {
|
||||
let {
|
||||
downsampleFactor,
|
||||
blurRadius,
|
||||
blurAmount = 10,
|
||||
blurType = 'dark',
|
||||
overlayColor,
|
||||
enabled,
|
||||
autoUpdate,
|
||||
children,
|
||||
style,
|
||||
...rest
|
||||
} = _ref;
|
||||
useEffect(() => {
|
||||
DeviceEventEmitter.addListener('ReactNativeBlurError', message => {
|
||||
throw new Error(`[ReactNativeBlur]: ${message}`);
|
||||
});
|
||||
return () => {
|
||||
DeviceEventEmitter.removeAllListeners('ReactNativeBlurError');
|
||||
};
|
||||
}, []);
|
||||
|
||||
const getOverlayColor = () => {
|
||||
if (overlayColor != null) {
|
||||
return overlayColor;
|
||||
}
|
||||
|
||||
return OVERLAY_COLORS[blurType] || OVERLAY_COLORS.dark;
|
||||
};
|
||||
|
||||
const getBlurRadius = () => {
|
||||
if (blurRadius != null) {
|
||||
if (blurRadius > 25) {
|
||||
throw new Error(`[ReactNativeBlur]: blurRadius cannot be greater than 25! (was: ${blurRadius})`);
|
||||
}
|
||||
|
||||
return blurRadius;
|
||||
} // iOS seems to use a slightly different blurring algorithm (or scale?).
|
||||
// Android blurRadius + downsampleFactor is approximately 80% of blurAmount.
|
||||
|
||||
|
||||
const equivalentBlurRadius = Math.round(blurAmount * 0.8);
|
||||
|
||||
if (equivalentBlurRadius > 25) {
|
||||
return 25;
|
||||
}
|
||||
|
||||
return equivalentBlurRadius;
|
||||
};
|
||||
|
||||
const getDownsampleFactor = () => {
|
||||
if (downsampleFactor != null) {
|
||||
return downsampleFactor;
|
||||
}
|
||||
|
||||
return blurRadius;
|
||||
};
|
||||
|
||||
return /*#__PURE__*/React.createElement(NativeBlurView, _extends({}, rest, {
|
||||
ref: ref,
|
||||
blurRadius: getBlurRadius(),
|
||||
downsampleFactor: getDownsampleFactor(),
|
||||
overlayColor: getOverlayColor(),
|
||||
blurAmount: blurAmount,
|
||||
blurType: blurType,
|
||||
enabled: enabled,
|
||||
autoUpdate: autoUpdate,
|
||||
pointerEvents: "none",
|
||||
style: StyleSheet.compose(styles.transparent, style)
|
||||
}), children);
|
||||
});
|
||||
const styles = StyleSheet.create({
|
||||
transparent: {
|
||||
backgroundColor: 'transparent'
|
||||
}
|
||||
});
|
||||
export default BlurView;
|
||||
//# sourceMappingURL=BlurView.android.js.map
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,26 @@
|
|||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
import React, { forwardRef } from 'react';
|
||||
import { StyleSheet } from 'react-native';
|
||||
import NativeBlurView from '../fabric/BlurViewNativeComponent';
|
||||
const BlurView = /*#__PURE__*/forwardRef((_ref, ref) => {
|
||||
let {
|
||||
blurType = 'dark',
|
||||
blurAmount = 10,
|
||||
style,
|
||||
...rest
|
||||
} = _ref;
|
||||
return /*#__PURE__*/React.createElement(NativeBlurView, _extends({
|
||||
ref: ref,
|
||||
style: StyleSheet.compose(styles.transparent, style),
|
||||
blurType: blurType,
|
||||
blurAmount: blurAmount
|
||||
}, rest));
|
||||
});
|
||||
const styles = StyleSheet.create({
|
||||
transparent: {
|
||||
backgroundColor: 'transparent'
|
||||
}
|
||||
});
|
||||
export default BlurView;
|
||||
//# sourceMappingURL=BlurView.ios.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["React","forwardRef","StyleSheet","NativeBlurView","BlurView","ref","blurType","blurAmount","style","rest","compose","styles","transparent","create","backgroundColor"],"sources":["BlurView.ios.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { StyleSheet, ViewProps, ViewStyle, View } from 'react-native';\nimport NativeBlurView from '../fabric/BlurViewNativeComponent';\n\ntype BlurType =\n | 'dark'\n | 'light'\n | 'xlight'\n | 'transparent'\n | 'prominent'\n | 'regular'\n | 'extraDark'\n | 'chromeMaterial'\n | 'material'\n | 'thickMaterial'\n | 'thinMaterial'\n | 'ultraThinMaterial'\n | 'chromeMaterialDark'\n | 'materialDark'\n | 'thickMaterialDark'\n | 'thinMaterialDark'\n | 'ultraThinMaterialDark'\n | 'chromeMaterialLight'\n | 'materialLight'\n | 'thickMaterialLight'\n | 'thinMaterialLight'\n | 'ultraThinMaterialLight';\n\nexport type BlurViewProps = ViewProps & {\n blurType?: BlurType;\n blurAmount?: number;\n reducedTransparencyFallbackColor?: string;\n};\n\nconst BlurView = forwardRef<View, BlurViewProps>(\n ({ blurType = 'dark', blurAmount = 10, style, ...rest }, ref) => (\n <NativeBlurView\n ref={ref}\n style={StyleSheet.compose(styles.transparent, style)}\n blurType={blurType}\n blurAmount={blurAmount}\n {...rest}\n />\n )\n);\n\nconst styles = StyleSheet.create<{ transparent: ViewStyle }>({\n transparent: { backgroundColor: 'transparent' },\n});\n\nexport default BlurView;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,UAAT,QAAuD,cAAvD;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AAgCA,MAAMC,QAAQ,gBAAGH,UAAU,CACzB,OAAyDI,GAAzD;EAAA,IAAC;IAAEC,QAAQ,GAAG,MAAb;IAAqBC,UAAU,GAAG,EAAlC;IAAsCC,KAAtC;IAA6C,GAAGC;EAAhD,CAAD;EAAA,oBACE,oBAAC,cAAD;IACE,GAAG,EAAEJ,GADP;IAEE,KAAK,EAAEH,UAAU,CAACQ,OAAX,CAAmBC,MAAM,CAACC,WAA1B,EAAuCJ,KAAvC,CAFT;IAGE,QAAQ,EAAEF,QAHZ;IAIE,UAAU,EAAEC;EAJd,GAKME,IALN,EADF;AAAA,CADyB,CAA3B;AAYA,MAAME,MAAM,GAAGT,UAAU,CAACW,MAAX,CAA8C;EAC3DD,WAAW,EAAE;IAAEE,eAAe,EAAE;EAAnB;AAD8C,CAA9C,CAAf;AAIA,eAAeV,QAAf"}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
import React from 'react';
|
||||
|
||||
class VibrancyView extends React.Component {
|
||||
render() {
|
||||
console.error('VibrancyView is not implemented on Android');
|
||||
return null;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export default VibrancyView;
|
||||
//# sourceMappingURL=VibrancyView.android.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["React","VibrancyView","Component","render","console","error"],"sources":["VibrancyView.android.tsx"],"sourcesContent":["import React from 'react';\n\nclass VibrancyView extends React.Component {\n render() {\n console.error('VibrancyView is not implemented on Android');\n return null;\n }\n}\n\nexport default VibrancyView;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,MAAMC,YAAN,SAA2BD,KAAK,CAACE,SAAjC,CAA2C;EACzCC,MAAM,GAAG;IACPC,OAAO,CAACC,KAAR,CAAc,4CAAd;IACA,OAAO,IAAP;EACD;;AAJwC;;AAO3C,eAAeJ,YAAf"}
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
import React, { forwardRef } from 'react';
|
||||
import { StyleSheet } from 'react-native';
|
||||
import NativeVibrancyView from '../fabric/VibrancyViewNativeComponent';
|
||||
const VibrancyView = /*#__PURE__*/forwardRef((_ref, ref) => {
|
||||
let {
|
||||
style,
|
||||
...rest
|
||||
} = _ref;
|
||||
return /*#__PURE__*/React.createElement(NativeVibrancyView, _extends({}, rest, {
|
||||
ref: ref,
|
||||
style: StyleSheet.compose(styles.transparent, style)
|
||||
}));
|
||||
});
|
||||
const styles = StyleSheet.create({
|
||||
transparent: {
|
||||
backgroundColor: 'transparent'
|
||||
}
|
||||
});
|
||||
export default VibrancyView;
|
||||
//# sourceMappingURL=VibrancyView.ios.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["React","forwardRef","StyleSheet","NativeVibrancyView","VibrancyView","ref","style","rest","compose","styles","transparent","create","backgroundColor"],"sources":["VibrancyView.ios.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { StyleSheet, ViewProps, ViewStyle } from 'react-native';\nimport NativeVibrancyView from '../fabric/VibrancyViewNativeComponent';\nimport type { BlurViewProps } from './BlurView.ios';\n\nexport type VibrancyViewProps = ViewProps & {\n blurType?: BlurViewProps['blurType'];\n blurAmount: number;\n reducedTransparencyFallbackColor?: string;\n};\n\nconst VibrancyView = forwardRef<any, VibrancyViewProps>(\n ({ style, ...rest }, ref) => (\n <NativeVibrancyView\n {...rest}\n ref={ref}\n style={StyleSheet.compose(styles.transparent, style)}\n />\n )\n);\n\nconst styles = StyleSheet.create<{ transparent: ViewStyle }>({\n transparent: { backgroundColor: 'transparent' },\n});\n\nexport default VibrancyView;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,UAAT,QAAiD,cAAjD;AACA,OAAOC,kBAAP,MAA+B,uCAA/B;AASA,MAAMC,YAAY,gBAAGH,UAAU,CAC7B,OAAqBI,GAArB;EAAA,IAAC;IAAEC,KAAF;IAAS,GAAGC;EAAZ,CAAD;EAAA,oBACE,oBAAC,kBAAD,eACMA,IADN;IAEE,GAAG,EAAEF,GAFP;IAGE,KAAK,EAAEH,UAAU,CAACM,OAAX,CAAmBC,MAAM,CAACC,WAA1B,EAAuCJ,KAAvC;EAHT,GADF;AAAA,CAD6B,CAA/B;AAUA,MAAMG,MAAM,GAAGP,UAAU,CAACS,MAAX,CAA8C;EAC3DD,WAAW,EAAE;IAAEE,eAAe,EAAE;EAAnB;AAD8C,CAA9C,CAAf;AAIA,eAAeR,YAAf"}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
|
||||
export default codegenNativeComponent('BlurView', {
|
||||
excludedPlatforms: ['android']
|
||||
});
|
||||
//# sourceMappingURL=BlurViewNativeComponent.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["codegenNativeComponent","excludedPlatforms"],"sources":["BlurViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps, HostComponent, ColorValue } from 'react-native';\nimport type {\n WithDefault,\n Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\n\ninterface NativeProps extends ViewProps {\n blurType?: WithDefault<\n | 'dark'\n | 'light'\n | 'xlight'\n | 'transparent'\n | 'prominent'\n | 'regular'\n | 'extraDark'\n | 'chromeMaterial'\n | 'material'\n | 'thickMaterial'\n | 'thinMaterial'\n | 'ultraThinMaterial'\n | 'chromeMaterialDark'\n | 'materialDark'\n | 'thickMaterialDark'\n | 'thinMaterialDark'\n | 'ultraThinMaterialDark'\n | 'chromeMaterialLight'\n | 'materialLight'\n | 'thickMaterialLight'\n | 'thinMaterialLight'\n | 'ultraThinMaterialLight',\n 'dark'\n >;\n blurAmount?: WithDefault<Int32, 10>;\n reducedTransparencyFallbackColor?: ColorValue;\n}\n\nexport default codegenNativeComponent<NativeProps>('BlurView', {\n excludedPlatforms: ['android'],\n}) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,OAAOA,sBAAP,MAAmC,yDAAnC;AAqCA,eAAeA,sBAAsB,CAAc,UAAd,EAA0B;EAC7DC,iBAAiB,EAAE,CAAC,SAAD;AAD0C,CAA1B,CAArC"}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
|
||||
export default codegenNativeComponent('AndroidBlurView', {
|
||||
excludedPlatforms: ['iOS']
|
||||
});
|
||||
//# sourceMappingURL=BlurViewNativeComponentAndroid.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["codegenNativeComponent","excludedPlatforms"],"sources":["BlurViewNativeComponentAndroid.ts"],"sourcesContent":["import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps, HostComponent, ColorValue } from 'react-native';\nimport type {\n WithDefault,\n Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\n\ninterface NativeProps extends ViewProps {\n blurAmount?: WithDefault<Int32, 10>;\n blurType?: WithDefault<'dark' | 'light' | 'xlight', 'dark'>;\n blurRadius?: Int32;\n downsampleFactor?: Int32;\n overlayColor?: ColorValue;\n enabled?: boolean;\n autoUpdate?: boolean;\n}\n\nexport default codegenNativeComponent<NativeProps>('AndroidBlurView', {\n excludedPlatforms: ['iOS'],\n}) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,OAAOA,sBAAP,MAAmC,yDAAnC;AAiBA,eAAeA,sBAAsB,CAAc,iBAAd,EAAiC;EACpEC,iBAAiB,EAAE,CAAC,KAAD;AADiD,CAAjC,CAArC"}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
|
||||
export default codegenNativeComponent('VibrancyView', {
|
||||
excludedPlatforms: ['android']
|
||||
});
|
||||
//# sourceMappingURL=VibrancyViewNativeComponent.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["codegenNativeComponent","excludedPlatforms"],"sources":["VibrancyViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\nimport type { ViewProps, HostComponent, ColorValue } from 'react-native';\nimport type {\n WithDefault,\n Int32,\n} from 'react-native/Libraries/Types/CodegenTypes';\n\ninterface NativeProps extends ViewProps {\n blurType?: WithDefault<\n | 'dark'\n | 'light'\n | 'xlight'\n | 'transparent'\n | 'prominent'\n | 'regular'\n | 'extraDark'\n | 'chromeMaterial'\n | 'material'\n | 'thickMaterial'\n | 'thinMaterial'\n | 'ultraThinMaterial'\n | 'chromeMaterialDark'\n | 'materialDark'\n | 'thickMaterialDark'\n | 'thinMaterialDark'\n | 'ultraThinMaterialDark'\n | 'chromeMaterialLight'\n | 'materialLight'\n | 'thickMaterialLight'\n | 'thinMaterialLight'\n | 'ultraThinMaterialLight',\n 'dark'\n >;\n blurAmount?: WithDefault<Int32, 10>;\n reducedTransparencyFallbackColor?: ColorValue;\n}\n\nexport default codegenNativeComponent<NativeProps>('VibrancyView', {\n excludedPlatforms: ['android'],\n}) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,OAAOA,sBAAP,MAAmC,yDAAnC;AAqCA,eAAeA,sBAAsB,CAAc,cAAd,EAA8B;EACjEC,iBAAiB,EAAE,CAAC,SAAD;AAD8C,CAA9B,CAArC"}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
import BlurViewUntyped from './components/BlurView';
|
||||
import VibrancyViewUntyped from './components/VibrancyView';
|
||||
const BlurView = BlurViewUntyped;
|
||||
const VibrancyView = VibrancyViewUntyped;
|
||||
export { BlurView, VibrancyView };
|
||||
//# sourceMappingURL=index.js.map
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"names":["BlurViewUntyped","VibrancyViewUntyped","BlurView","VibrancyView"],"sources":["index.tsx"],"sourcesContent":["import BlurViewUntyped from './components/BlurView';\nimport VibrancyViewUntyped from './components/VibrancyView';\nimport type { View } from 'react-native'\n\nimport type { BlurViewProps as BlurViewPropsIOS } from './components/BlurView.ios';\nimport type { BlurViewProps as BlurViewPropsAndroid } from './components/BlurView.android';\nimport type { VibrancyViewProps as VibrancyViewPropsIOS } from './components/VibrancyView.ios';\n\ntype BlurViewProps = BlurViewPropsIOS | BlurViewPropsAndroid;\ntype VibrancyViewProps = VibrancyViewPropsIOS;\n\nconst BlurView = BlurViewUntyped as React.ForwardRefExoticComponent<BlurViewProps & React.RefAttributes<View>>\nconst VibrancyView = VibrancyViewUntyped as React.ForwardRefExoticComponent<VibrancyViewProps & React.RefAttributes<View>>\n\nexport { BlurView, VibrancyView };\nexport type { BlurViewProps, VibrancyViewProps };"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,uBAA5B;AACA,OAAOC,mBAAP,MAAgC,2BAAhC;AAUA,MAAMC,QAAQ,GAAGF,eAAjB;AACA,MAAMG,YAAY,GAAGF,mBAArB;AAEA,SAASC,QAAT,EAAmBC,YAAnB"}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
import React from 'react';
|
||||
import { View, ViewProps } from 'react-native';
|
||||
export declare type BlurViewProps = ViewProps & {
|
||||
blurAmount?: number;
|
||||
blurType?: 'dark' | 'light' | 'xlight';
|
||||
blurRadius?: number;
|
||||
downsampleFactor?: number;
|
||||
overlayColor?: string;
|
||||
enabled?: boolean;
|
||||
autoUpdate?: boolean;
|
||||
};
|
||||
declare const BlurView: React.ForwardRefExoticComponent<ViewProps & {
|
||||
blurAmount?: number | undefined;
|
||||
blurType?: "dark" | "light" | "xlight" | undefined;
|
||||
blurRadius?: number | undefined;
|
||||
downsampleFactor?: number | undefined;
|
||||
overlayColor?: string | undefined;
|
||||
enabled?: boolean | undefined;
|
||||
autoUpdate?: boolean | undefined;
|
||||
} & React.RefAttributes<View>>;
|
||||
export default BlurView;
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import React from 'react';
|
||||
import { ViewProps, View } from 'react-native';
|
||||
declare type BlurType = 'dark' | 'light' | 'xlight' | 'transparent' | 'prominent' | 'regular' | 'extraDark' | 'chromeMaterial' | 'material' | 'thickMaterial' | 'thinMaterial' | 'ultraThinMaterial' | 'chromeMaterialDark' | 'materialDark' | 'thickMaterialDark' | 'thinMaterialDark' | 'ultraThinMaterialDark' | 'chromeMaterialLight' | 'materialLight' | 'thickMaterialLight' | 'thinMaterialLight' | 'ultraThinMaterialLight';
|
||||
export declare type BlurViewProps = ViewProps & {
|
||||
blurType?: BlurType;
|
||||
blurAmount?: number;
|
||||
reducedTransparencyFallbackColor?: string;
|
||||
};
|
||||
declare const BlurView: React.ForwardRefExoticComponent<ViewProps & {
|
||||
blurType?: BlurType | undefined;
|
||||
blurAmount?: number | undefined;
|
||||
reducedTransparencyFallbackColor?: string | undefined;
|
||||
} & React.RefAttributes<View>>;
|
||||
export default BlurView;
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
import React from 'react';
|
||||
declare class VibrancyView extends React.Component {
|
||||
render(): null;
|
||||
}
|
||||
export default VibrancyView;
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import React from 'react';
|
||||
import { ViewProps } from 'react-native';
|
||||
import type { BlurViewProps } from './BlurView.ios';
|
||||
export declare type VibrancyViewProps = ViewProps & {
|
||||
blurType?: BlurViewProps['blurType'];
|
||||
blurAmount: number;
|
||||
reducedTransparencyFallbackColor?: string;
|
||||
};
|
||||
declare const VibrancyView: React.ForwardRefExoticComponent<ViewProps & {
|
||||
blurType?: BlurViewProps['blurType'];
|
||||
blurAmount: number;
|
||||
reducedTransparencyFallbackColor?: string | undefined;
|
||||
} & React.RefAttributes<any>>;
|
||||
export default VibrancyView;
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import type { ViewProps, HostComponent, ColorValue } from 'react-native';
|
||||
import type { WithDefault, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
|
||||
interface NativeProps extends ViewProps {
|
||||
blurType?: WithDefault<'dark' | 'light' | 'xlight' | 'transparent' | 'prominent' | 'regular' | 'extraDark' | 'chromeMaterial' | 'material' | 'thickMaterial' | 'thinMaterial' | 'ultraThinMaterial' | 'chromeMaterialDark' | 'materialDark' | 'thickMaterialDark' | 'thinMaterialDark' | 'ultraThinMaterialDark' | 'chromeMaterialLight' | 'materialLight' | 'thickMaterialLight' | 'thinMaterialLight' | 'ultraThinMaterialLight', 'dark'>;
|
||||
blurAmount?: WithDefault<Int32, 10>;
|
||||
reducedTransparencyFallbackColor?: ColorValue;
|
||||
}
|
||||
declare const _default: HostComponent<NativeProps>;
|
||||
export default _default;
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
import type { ViewProps, HostComponent, ColorValue } from 'react-native';
|
||||
import type { WithDefault, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
|
||||
interface NativeProps extends ViewProps {
|
||||
blurAmount?: WithDefault<Int32, 10>;
|
||||
blurType?: WithDefault<'dark' | 'light' | 'xlight', 'dark'>;
|
||||
blurRadius?: Int32;
|
||||
downsampleFactor?: Int32;
|
||||
overlayColor?: ColorValue;
|
||||
enabled?: boolean;
|
||||
autoUpdate?: boolean;
|
||||
}
|
||||
declare const _default: HostComponent<NativeProps>;
|
||||
export default _default;
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import type { ViewProps, HostComponent, ColorValue } from 'react-native';
|
||||
import type { WithDefault, Int32 } from 'react-native/Libraries/Types/CodegenTypes';
|
||||
interface NativeProps extends ViewProps {
|
||||
blurType?: WithDefault<'dark' | 'light' | 'xlight' | 'transparent' | 'prominent' | 'regular' | 'extraDark' | 'chromeMaterial' | 'material' | 'thickMaterial' | 'thinMaterial' | 'ultraThinMaterial' | 'chromeMaterialDark' | 'materialDark' | 'thickMaterialDark' | 'thinMaterialDark' | 'ultraThinMaterialDark' | 'chromeMaterialLight' | 'materialLight' | 'thickMaterialLight' | 'thinMaterialLight' | 'ultraThinMaterialLight', 'dark'>;
|
||||
blurAmount?: WithDefault<Int32, 10>;
|
||||
reducedTransparencyFallbackColor?: ColorValue;
|
||||
}
|
||||
declare const _default: HostComponent<NativeProps>;
|
||||
export default _default;
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
/// <reference types="react" />
|
||||
import type { View } from 'react-native';
|
||||
import type { BlurViewProps as BlurViewPropsIOS } from './components/BlurView.ios';
|
||||
import type { BlurViewProps as BlurViewPropsAndroid } from './components/BlurView.android';
|
||||
import type { VibrancyViewProps as VibrancyViewPropsIOS } from './components/VibrancyView.ios';
|
||||
declare type BlurViewProps = BlurViewPropsIOS | BlurViewPropsAndroid;
|
||||
declare type VibrancyViewProps = VibrancyViewPropsIOS;
|
||||
declare const BlurView: import("react").ForwardRefExoticComponent<BlurViewProps & import("react").RefAttributes<View>>;
|
||||
declare const VibrancyView: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
||||
blurType?: ("dark" | "light" | "xlight" | "transparent" | "prominent" | "regular" | "extraDark" | "chromeMaterial" | "material" | "thickMaterial" | "thinMaterial" | "ultraThinMaterial" | "chromeMaterialDark" | "materialDark" | "thickMaterialDark" | "thinMaterialDark" | "ultraThinMaterialDark" | "chromeMaterialLight" | "materialLight" | "thickMaterialLight" | "thinMaterialLight" | "ultraThinMaterialLight") | undefined;
|
||||
blurAmount: number;
|
||||
reducedTransparencyFallbackColor?: string | undefined;
|
||||
} & import("react").RefAttributes<View>>;
|
||||
export { BlurView, VibrancyView };
|
||||
export type { BlurViewProps, VibrancyViewProps };
|
||||
Loading…
Reference in New Issue