Initial commit

sources/design/components/experimental/BackgroundBlurView/native/BackgroundBlurFill.native.tsx

@@ -0,0 +1,169 @@
+/* Metro module 7977; source: design/components/experimental/BackgroundBlurView/native/BackgroundBlurFill.native.tsx; dependencies: [31, 27, 33, 697, 4000, 3868, 3860, 4564, 4563, 4017, 4577, 4581, 2] */
+function _fun63476(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#63476, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:6, offset: 0x01b81735, size: 453 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    const useBlurTheme = function(a0) {
+        return a0 ?? require(dependencyMap[5]).useThemeContext().theme;
+    };
+    const useBlurFallback = function(a0, a1) {
+        var value = a1;
+        var moduleValue = require(dependencyMap[6]);
+        var BACKGROUND_SCRIM = importDefault(dependencyMap[3]).colors.BACKGROUND_SCRIM;
+        return value ?? moduleValue.useToken(BACKGROUND_SCRIM, a0);
+    };
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importAll(31) /* metro dependency 31 */;
+    const env0_4 = (require(27) /* metro dependency 27 */).StyleSheet;
+    const env0_5 = (require(33) /* metro dependency 33 */).jsx;
+    const BLACK = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.BLACK;
+    const env0_6 = (require(4000) /* metro dependency 4000: ColorUtils */).hexWithOpacity(BLACK, 0);
+    const env0_7 = (require(4000) /* metro dependency 4000: ColorUtils */).hexWithOpacity(BLACK, 0.2);
+    const env0_8 = (require(4000) /* metro dependency 4000: ColorUtils */).hexWithOpacity(BLACK, 0.4);
+    const env0_9 = (require(4000) /* metro dependency 4000: ColorUtils */).hexWithOpacity(BLACK, 0.5);
+    object = {code: "function BackgroundBlurFillNativeTsx1(){const{withSpring,interpolateColor,pressed,fallbackColor,fallbackColorPressed,ON_PRESS_SPRING}=this.__closure;return{backgroundColor:withSpring(interpolateColor(pressed.get(),[0,1],[fallbackColor,fallbackColorPressed]),ON_PRESS_SPRING,'animate-always')};}"};
+    object = {code: "function BackgroundBlurFillNativeTsx2(){const{shouldUseFallback,withSpring,interpolateColor,pressed,blurTint,blurTintPressed,ON_PRESS_SPRING}=this.__closure;return{blurTintRgba:shouldUseFallback?undefined:withSpring(interpolateColor(pressed.get(),[0,1],[blurTint,blurTintPressed]),ON_PRESS_SPRING,'animate-always')};}"};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/BackgroundBlurView/native/BackgroundBlurFill.native.tsx');
+    const BlurTheme = (require(4564) /* metro dependency 4564: VisualEffectView */).BlurTheme;
+    exports.BlurTheme = BlurTheme;
+    const BlurStyle = (require(4564) /* metro dependency 4564: VisualEffectView */).BlurStyle;
+    exports.BlurStyle = BlurStyle;
+    exports.BackgroundBlurFill = BackgroundBlurFill;
+    exports.BackgroundBlurFillAnimated = BackgroundBlurFillAnimated;
+    exports.BackgroundBlurFillWithPress = BackgroundBlurFillWithPress;
+}
+
+function useBlurStyle(a0, a1) { // fn#63478, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:379, offset: 0x01b81931, size: 54 bytes, params: 3, frame: 15
+    const value = a1;
+    const env0_0 = a0;
+    return value ?? env0_3.useMemo(_fun63479, [a0]);
+}
+
+function useBlurTintRgba(a0, a1) { // fn#63480, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:487, offset: 0x01b81982, size: 54 bytes, params: 3, frame: 15
+    const value = a1;
+    const env0_0 = a0;
+    return value ?? env0_3.useMemo(_fun63481, [a0]);
+}
+
+function BackgroundBlurFill({style, blurTheme, blurStyle, blurAmount, blurTintRgba, android_fallbackColor, android_blurTargetViewNativeId}) { // fn#63483, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:1577, offset: 0x01b81a6c, size: 178 bytes, params: 2, frame: 22
+    const value2 = useBlurTheme(blurTheme);
+    return ((Component) => <Component blurTheme={value2} blurStyle={useBlurStyle(value2,
+        blurStyle)} blurAmount={blurAmount} blurTintRgba={useBlurTintRgba(value2,
+        blurTintRgba)} android_fallbackColor={useBlurFallback(value2,
+        android_fallbackColor)} android_blurTargetViewNativeId={android_blurTargetViewNativeId} style={[StyleSheet.absoluteFill,
+        style]} />)(importDefault(4564) /* metro dependency 4564: VisualEffectView */);
+}
+
+function BackgroundBlurFillAnimated({style, blurTheme, blurStyle, blurAmount, blurTintRgba, android_fallbackColor, android_blurTargetViewNativeId, animatedProps}) { // fn#63484, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:1991, offset: 0x01b81b1e, size: 213 bytes, params: 2, frame: 23
+    const value2 = useBlurTheme(blurTheme);
+    return ((Component) => <Component blurTheme={value2} blurStyle={useBlurStyle(value2,
+        blurStyle)} blurAmount={blurAmount} blurTintRgba={useBlurTintRgba(value2,
+        blurTintRgba)} android_fallbackColor={useBlurFallback(value2,
+        android_fallbackColor)} android_blurTargetViewNativeId={android_blurTargetViewNativeId} style={[StyleSheet.absoluteFill,
+        style]} {...animatedProps != null && ({animatedProps: animatedProps})} />)(importDefault(4563) /* metro dependency 4563: VisualEffectViewAnimated */);
+}
+
+function BackgroundBlurFillWithPress(a0) { // fn#63485, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:2460, offset: 0x01b81bf3, size: 667 bytes, params: 2, frame: 32
+    const style = a0.style;
+    const blurTheme = a0.blurTheme;
+    const pressed = a0.pressed;
+    const object4 = {'style': 0, 'blurTheme': 0, 'pressed': 0};
+    silentSetPrototypeOf(object4, null, undefined);
+    let value = copyDataProperties({}, a0, object4, undefined);
+    const value3 = useBlurTheme(blurTheme);
+    const value4 = useBlurStyle(value3, undefined);
+    const value5 = value3 === 'light';
+    const r16 = value5 ? env0_6 : env0_8;
+    const r15 = value5 ? env0_7 : env0_9;
+    const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
+    let useToken = useTokenModule.useToken;
+    const BACKGROUND_SCRIM = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SCRIM;
+    const value6 = Reflect.apply(useToken, useTokenModule, [BACKGROUND_SCRIM, value3]);
+    const moduleValue2 = useTokenModule;
+    useToken = moduleValue2.useToken;
+    const BACKGROUND_SCRIM_LIGHTBOX = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SCRIM_LIGHTBOX;
+    const value7 = Reflect.apply(useToken, moduleValue2, [BACKGROUND_SCRIM_LIGHTBOX, value3]);
+    value = (require(4564) /* metro dependency 4564: VisualEffectView */).isBlurDisabled(value);
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    let closure = BackgroundBlurFillWithPressT;
+    const object5 = {};
+    object5.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
+    object5.interpolateColor = reanimatedRexportModule.interpolateColor;
+    object5.pressed = pressed;
+    object5.fallbackColor = value6;
+    object5.fallbackColorPressed = value7;
+    const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
+    object5.ON_PRESS_SPRING = ON_PRESS_SPRING;
+    closure.__closure = object5;
+    closure.__workletHash = 10497618157620;
+    closure.__initData = env0_10;
+    const value8 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+    const moduleValue5 = reanimatedRexportModule;
+    const useAnimatedProps = moduleValue5.useAnimatedProps;
+    closure = BackgroundBlurFillWithPressP;
+    const object6 = {shouldUseFallback: value};
+    object6.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
+    object6.interpolateColor = reanimatedRexportModule.interpolateColor;
+    object6.pressed = pressed;
+    object6.blurTint = r16;
+    object6.blurTintPressed = r15;
+    object6.ON_PRESS_SPRING = ON_PRESS_SPRING;
+    closure.__closure = object6;
+    closure.__workletHash = 3902745666351;
+    closure.__initData = env0_11;
+    return ((Component) => <Component blurTheme={value3} blurStyle={value4} style={[StyleSheet.absoluteFill, style,
+        value ? value8 : {}]} {...!value && ({animatedProps: Reflect.apply(useAnimatedProps, moduleValue5,
+        [closure])})} />)(importDefault(4563) /* metro dependency 4563: VisualEffectViewAnimated */);
+}
+
+function _fun63479() { // fn#63479, offset: 0x01b81967, size: 27 bytes, params: 1, frame: 3
+    return env0_0 !== 'light' ? 'ultra-thin' : 'default';
+}
+
+function _fun63481() { // fn#63481, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:534, offset: 0x01b819b8, size: 99 bytes, params: 1, frame: 13
+    var r0;
+    var value;
+    if (env0_0 === 'light') {
+        value = environment.__proto__;
+        value = (require(4000) /* metro dependency 4000: ColorUtils */).hexToRgbaString(env1_6);
+        r0 = value;
+    } else {
+        value = environment.__proto__;
+        value = (require(4000) /* metro dependency 4000: ColorUtils */).hexToRgbaString(env1_8);
+        r0 = value;
+    }
+    return r0;
+}
+
+function BackgroundBlurFillWithPressT() { // fn#63486, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:2798, owner: BackgroundBlurFillWithPress.T, offset: 0x01b81e8e, size: 140 bytes, params: 1, frame: 22
+    let value = environment.__proto__;
+    value = require(4577) /* metro dependency 4577: spring */;
+    const withSpring = value.withSpring;
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const value4 = reanimatedRexportModule.interpolateColor(pressed.get(), [0, 1], [env0_3, env0_4]);
+    const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
+    return {backgroundColor: Reflect.apply(withSpring, value, [value4, ON_PRESS_SPRING, 'animate-always'])};
+}
+
+function BackgroundBlurFillWithPressP() { // fn#63487, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8155:3199, owner: BackgroundBlurFillWithPress.p, offset: 0x01b81f1a, size: 153 bytes, params: 1, frame: 23
+    var r1;
+    var value3;
+    var moduleValue;
+    var withSpring;
+    var moduleValue2;
+    var value;
+    if (env0_5) {
+        r1 = undefined;
+    } else {
+        value3 = environment.__proto__;
+        moduleValue = require(4577) /* metro dependency 4577: spring */;
+        withSpring = moduleValue.withSpring;
+        moduleValue2 = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+        value = moduleValue2.interpolateColor(pressed.get(), [0, 1], [env0_1, env0_2]);
+        value = Reflect.apply(withSpring, moduleValue, [value,
+            (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING, 'animate-always']);
+        r1 = value;
+    }
+    return {blurTintRgba: r1};
+}
+

sources/design/components/experimental/BackgroundBlurView/native/BackgroundBlurView.native.tsx

@@ -0,0 +1,39 @@
+/* Metro module 7976; source: design/components/experimental/BackgroundBlurView/native/BackgroundBlurView.native.tsx; dependencies: [31, 27, 33, 4501, 7977, 2] */
+function _fun63474(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#63474, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8154:6, offset: 0x01b81551, size: 212 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    let value = importAll(31) /* metro dependency 31 */;
+    const env0_2 = (require(27) /* metro dependency 27 */).View;
+    const value2 = require(33) /* metro dependency 33 */;
+    const env0_3 = value2.jsx;
+    const env0_4 = value2.jsxs;
+    const env0_5 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {'position': 'relative',
+        'overflow': 'hidden'}});
+    value = value.forwardRef(BackgroundBlurViewComponent);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/experimental/BackgroundBlurView/native/BackgroundBlurView.native.tsx');
+    exports.BackgroundBlurView = value;
+}
+
+function BackgroundBlurViewComponent(a0, a1) { // fn#63475, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8154:244, offset: 0x01b81625, size: 272 bytes, params: 3, frame: 23
+    const children = a0.children;
+    const style = a0.style;
+    const blurTheme = a0.blurTheme;
+    const pressed = a0.pressed;
+    const android_blurTargetViewNativeId = a0.android_blurTargetViewNativeId;
+    const object2 = {'children': 0, 'style': 0, 'blurTheme': 0, 'pressed': 0, 'android_blurTargetViewNativeId': 0};
+    silentSetPrototypeOf(object2, null, undefined);
+    const value = copyDataProperties({}, a0, object2, undefined);
+    const styles = useStyles();
+    return (
+        <View
+            {...value}
+            {...{['style']: [styles.container, style]}}
+            {...{['ref']: a1}}
+        >
+            {pressed != null ? ((BackgroundBlurFillWithPress) => <BackgroundBlurFillWithPress blurTheme={blurTheme} pressed={pressed} android_blurTargetViewNativeId={android_blurTargetViewNativeId} />)((require(7977) /* metro dependency 7977: BackgroundBlurFillNative */).BackgroundBlurFillWithPress) : ((BackgroundBlurFill) => <BackgroundBlurFill blurTheme={blurTheme} android_blurTargetViewNativeId={android_blurTargetViewNativeId} />)((require(7977) /* metro dependency 7977: BackgroundBlurFillNative */).BackgroundBlurFill)}
+            {children}
+        </View>
+    );
+}
+