Initial commit

sources/design/components/Tabs/native/TabItem.native.tsx

@@ -0,0 +1,181 @@
+/* Metro module 8860; source: design/components/Tabs/native/TabItem.native.tsx; dependencies: [31, 27, 33, 4017, 4501, 697, 4577, 4573, 477, 1244, 2] */
+function _fun69074(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#69074, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:6, offset: 0x01c675c8, size: 579 bytes, params: 8, frame: 23
+    var object2;
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importAll(31) /* metro dependency 31 */;
+    const Pressable = (require(27) /* metro dependency 27 */).Pressable;
+    let value = require(33) /* metro dependency 33 */;
+    const env0_4 = value.jsx;
+    const env0_5 = value.jsxs;
+    const env0_6 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(Pressable);
+    const env0_7 = {'mass': 0.3, 'damping': 13, 'stiffness': 250, 'overshootClamping': true};
+    const env0_8 = {'mass': 2, 'damping': 30, 'stiffness': 300, 'overshootClamping': true};
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    const env0_9 = Reflect.apply(createStyles, value, [{item: {'flexShrink': 0, 'flexBasis': 0, 'paddingBottom': 14,
+        'flexDirection': 'row', 'justifyContent': 'center'}, count: {marginLeft: PX_8}}]);
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    let createStyleProperties = value.createStyleProperties;
+    object2 = {};
+    let TEXT_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_MUTED;
+    object2.inactive = TEXT_MUTED;
+    let TEXT_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_BRAND;
+    object2.active = TEXT_BRAND;
+    TEXT_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_BRAND;
+    object2.pressed = TEXT_BRAND;
+    const env0_10 = Reflect.apply(createStyleProperties, value, [object2]);
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    createStyleProperties = value.createStyleProperties;
+    object2 = {};
+    TEXT_MUTED = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_MUTED;
+    object2.inactive = TEXT_MUTED;
+    let TEXT_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STRONG;
+    object2.active = TEXT_STRONG;
+    TEXT_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STRONG;
+    object2.pressed = TEXT_STRONG;
+    const env0_11 = Reflect.apply(createStyleProperties, value, [object2]);
+    object2 = {code: "function TabItemNativeTsx1(){const{colors,pressed,index,activeIndex,withSpring,TEXT_SPRING_CONFIG}=this.__closure;let color=colors.inactive;const isPressActive=pressed.get()>=0;const isPressed=pressed.get()===index;const isActive=Math.round(activeIndex.get())===index;if(isPressed){color=colors.pressed;}else if(isPressActive){color=colors.inactive;}else if(isActive){color=colors.active;}return{color:withSpring(color,TEXT_SPRING_CONFIG,'animate-always')};}"};
+    object2 = {code: 'function TabItemNativeTsx2(){const{withSpring,countAnimationState,COUNT_SPRING_CONFIG,interpolate}=this.__closure;return{opacity:withSpring(countAnimationState.get(),COUNT_SPRING_CONFIG),transform:[{translateX:withSpring(interpolate(countAnimationState.get(),[0,1],[-10,0]),COUNT_SPRING_CONFIG)}]};}'};
+    object2 = {code: 'function TabItemNativeTsx3(){const{activeIndex,index}=this.__closure;return{accessibilityState:{selected:activeIndex.get()===index}};}'};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Tabs/native/TabItem.native.tsx');
+    exports.TabItem = TabItem;
+}
+
+function useAnimatedTextStyle({index, activeIndex, pressed, variant}) { // fn#69075, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:1208, offset: 0x01c6780b, size: 205 bytes, params: 2, frame: 20
+    const r11 = variant !== 'gradient-background' ? env0_10() : env0_11();
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    const closure = useAnimatedTextStyleC;
+    const object2 = {colors: r11, pressed: pressed, index: index, activeIndex: activeIndex};
+    object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
+    object2.TEXT_SPRING_CONFIG = env0_7;
+    closure.__closure = object2;
+    closure.__workletHash = 11643476765161;
+    closure.__initData = env0_12;
+    return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+}
+
+function TabItemCount({count, index, activeIndex, pressed, variant}) { // fn#69077, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2021, offset: 0x01c67988, size: 370 bytes, params: 2, frame: 26
+    const styles = useStyles();
+    const value2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
+    env0_3.useLayoutEffect(_fun69078, [value2]);
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    const closure = TabItemCountT;
+    closure.__closure = {withSpring: (require(4577) /* metro dependency 4577: spring */).withSpring,
+        countAnimationState: value2, COUNT_SPRING_CONFIG: env0_8, interpolate: reanimatedRexportModule.interpolate};
+    closure.__workletHash = 16666672974627;
+    closure.__initData = env0_13;
+    const value3 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+    const value4 = useAnimatedTextStyle({index: index, activeIndex: activeIndex, pressed: pressed, variant: variant});
+    const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
+    const items2 = [styles.count, value3];
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    return (
+        <View style={items2}>
+            <Text
+                animated
+                variant="text-sm/medium"
+                style={value4}
+                lineClamp={1}
+            >
+                {count}
+            </Text>
+        </View>
+    );
+}
+
+function TabItem(a0) { // fn#69080, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2964, offset: 0x01c67ba5, size: 579 bytes, params: 2, frame: 31
+    var r8;
+    var intl;
+    const label = a0.label;
+    const count = a0.count;
+    const index = a0.index;
+    const itemCount = a0.itemCount;
+    const state = a0.state;
+    const pressed = a0.pressed;
+    const grow = a0.grow;
+    const variant = a0.variant;
+    let object2 = {'label': 0, 'count': 0, 'index': 0, 'itemCount': 0, 'state': 0, 'pressed': 0, 'grow': 0,
+        'variant': 0};
+    const value = null;
+    silentSetPrototypeOf(object2, value, undefined);
+    const value2 = copyDataProperties({}, a0, object2, grow);
+    const activeIndex = state.activeIndex;
+    const env0_2 = state.setItemDimensions;
+    const value4 = undefined;
+    const styles = useStyles();
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedProps = reanimatedRexportModule.useAnimatedProps;
+    const closure = function() {
+        var object2 = {};
+        object2.selected = activeIndex.get() === index;
+        return {accessibilityState: object2};
+    };
+    closure.__closure = {activeIndex: activeIndex, index: index};
+    closure.__workletHash = 11618929630200;
+    closure.__initData = env0_14;
+    const value5 = Reflect.apply(useAnimatedProps, reanimatedRexportModule, [closure]);
+    const value6 = useAnimatedTextStyle({index: index, activeIndex: activeIndex, pressed: pressed, variant: variant});
+    const binding = env0_6;
+    const bindingProps = {style: [styles.item, {flexGrow: grow ? 1 : 0}], ...value2};
+    bindingProps['onLayout'] = TabItemOnLayout;
+    bindingProps['accessibilityRole'] = 'tab';
+    const platformUtilsModule = require(477) /* metro dependency 477: PlatformUtils */;
+    if (platformUtilsModule.isAndroid()) {
+        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+        r8 = intl.formatToPlainString((require(1244) /* metro dependency 1244: indexNative */).t['4EsQA1'],
+            {position: index + 1, tabCount: itemCount});
+    } else {
+        r8 = value4;
+    }
+    bindingProps['accessibilityHint'] = r8;
+    bindingProps['animatedProps'] = value5;
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    return ((Component) => <Component {...bindingProps}><Text animated variant="text-sm/semibold" style={value6} lineClamp={1}>{label}</Text>{value != count ? <TabItemCount count={count} index={index} activeIndex={activeIndex} pressed={pressed} variant={variant} /> : value}</Component>)(binding);
+}
+
+function useAnimatedTextStyleC() { // fn#69076, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:1369, owner: useAnimatedTextStyle.c, offset: 0x01c678d8, size: 176 bytes, params: 1, frame: 19
+    const inactive = env0_3.inactive;
+    const pressedBinding = pressed;
+    let get = pressedBinding.get;
+    const value3 = Reflect.apply(get, pressedBinding, []) >= 0;
+    const value4 = pressedBinding.get();
+    const indexBinding = index;
+    const Math = global.Math;
+    const round = Math.round;
+    const activeIndexBinding = activeIndex;
+    get = activeIndexBinding.get;
+    const r5 = value4 === indexBinding ? env0_3.pressed : value3 ? env0_3.inactive : Reflect.apply(round, Math,
+        [Reflect.apply(get, activeIndexBinding, [])]) !== indexBinding ? inactive : env0_3.active;
+    const object2 = {};
+    object2.color = (require(4577) /* metro dependency 4577: spring */).withSpring(r5, env1_7, 'animate-always');
+    return object2;
+}
+
+function TabItemCountT() { // fn#69079, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:2211, owner: TabItemCount.T, offset: 0x01c67afa, size: 171 bytes, params: 1, frame: 21
+    const object3 = {};
+    const springModule = require(4577) /* metro dependency 4577: spring */;
+    let withSpring = springModule.withSpring;
+    const binding = env0_0;
+    object3.opacity = Reflect.apply(withSpring, springModule, [binding.get(), env1_8]);
+    const object4 = {};
+    const moduleValue2 = springModule;
+    withSpring = moduleValue2.withSpring;
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    object4.translateX = Reflect.apply(withSpring, moduleValue2, [reanimatedRexportModule.interpolate(binding.get(), [0,
+        1], [-10, 0]), env1_8]);
+    object3.transform = [object4];
+    return object3;
+}
+
+function TabItemOnLayout({nativeEvent}) { // fn#69082, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9045:3413, owner: TabItem.onLayout, offset: 0x01c67e10, size: 70 bytes, params: 2, frame: 14
+    let value = environment.__proto__;
+    value = Reflect.apply((require(4017) /* metro dependency 4017: ReanimatedRexport */).runOnUI, value,
+        [setItemDimensions]);
+    value(index, nativeEvent.layout);
+}
+