276 lines
14 KiB
TypeScript
276 lines
14 KiB
TypeScript
/* Metro module 6758; source: design/components/Sheet/native/BottomSheetTitleHeader.native.tsx; dependencies: [57, 31, 27, 33, 4501, 697, 1478, 3860, 1357, 4573, 5283, 2] */
|
|
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
|
|
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
|
|
import MobileVisualRefreshExperiment from '../../../../modules/themes/experiments/MobileVisualRefreshExperiment.tsx'; /* Metro dependency 1357 */
|
|
import UseWindowDimensionsNative from '../../../../modules/screen/useWindowDimensions.native.tsx'; /* Metro dependency 1478 */
|
|
import HeaderDebugOverlayNative from '../../../../modules/devtools/design_toggles/HeaderDebugOverlay.native.tsx'; /* Metro dependency 5283 */
|
|
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
|
|
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
|
|
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
|
|
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
|
|
import * as UseTokenModule from '../../../tokens/native/useToken.tsx'; /* Metro dependency 3860 */
|
|
import * as TextModule from '../../Text/native/Text.tsx'; /* Metro dependency 4573 */
|
|
|
|
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_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;
|
|
});
|
|
(FileImportTrackerModule).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 = (UseWindowDimensionsNative)().width;
|
|
const useToken = UseTokenModule.useToken;
|
|
const SHEET_HEADER_PADDING_HORIZONTAL = (Native).modules.mobile.SHEET_HEADER_PADDING_HORIZONTAL;
|
|
const value3 = (width - 2 * Reflect.apply(useToken, UseTokenModule, [SHEET_HEADER_PADDING_HORIZONTAL])) / 4;
|
|
const [property, env0_0] = Module00057(ReactModule.useState(undefined), 2);
|
|
const value6 = ReactModule.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 _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 _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);
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
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 = (TextModule).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 = (MobileVisualRefreshExperiment)('BottomSheetTitleHeader');
|
|
const r6 = value2 ? 'text-muted' : 'text-default';
|
|
const r7 = value2 ? 'text-sm/medium' : 'text-xs/medium';
|
|
const Text = (TextModule).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] = Module00057(ReactModule.useState(false), 2);
|
|
const value4 = (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 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);
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
global.__d(_fun53244, 6758, [57, 31, 27, 33, 4501, 697, 1478, 3860, 1357, 4573, 5283,
|
|
2]) /* metro module 6758, dependencies: [57, 31, 27, 33, 4501, 697, 1478, 3860, 1357, 4573, 5283, 2] */;
|