Initial commit

sources/design/components/Sheet/native/BottomSheetTitleHeader.native.tsx

@@ -0,0 +1,155 @@
+/* Metro module 6758; source: design/components/Sheet/native/BottomSheetTitleHeader.native.tsx; dependencies: [57, 31, 27, 33, 4501, 697, 1478, 3860, 1357, 4573, 5283, 2] */
+function _fun53244(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#53244, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:6, offset: 0x01343094, size: 318 bytes, params: 8, frame: 19
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importDefault(57) /* metro dependency 57 */;
+    const env0_4 = importAll(31) /* metro dependency 31 */;
+    const env0_5 = (require(27) /* metro dependency 27 */).View;
+    const value = require(33) /* metro dependency 33 */;
+    const env0_6 = value.jsx;
+    const env0_7 = value.jsxs;
+    const env0_8 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(function() {
+        var object2 = {'paddingHorizontal': null, 'flexDirection': 'row', 'gap': 4, 'position': 'relative'};
+        object2.paddingHorizontal = importDefault(dependencyMap[5]).modules.mobile.SHEET_HEADER_PADDING_HORIZONTAL;
+        return {container: object2, titles: {'flexGrow': 1, 'flexShrink': 1, 'gap': 2}, subtitle: {textAlign: 'center'},
+            title: {textAlign: 'center'}};
+    });
+    const env0_9 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(function() {
+        return {container: {flexDirection: 'column'}, accessories: {'flexDirection': 'row',
+            'justifyContent': 'space-between'}, item: {flexShrink: 0}};
+    });
+    const env0_10 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(function() {
+        var object = {accessory: {'position': 'absolute', 'top': 0, 'bottom': 0, 'flexShrink': 0,
+            'flexDirection': 'row',
+            'flexGrow': 1}};
+        var object2 = {};
+        object2.left = importDefault(dependencyMap[5]).space.PX_16;
+        object2.justifyContent = 'flex-start';
+        object.leading = object2;
+        object.trailing = {right: importDefault(dependencyMap[5]).space.PX_16, justifyContent: 'flex-end'};
+        return object;
+    });
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Sheet/native/BottomSheetTitleHeader.native.tsx');
+    exports.BottomSheetTitleHeader = BottomSheetTitleHeader;
+}
+
+function RedesignBottomSheetTitleHeaderBase({title, subtitle}) { // fn#53245, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:419, offset: 0x013431d2, size: 157 bytes, params: 2, frame: 23
+    const styles = useStyles();
+    return (
+        <View style={styles.container}>
+            <View style={styles.titles}>
+                <Title lineClamp={2}>
+                    {title}
+                </Title>
+                {subtitle != null ? <Subtitle>{subtitle}</Subtitle> : null}
+            </View>
+        </View>
+    );
+}
+
+function RedesignBottomSheetTitleHeaderStacked({title, subtitle, leading, trailing}) { // fn#53246, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:799, offset: 0x0134326f, size: 298 bytes, params: 2, frame: 27
+    const styles = useStyles();
+    const styles2 = useStyles();
+    return (
+        <View style={[styles.container, styles2.container]}>
+            <View style={styles2.accessories}>
+                <View style={styles2.item}>
+                    {leading}
+                </View>
+                <View style={styles2.item}>
+                    {trailing}
+                </View>
+            </View>
+            <View style={styles.titles}>
+                <Title>
+                    {title}
+                </Title>
+                {subtitle != null ? <Subtitle>{subtitle}</Subtitle> : null}
+            </View>
+        </View>
+    );
+}
+
+function RedesignBottomSheetTitleHeaderComplex({title, subtitle, leading, trailing, onTitleTextLayout}) { // fn#53247, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:1410, offset: 0x01343399, size: 565 bytes, params: 2, frame: 30
+    const styles = useStyles();
+    const styles2 = useStyles();
+    const width = (importDefault(1478) /* metro dependency 1478: useWindowDimensionsNative */)().width;
+    const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
+    const useToken = useTokenModule.useToken;
+    const SHEET_HEADER_PADDING_HORIZONTAL = (importDefault(697) /* metro dependency 697: native */).modules.mobile.SHEET_HEADER_PADDING_HORIZONTAL;
+    const value3 = (width - 2 * Reflect.apply(useToken, useTokenModule, [SHEET_HEADER_PADDING_HORIZONTAL])) / 4;
+    const [property, env0_0] = env0_3(env0_4.useState(undefined), 2);
+    const value6 = env0_4.useCallback(function(a0) {
+        a0.nativeEvent.layout.width(_fun53249);
+    }, []);
+    const items2 = [<View style={{width: property}} />];
+    items2[1] = <View style={styles.titles}><Title onTextLayout={onTitleTextLayout} lineClamp={3}>{title}</Title>{subtitle != null ? <Subtitle>{subtitle}</Subtitle> : null}</View>;
+    items2[2] = <View style={{width: property}} />;
+    items2[3] = <View onLayout={value6} style={[styles2.accessory, styles2.leading,
+        {maxWidth: value3}]}>{leading}</View>;
+    items2[4] = <View onLayout={value6} style={[styles2.accessory, styles2.trailing,
+        {maxWidth: value3}]}>{trailing}</View>;
+    return (
+        <View style={styles.container}>
+            {items2}
+        </View>
+    );
+}
+
+function Title(a0) { // fn#53250, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:2127, offset: 0x0134362a, size: 133 bytes, params: 2, frame: 16
+    const styles = useStyles();
+    const r5 = (importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('BottomSheetTitleHeader') ? 'redesign/heading-18/semibold' : 'redesign/heading-18/bold';
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    return (
+        <Text
+            variant={r5}
+            color="mobile-text-heading-primary"
+            accessibilityRole="header"
+            style={styles.title}
+            {...a0}
+        />
+    );
+}
+
+function Subtitle({children}) { // fn#53251, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:2366, offset: 0x013436af, size: 149 bytes, params: 2, frame: 18
+    const styles = useStyles();
+    const value2 = (importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('BottomSheetTitleHeader');
+    const r6 = value2 ? 'text-muted' : 'text-default';
+    const r7 = value2 ? 'text-sm/medium' : 'text-xs/medium';
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    return (
+        <Text
+            variant={r7}
+            color={r6}
+            lineClamp={1}
+            style={styles.subtitle}
+        >
+            {children}
+        </Text>
+    );
+}
+
+function BottomSheetTitleHeader(a0) { // fn#53255, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:2721, offset: 0x01343860, size: 286 bytes, params: 2, frame: 20
+    const leading = a0.leading;
+    const trailing = a0.trailing;
+    const [property, env0_0] = env0_3(env0_4.useState(false), 2);
+    const value4 = (importDefault(5283) /* metro dependency 5283: HeaderDebugOverlayNative */)('sheet');
+    const r7 = leading == null || leading === false ? trailing == null || trailing === false ? <RedesignBottomSheetTitleHeaderBase {...a0} /> : trailing !== '' ? property ? <RedesignBottomSheetTitleHeaderStacked {...a0} /> : <RedesignBottomSheetTitleHeaderComplex {...a0} {...{['onTitleTextLayout']: onTitleTextLayout}} /> : <RedesignBottomSheetTitleHeaderBase {...a0} /> : leading !== '' ? property ? <RedesignBottomSheetTitleHeaderStacked {...a0} /> : <RedesignBottomSheetTitleHeaderComplex {...a0} {...{['onTitleTextLayout']: onTitleTextLayout}} /> : trailing == null || trailing === false ? <RedesignBottomSheetTitleHeaderBase {...a0} /> : trailing !== '' ? property ? <RedesignBottomSheetTitleHeaderStacked {...a0} /> : <RedesignBottomSheetTitleHeaderComplex {...a0} {...{['onTitleTextLayout']: onTitleTextLayout}} /> : <RedesignBottomSheetTitleHeaderBase {...a0} />;
+    return value4 == null ? r7 : <View style={{position: 'relative'}}>{r7}{value4}</View>;
+}
+
+function _fun53248({nativeEvent}) { // fn#53248, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:1694, offset: 0x013435ce, size: 47 bytes, params: 2, frame: 11
+    nativeEvent.layout.width(_fun53249);
+}
+
+function onTitleTextLayout({nativeEvent}) { // fn#53256, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:3019, owner: BottomSheetTitleHeader.onTitleTextLayout, offset: 0x0134397e, size: 43 bytes, params: 2, frame: 11
+    env0_0(nativeEvent.lines.length > 2);
+}
+
+function _fun53249(a0) { // fn#53249, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6936:1738, offset: 0x013435fd, size: 45 bytes, params: 2, frame: 14
+    const value = a0;
+    const Math = global.Math;
+    return Math.max(value ?? 0, width);
+}
+