213 lines
8.7 KiB
TypeScript
213 lines
8.7 KiB
TypeScript
/* Metro module 12754; source: design/void/RoleDot/native/RoleDot.tsx; dependencies: [31, 27, 33, 4501, 697, 477, 4584, 6630, 4589, 1360, 2] */
|
|
function _fun97512(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97512, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12944:6, offset: 0x02185058, size: 398 bytes, params: 8, frame: 22
|
|
var object2;
|
|
const env0_0 = require;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
importAll(31) /* metro dependency 31 */;
|
|
const env0_3 = (require(27) /* metro dependency 27 */).View;
|
|
let value = require(33) /* metro dependency 33 */;
|
|
const env0_4 = value.jsx;
|
|
const env0_5 = value.jsxs;
|
|
value = require(4501) /* metro dependency 4501: createStyles */;
|
|
const createStyles = value.createStyles;
|
|
object2 = {};
|
|
object2.container = {flexShrink: 0};
|
|
object2.background = {position: 'relative'};
|
|
const object3 = {};
|
|
const BACKGROUND_MOD_NORMAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_NORMAL;
|
|
object3.backgroundColor = BACKGROUND_MOD_NORMAL;
|
|
object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
|
|
object2.backgroundColor = object3;
|
|
const object7 = {};
|
|
const TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_DEFAULT;
|
|
object7.backgroundColor = TEXT_DEFAULT;
|
|
object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
|
|
object2.borderBase = object7;
|
|
const object8 = {};
|
|
object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
|
|
object8.opacity = 0.4;
|
|
object2.borderColor = object8;
|
|
object2.dot = {'borderRadius': 10, 'position': 'absolute'};
|
|
const env0_6 = Reflect.apply(createStyles, value, [object2]);
|
|
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/RoleDot/native/RoleDot.tsx');
|
|
exports.RoleDot = RoleDot_97513;
|
|
}
|
|
|
|
function RoleDot_97513({color, colors, size, background, containerStyles, guildId}) { // fn#97513, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12944:598, offset: 0x021851e6, size: 767 bytes, params: 2, frame: 30
|
|
var r8;
|
|
var value10;
|
|
var value11;
|
|
var value12;
|
|
var object3;
|
|
var object4;
|
|
var moduleValue2;
|
|
var value15;
|
|
var object5;
|
|
var container;
|
|
var items3;
|
|
var object8;
|
|
var items2;
|
|
var items5;
|
|
var dot;
|
|
var items6;
|
|
var defaultImport2;
|
|
var object9;
|
|
var items7;
|
|
var items8;
|
|
size = size === undefined ? 'normal' : size;
|
|
background = background === undefined || background;
|
|
const styles = useStyles();
|
|
const value5 = (require(4584) /* metro dependency 4584: useFontScale */).useFontScale();
|
|
const value7 = (importDefault(6630) /* metro dependency 6630: useHasEnhancedRoleColors */)(guildId, null);
|
|
if (color != null) {
|
|
value10 = (size !== 'normal' ? 16 : 20) * value5;
|
|
value11 = value10 / 2 + 2;
|
|
value12 = value11 - 2;
|
|
object3 = {};
|
|
object4 = {paddingRight: 2 * value5};
|
|
moduleValue2 = require(477) /* metro dependency 477: PlatformUtils */;
|
|
object4.paddingTop = moduleValue2.isAndroid() ? 3 * value5 : 2 * value5;
|
|
object4.height = value10;
|
|
object3.container = object4;
|
|
object3.background = {height: value10, width: value10, padding: (value10 - value11) / 2};
|
|
object3.border = {height: value11, width: value11};
|
|
value15 = value12 / 2;
|
|
object3.dot = {height: value12, width: value12, top: value15, left: value15};
|
|
object5 = {};
|
|
container = styles.container;
|
|
items3 = [container];
|
|
container = object3.container;
|
|
items3[1] = container;
|
|
items3[2] = containerStyles;
|
|
object5.style = items3;
|
|
object8 = {};
|
|
items2 = [styles.background];
|
|
items2[1] = background ? styles.backgroundColor : null;
|
|
background = object3.background;
|
|
items2[2] = background;
|
|
object8.style = items2;
|
|
items5 = [<View style={[styles.borderBase]}><View style={[styles.borderColor, object3.border,
|
|
{backgroundColor: color ?? undefined}]} /></View>];
|
|
if (value7) {
|
|
if (colors == null) {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object3.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
} else if (colors.secondaryColor != null) {
|
|
defaultImport2 = importDefault(4589) /* metro dependency 4589 */;
|
|
object9 = {};
|
|
items7 = [colors.primaryColor];
|
|
items7[1] = colors.secondaryColor;
|
|
items7[2] = colors.tertiaryColor;
|
|
object9.colors = items7.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
|
|
object9.start = {'x': 0, 'y': 0};
|
|
object9.end = {'x': 1, 'y': 0};
|
|
dot = styles.dot;
|
|
items8 = [dot];
|
|
dot = object3.dot;
|
|
items8[1] = dot;
|
|
object9.style = items8;
|
|
r8 = ((Component) => <Component {...object9} />)(defaultImport2);
|
|
} else {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object3.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
}
|
|
} else {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object3.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
}
|
|
items5[1] = r8;
|
|
return (
|
|
<View {...object5}>
|
|
<View {...object8}>
|
|
{items5}
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
if (colors == null) {
|
|
return null;
|
|
}
|
|
value10 = (size !== 'normal' ? 16 : 20) * value5;
|
|
value11 = value10 / 2 + 2;
|
|
value12 = value11 - 2;
|
|
object3 = {};
|
|
object4 = {paddingRight: 2 * value5};
|
|
moduleValue2 = require(477) /* metro dependency 477: PlatformUtils */;
|
|
object4.paddingTop = moduleValue2.isAndroid() ? 3 * value5 : 2 * value5;
|
|
object4.height = value10;
|
|
object3.container = object4;
|
|
object3.background = {height: value10, width: value10, padding: (value10 - value11) / 2};
|
|
object3.border = {height: value11, width: value11};
|
|
value15 = value12 / 2;
|
|
object3.dot = {height: value12, width: value12, top: value15, left: value15};
|
|
items3 = [styles.container];
|
|
items3[1] = object3.container;
|
|
items3[2] = containerStyles;
|
|
items2 = [styles.background];
|
|
items2[1] = background ? styles.backgroundColor : null;
|
|
items2[2] = object3.background;
|
|
const view = <View style={[styles.borderBase]}><View style={[styles.borderColor, object3.border,
|
|
{backgroundColor: color ?? undefined}]} /></View>;
|
|
if (value7) {
|
|
if (colors == null) {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object3.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
} else if (colors.secondaryColor != null) {
|
|
defaultImport2 = importDefault(4589) /* metro dependency 4589 */;
|
|
object9 = {};
|
|
items7 = [colors.primaryColor];
|
|
items7[1] = colors.secondaryColor;
|
|
items7[2] = colors.tertiaryColor;
|
|
object9.colors = items7.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
|
|
object9.start = {'x': 0, 'y': 0};
|
|
object9.end = {'x': 1, 'y': 0};
|
|
dot = styles.dot;
|
|
items8 = [dot];
|
|
dot = object3.dot;
|
|
items8[1] = dot;
|
|
object9.style = items8;
|
|
r8 = ((Component) => <Component {...object9} />)(defaultImport2);
|
|
} else {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object3.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
}
|
|
} else {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object3.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
}
|
|
return (
|
|
<View style={items3}>
|
|
<View style={items2}>
|
|
{view}
|
|
{r8}
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
|