284 lines
10 KiB
TypeScript
284 lines
10 KiB
TypeScript
// Module ID: 5428
|
|
// Function ID: 46467
|
|
// Name: getCardBackgroundToken
|
|
// Dependencies: [356122624, 131072, 527892480, 452984832, 553648128, 503316480, 1107296272, 1124073493, 33554453, 1962934272, 31, 33, 4126, 1273, 2]
|
|
|
|
// Module 5428 (getCardBackgroundToken)
|
|
import keys from "keys";
|
|
|
|
function getCardBackgroundToken(arg0) {
|
|
if ("primary" === arg0) {
|
|
return arg1(dependencyMap[6]).CARD_PRIMARY_BG;
|
|
} else if ("secondary" === arg0) {
|
|
return importDefault(dependencyMap[5]).colors.CARD_SECONDARY_BACKGROUND_DEFAULT;
|
|
} else if ("muted" === arg0) {
|
|
return importDefault(dependencyMap[5]).colors.BACKGROUND_MOD_MUTED;
|
|
} else if ("transparent" === arg0) {
|
|
return importDefault(dependencyMap[5]).unsafe_rawColors.TRANSPARENT;
|
|
} else if ("control-secondary" === arg0) {
|
|
return importDefault(dependencyMap[5]).colors.CONTROL_SECONDARY_BACKGROUND_DEFAULT;
|
|
} else if ("surface-high" === arg0) {
|
|
return importDefault(dependencyMap[5]).colors.BACKGROUND_SURFACE_HIGH;
|
|
}
|
|
}
|
|
class Card {
|
|
constructor(arg0) {
|
|
flag = global.start;
|
|
if (flag === undefined) {
|
|
flag = true;
|
|
}
|
|
flag2 = global.end;
|
|
if (flag2 === undefined) {
|
|
flag2 = true;
|
|
}
|
|
str = global.shadow;
|
|
if (str === undefined) {
|
|
str = "none";
|
|
}
|
|
str2 = global.border;
|
|
if (str2 === undefined) {
|
|
str2 = "faint";
|
|
}
|
|
str3 = global.variant;
|
|
if (str3 === undefined) {
|
|
str3 = "primary";
|
|
}
|
|
obj = { 1726238916: false, 607091733: null, -1968210922: "", 357315140: null, 296694337: null };
|
|
setPrototypeOfResult = Object.setPrototypeOf(null);
|
|
merged = Object.assign(global, obj);
|
|
tmp3 = importDefault(dependencyMap[8])("Card");
|
|
obj2 = arg1(dependencyMap[9]);
|
|
token = obj2.useToken(importDefault(dependencyMap[5]).modules.mobile.CARD_DEFAULT_RADIUS);
|
|
radius = merged.radius;
|
|
if (null != radius) {
|
|
token = radius;
|
|
}
|
|
tmp5 = f46478(flag, flag2, str3, str, str2, token);
|
|
items = [, , ];
|
|
({ spacing: arr[0], card: arr[1] } = tmp5);
|
|
items[2] = merged.style;
|
|
if ("onPress" in merged) {
|
|
if (null != merged.onPress) {
|
|
accessibilityRole = merged.accessibilityRole;
|
|
tmp7 = closure_4;
|
|
tmp8 = PressableCard;
|
|
tmp9 = closure_4(merged, PressableCard);
|
|
obj = {};
|
|
str4 = "button";
|
|
tmp10 = jsx;
|
|
tmp11 = PressableCard;
|
|
if (null != accessibilityRole) {
|
|
str4 = accessibilityRole;
|
|
}
|
|
obj.accessibilityRole = str4;
|
|
tmp12 = obj;
|
|
tmp13 = tmp9;
|
|
merged1 = Object.assign(tmp9);
|
|
str5 = "start";
|
|
obj["start"] = flag;
|
|
str6 = "end";
|
|
obj["end"] = flag2;
|
|
str7 = "style";
|
|
obj["style"] = items;
|
|
str8 = "variant";
|
|
obj["variant"] = str3;
|
|
str9 = "isRefreshEnabled";
|
|
obj["isRefreshEnabled"] = tmp3;
|
|
str10 = "radius";
|
|
obj["radius"] = token;
|
|
return tmp10(tmp11, obj);
|
|
}
|
|
}
|
|
obj1 = {};
|
|
merged2 = Object.assign(merged);
|
|
obj1["style"] = items;
|
|
return jsx(View, obj1);
|
|
}
|
|
}
|
|
function PressableCard(start) {
|
|
if (obj.isAndroid()) {
|
|
let tmp = function PressableCardAndroid(start) {
|
|
start = start.start;
|
|
const end = start.end;
|
|
const radius = start.radius;
|
|
let obj = { marginTop: false, padding: null, paddingBottom: "", borderTopWidth: null, borderColor: null };
|
|
Object.setPrototypeOf(null);
|
|
const merged = Object.assign(start, obj);
|
|
const items = [start, end, radius];
|
|
const memo = React.useMemo(() => {
|
|
const obj = {};
|
|
if (start) {
|
|
let num = radius;
|
|
} else {
|
|
num = 0;
|
|
}
|
|
obj.cornerRadius = num;
|
|
return obj;
|
|
}, items);
|
|
obj = { androidRippleConfig: memo };
|
|
const merged1 = Object.assign(merged);
|
|
obj["children"] = start.children;
|
|
return callback(start(radius[13]).AnimatedPressableHighlight, obj);
|
|
}(start);
|
|
} else {
|
|
tmp = function PressableCardiOS(onPressIn) {
|
|
let children;
|
|
let end;
|
|
let isRefreshEnabled;
|
|
let radius;
|
|
let start;
|
|
let style;
|
|
let variant;
|
|
onPressIn = onPressIn.onPressIn;
|
|
const onPressOut = onPressIn.onPressOut;
|
|
({ radius, start, end } = onPressIn);
|
|
let obj = { "Bool(false)": true, "Bool(false)": 6, "Bool(false)": 132, "Bool(false)": null, "Bool(false)": "\u{1F9D1}\u200D\u{1F680}", "Bool(false)": true, "Bool(false)": 12.1, "Bool(false)": 133, "Bool(false)": null };
|
|
({ children, style, variant, isRefreshEnabled } = onPressIn);
|
|
Object.setPrototypeOf(null);
|
|
const merged = Object.assign(onPressIn, obj);
|
|
const sharedValue = onPressIn(sharedValue[4]).useSharedValue(0);
|
|
const items = [sharedValue, onPressIn];
|
|
const items1 = [sharedValue, onPressOut];
|
|
const callback = React.useCallback((arg0) => {
|
|
const result = sharedValue.set(1);
|
|
if (null != onPressIn) {
|
|
onPressIn(arg0);
|
|
}
|
|
}, items);
|
|
const callback1 = React.useCallback((arg0) => {
|
|
const result = sharedValue.set(0);
|
|
if (null != onPressOut) {
|
|
onPressOut(arg0);
|
|
}
|
|
}, items1);
|
|
const tmp6 = callback2(variant, isRefreshEnabled);
|
|
const backgroundColor = tmp6.backgroundColor;
|
|
const backgroundColorPressed = tmp6.backgroundColorPressed;
|
|
const obj2 = onPressIn(sharedValue[4]);
|
|
class B {
|
|
constructor() {
|
|
obj = {};
|
|
obj2 = onPressIn(closure_2[11]);
|
|
obj3 = onPressIn(closure_2[4]);
|
|
items = [, ];
|
|
items[0] = backgroundColor;
|
|
items[1] = backgroundColorPressed;
|
|
interpolateColorResult = obj3.interpolateColor(closure_2.get(), [null, null], items);
|
|
obj.backgroundColor = obj2.withSpring(interpolateColorResult, onPressIn(closure_2[12]).ON_PRESS_SPRING, "animate-always");
|
|
return obj;
|
|
}
|
|
}
|
|
obj = { withSpring: onPressIn(sharedValue[11]).withSpring, interpolateColor: onPressIn(sharedValue[4]).interpolateColor, pressed: sharedValue, backgroundColor, backgroundColorPressed, ON_PRESS_SPRING: onPressIn(sharedValue[12]).ON_PRESS_SPRING };
|
|
B.__closure = obj;
|
|
B.__workletHash = 14943431549291;
|
|
B.__initData = closure_11;
|
|
obj = {};
|
|
const animatedStyle = onPressIn(sharedValue[4]).useAnimatedStyle(B);
|
|
const merged1 = Object.assign(merged);
|
|
obj["onPressIn"] = callback;
|
|
obj["onPressOut"] = callback1;
|
|
const items2 = [style, animatedStyle];
|
|
obj["style"] = items2;
|
|
obj["unstable_pressDelay"] = 130;
|
|
obj["children"] = children;
|
|
return callback(closure_8, obj);
|
|
}(start);
|
|
}
|
|
return tmp;
|
|
}
|
|
let closure_3 = [null];
|
|
let closure_4 = importDefault(dependencyMap[0]);
|
|
let closure_5 = importAll(dependencyMap[1]);
|
|
const tmp2 = arg1(dependencyMap[2]);
|
|
const View = tmp2.View;
|
|
const jsx = arg1(dependencyMap[3]).jsx;
|
|
let closure_8 = importDefault(dependencyMap[4]).createAnimatedComponent(tmp2.Pressable);
|
|
const importDefaultResult = importDefault(dependencyMap[4]);
|
|
let closure_9 = arg1(dependencyMap[7]).createStyleProperties((arg0) => {
|
|
let flag = arg1;
|
|
if (arg1 === undefined) {
|
|
flag = false;
|
|
}
|
|
if (flag === undefined) {
|
|
flag = false;
|
|
}
|
|
if ("primary" === arg0) {
|
|
let BACKGROUND_BASE_LOW = arg1(dependencyMap[6]).CARD_PRIMARY_PRESSED_BG;
|
|
} else if ("secondary" === arg0) {
|
|
BACKGROUND_BASE_LOW = importDefault(dependencyMap[5]).colors.CARD_SECONDARY_BACKGROUND_ACTIVE;
|
|
} else if ("muted" === arg0) {
|
|
BACKGROUND_BASE_LOW = importDefault(dependencyMap[5]).colors.BACKGROUND_MOD_SUBTLE;
|
|
} else if ("transparent" === arg0) {
|
|
const tmp6 = importDefault(dependencyMap[5]);
|
|
if (flag) {
|
|
let TRANSPARENT = tmp6.colors.BACKGROUND_MOD_SUBTLE;
|
|
} else {
|
|
TRANSPARENT = tmp6.unsafe_rawColors.TRANSPARENT;
|
|
}
|
|
BACKGROUND_BASE_LOW = TRANSPARENT;
|
|
} else if ("control-secondary" === arg0) {
|
|
BACKGROUND_BASE_LOW = importDefault(dependencyMap[5]).colors.CONTROL_SECONDARY_BACKGROUND_ACTIVE;
|
|
} else if ("surface-high" === arg0) {
|
|
BACKGROUND_BASE_LOW = importDefault(dependencyMap[5]).colors.BACKGROUND_BASE_LOW;
|
|
}
|
|
const obj = { backgroundColor: getCardBackgroundToken(arg0), backgroundColorPressed: BACKGROUND_BASE_LOW };
|
|
return obj;
|
|
});
|
|
const obj2 = arg1(dependencyMap[7]);
|
|
let closure_10 = arg1(dependencyMap[7]).createStyles((arg0, arg1, arg2, arg3, arg4, arg5) => {
|
|
const tmp = getCardBackgroundToken(arg2);
|
|
let BORDER_SUBTLE = null;
|
|
if ("none" !== arg4) {
|
|
if ("subtle" === arg4) {
|
|
BORDER_SUBTLE = importDefault(dependencyMap[5]).colors.BORDER_SUBTLE;
|
|
} else if ("strong" === arg4) {
|
|
BORDER_SUBTLE = importDefault(dependencyMap[5]).colors.BORDER_STRONG;
|
|
} else if ("faint" === arg4) {
|
|
BORDER_SUBTLE = importDefault(dependencyMap[5]).colors.BORDER_MUTED;
|
|
} else if ("control-secondary" === arg4) {
|
|
BORDER_SUBTLE = importDefault(dependencyMap[5]).colors.CONTROL_SECONDARY_BORDER_DEFAULT;
|
|
}
|
|
}
|
|
let tmp11 = tmp;
|
|
if (null != BORDER_SUBTLE) {
|
|
tmp11 = BORDER_SUBTLE;
|
|
}
|
|
let obj = {};
|
|
obj = {};
|
|
const merged = Object.assign(arg1(dependencyMap[6]).createCardShadowToken(arg3));
|
|
let tmp13;
|
|
if (arg0) {
|
|
tmp13 = arg5;
|
|
}
|
|
obj["borderTopStartRadius"] = tmp13;
|
|
let tmp14;
|
|
if (arg0) {
|
|
tmp14 = arg5;
|
|
}
|
|
obj["borderTopEndRadius"] = tmp14;
|
|
let tmp15;
|
|
if (arg1) {
|
|
tmp15 = arg5;
|
|
}
|
|
obj["borderBottomStartRadius"] = tmp15;
|
|
let tmp16;
|
|
if (arg1) {
|
|
tmp16 = arg5;
|
|
}
|
|
obj["borderBottomEndRadius"] = tmp16;
|
|
obj["borderColor"] = tmp11;
|
|
let num5 = 0;
|
|
if ("none" !== arg4) {
|
|
num5 = 1;
|
|
}
|
|
obj["borderWidth"] = num5;
|
|
obj["backgroundColor"] = tmp;
|
|
obj.card = obj;
|
|
obj.spacing = { padding: 16 };
|
|
return obj;
|
|
});
|
|
let closure_11 = { code: "function CardNativeTsx1(){const{withSpring,interpolateColor,pressed,backgroundColor,backgroundColorPressed,ON_PRESS_SPRING}=this.__closure;const pressedColor=withSpring(interpolateColor(pressed.get(),[0,1],[backgroundColor,backgroundColorPressed]),ON_PRESS_SPRING,'animate-always');return{backgroundColor:pressedColor};}" };
|
|
const result = keys.fileFinishedImporting("design/components/Card/native/Card.native.tsx");
|
|
|
|
export { Card };
|
|
export const InternalCard = Card;
|