121 lines
6.8 KiB
TypeScript
121 lines
6.8 KiB
TypeScript
/* Metro module 12728; source: design/void/SummarizedIconRow/native/SummarizedIconRow.tsx; dependencies: [31, 27, 33, 4501, 697, 4573, 2] */
|
|
function _fun97439(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97439, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:6, offset: 0x021812ce, size: 519 bytes, params: 8, frame: 22
|
|
var object3;
|
|
const env0_0 = require;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
importAll(31) /* metro dependency 31 */;
|
|
const env0_2 = (require(27) /* metro dependency 27 */).View;
|
|
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
|
|
const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
|
|
const createStyles = createStylesModule.createStyles;
|
|
object3 = {container: {'flexDirection': 'row', 'alignItems': 'center'}, iconWrapper: {'alignItems': 'center',
|
|
'justifyContent': 'center'}};
|
|
const object5 = {};
|
|
let BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
|
|
object5.backgroundColor = BACKGROUND_BASE_LOW;
|
|
object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
|
|
object3.overflowSquircleWrap = object5;
|
|
let BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
|
|
object3.overflowSquircle = {'backgroundColor': null, 'margin': 3, 'paddingHorizontal': 8, 'height': 30,
|
|
'alignItems': 'center', 'justifyContent': 'center', 'borderRadius': 10, backgroundColor: BACKGROUND_BASE_LOWEST};
|
|
const object6 = {'margin': 2, 'paddingHorizontal': 8, 'height': 32, 'alignItems': 'center',
|
|
'justifyContent': 'center'};
|
|
object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
|
|
BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
|
|
object6.backgroundColor = BACKGROUND_BASE_LOWEST;
|
|
object3.overflowTextOnly = object6;
|
|
BACKGROUND_BASE_LOW = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
|
|
object3.overflowCircleWrap = {backgroundColor: BACKGROUND_BASE_LOW, borderRadius: 17};
|
|
BACKGROUND_BASE_LOWEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOWEST;
|
|
object3.overflowCircle = {'backgroundColor': null, 'margin': 2, 'paddingHorizontal': 8, 'height': 30,
|
|
'alignItems': 'center', 'justifyContent': 'center', 'borderRadius': 15, backgroundColor: BACKGROUND_BASE_LOWEST};
|
|
const env0_4 = Reflect.apply(createStyles, createStylesModule, [object3]);
|
|
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/SummarizedIconRow/native/SummarizedIconRow.tsx');
|
|
exports.default = SummarizedIconRow;
|
|
exports.OverflowText = OverflowText;
|
|
exports.OverflowTextSmall = OverflowTextSmall;
|
|
exports.OverflowCircle = OverflowCircle;
|
|
}
|
|
|
|
function OverflowSquircle({overflow, style}) { // fn#97440, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:989, offset: 0x021814d5, size: 176 bytes, params: 2, frame: 22
|
|
const styles = useStyles();
|
|
const items2 = [styles.overflowSquircleWrap, style];
|
|
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
|
|
return (
|
|
<View style={items2}>
|
|
<View style={styles.overflowSquircle}>
|
|
<Text variant="text-xs/medium">
|
|
{'+' + overflow}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
function SummarizedIconRow({items, max, renderItem, offsetAmount, iconWrapperStyle, overflowStyle, style, overflowComponent = OverflowSquircle}) { // fn#97441, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:1306, offset: 0x02181585, size: 218 bytes, params: 2, frame: 19
|
|
max = max === undefined ? 8 : max;
|
|
const styles = useStyles();
|
|
const Math = global.Math;
|
|
const env0_8 = Math.max(items.length - max, 0);
|
|
return (
|
|
<View style={[styles.container, style]}>
|
|
{items.map(_fun97442)}
|
|
</View>
|
|
);
|
|
}
|
|
|
|
function OverflowText({overflow, style}) { // fn#97443, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:1807, offset: 0x02181764, size: 146 bytes, params: 2, frame: 19
|
|
const styles = useStyles();
|
|
const items2 = [styles.overflowTextOnly, style];
|
|
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
|
|
return (
|
|
<View style={items2}>
|
|
<Text variant="text-xs/medium">
|
|
{'+' + overflow}
|
|
</Text>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
function OverflowTextSmall({overflow, style}) { // fn#97444, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:1994, offset: 0x021817f6, size: 146 bytes, params: 2, frame: 19
|
|
const styles = useStyles();
|
|
const items2 = [styles.overflowTextOnly, style];
|
|
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
|
|
return (
|
|
<View style={items2}>
|
|
<Text variant="text-xxs/medium">
|
|
{'+' + overflow}
|
|
</Text>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
function OverflowCircle({overflow, style}) { // fn#97445, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:2184, offset: 0x02181888, size: 176 bytes, params: 2, frame: 22
|
|
const styles = useStyles();
|
|
const items2 = [styles.overflowCircleWrap, style];
|
|
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
|
|
return (
|
|
<View style={items2}>
|
|
<View style={styles.overflowCircle}>
|
|
<Text variant="text-xs/medium">
|
|
{'+' + overflow}
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
function _fun97442(a0, a1) { // fn#97442, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12918:1545, offset: 0x0218165f, size: 261 bytes, params: 3, frame: 23
|
|
if (a1 >= max) {
|
|
return undefined;
|
|
}
|
|
return a1 !== max - 1 ? a0 ? <View style={[styles.iconWrapper, iconWrapperStyle,
|
|
a1 !== 0 ? {marginLeft: offsetAmount} : {}]} key={a1}>{renderItem(a0, a1 === global.Math.min(items.length,
|
|
max) - 1)}</View> : null : env0_8 > 0 ? ((Component) => <Component style={[{marginLeft: offsetAmount},
|
|
overflowStyle]} overflow={env0_8 + 1} key={a1} />)(env0_6) : a0 ? <View style={[styles.iconWrapper,
|
|
iconWrapperStyle, a1 !== 0 ? {marginLeft: offsetAmount} : {}]} key={a1}>{renderItem(a0,
|
|
a1 === global.Math.min(items.length, max) - 1)}</View> : null;
|
|
}
|
|
|