20a21ad13f
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4791.js (118.4 MB)
201 lines
9 KiB
TypeScript
201 lines
9 KiB
TypeScript
// Module ID: 6692
|
|
// Function ID: 6693
|
|
// Name: InputFieldContainer
|
|
// Dependencies: [19, 17, 21, 576, 4308, 4606, 6693, 4602, 4343, 5025, 2]
|
|
// Exports: InputFieldContainer
|
|
|
|
// Module 6692 (InputFieldContainer)
|
|
import nativeDefault from "native" /* 576 */;
|
|
import useToken from "useToken" /* 4308 */;
|
|
import spring from "spring" /* 5025 */;
|
|
import InputTypes from "InputTypes" /* 6693 */;
|
|
import noop from "module_19" /* 19 */;
|
|
|
|
const require = globalThis.__r;
|
|
|
|
const Text_Text = tmp(4602);
|
|
require = fn;
|
|
function useInputStyles(size) {
|
|
let str = size.size;
|
|
if (str === undefined) {
|
|
str = "lg";
|
|
}
|
|
let flag = size.isRound;
|
|
if (flag === undefined) {
|
|
flag = false;
|
|
}
|
|
let flag2 = size.isDisabled;
|
|
if (flag2 === undefined) {
|
|
flag2 = false;
|
|
}
|
|
let flag3 = size.grow;
|
|
if (flag3 === undefined) {
|
|
flag3 = true;
|
|
}
|
|
if ("sm" === str) {
|
|
let INPUT_FIELD_RADIUS_LG = nativeDefault.modules.mobile.INPUT_FIELD_RADIUS_SM;
|
|
} else if ("md" === str) {
|
|
INPUT_FIELD_RADIUS_LG = nativeDefault.modules.mobile.INPUT_FIELD_RADIUS_MD;
|
|
} else if ("lg" === str) {
|
|
INPUT_FIELD_RADIUS_LG = nativeDefault.modules.mobile.INPUT_FIELD_RADIUS_LG;
|
|
}
|
|
let token = useToken.useToken(INPUT_FIELD_RADIUS_LG);
|
|
if (flag) {
|
|
token = tmpResult.useToken(nativeDefault.modules.mobile.INPUT_FIELD_ROUND_RADIUS);
|
|
}
|
|
tmpResult = useToken;
|
|
if ("sm" === str) {
|
|
let INPUT_FIELD_TEXT_STYLE_LG = tmp7(576).modules.mobile.INPUT_FIELD_TEXT_STYLE_SM;
|
|
} else if ("md" === str) {
|
|
INPUT_FIELD_TEXT_STYLE_LG = tmp7(576).modules.mobile.INPUT_FIELD_TEXT_STYLE_MD;
|
|
} else if ("lg" === str) {
|
|
INPUT_FIELD_TEXT_STYLE_LG = tmp7(576).modules.mobile.INPUT_FIELD_TEXT_STYLE_LG;
|
|
}
|
|
const token1 = useToken.useToken(INPUT_FIELD_TEXT_STYLE_LG);
|
|
const tmpResult3 = useToken;
|
|
return closure_9(str, flag2, flag3, token, token1, useToken.useToken(nativeDefault.modules.mobile.INPUT_FIELD_PADDING_VERTICAL_SM_IOS));
|
|
}
|
|
get_ActivityIndicator = fn(17);
|
|
({ Platform, StyleSheet: c3, View: closure_4 } = get_ActivityIndicator);
|
|
const jsxProd = fn(21);
|
|
({ jsx: hasOwnProperty, jsxs: metroRequire } = jsxProd);
|
|
const RING_SPRING_CONFIG = { mass: 0.5, damping: 15, stiffness: 200, overshootClamping: true };
|
|
let createStyles = fn(4606);
|
|
let closure_9 = createStyles.createStyles(() => {
|
|
let str = arg0;
|
|
if (arg0 === undefined) {
|
|
str = "lg";
|
|
}
|
|
let flag = arg1;
|
|
if (arg1 === undefined) {
|
|
flag = false;
|
|
}
|
|
let flag2 = arg2;
|
|
if (arg2 === undefined) {
|
|
flag2 = true;
|
|
}
|
|
let num = arg3;
|
|
if (arg3 === undefined) {
|
|
num = 12;
|
|
}
|
|
let str2 = arg4;
|
|
if (arg4 === undefined) {
|
|
str2 = "text-md/medium";
|
|
}
|
|
const obj = { sm: InputTypes.InputHeights.SM, md: InputTypes.InputHeights.MD, lg: InputTypes.InputHeights.LG };
|
|
const tmp4 = { sm: nativeDefault.space.PX_8, md: nativeDefault.space.PX_12, lg: nativeDefault.space.PX_16 }[str];
|
|
const obj2 = { sm: nativeDefault.space.PX_8, md: nativeDefault.space.PX_12, lg: nativeDefault.space.PX_16 };
|
|
const tmp5 = { sm: nativeDefault.space.PX_4, md: nativeDefault.space.PX_8, lg: nativeDefault.space.PX_8 }[str];
|
|
const obj4 = { sm: null, md: null, lg: null };
|
|
const obj3 = { sm: nativeDefault.space.PX_4, md: nativeDefault.space.PX_8, lg: nativeDefault.space.PX_8 };
|
|
obj4.sm = { paddingHorizontal: nativeDefault.space.PX_8, paddingVertical: nativeDefault.space.PX_4 };
|
|
const obj5 = { paddingHorizontal: nativeDefault.space.PX_8, paddingVertical: nativeDefault.space.PX_4 };
|
|
obj4.md = { paddingHorizontal: nativeDefault.space.PX_12, paddingVertical: nativeDefault.space.PX_8 };
|
|
const obj6 = { paddingHorizontal: nativeDefault.space.PX_12, paddingVertical: nativeDefault.space.PX_8 };
|
|
obj4.lg = { paddingHorizontal: nativeDefault.space.PX_16, paddingVertical: nativeDefault.space.PX_8 + 2 };
|
|
let num2 = 1;
|
|
if (flag) {
|
|
num2 = 0.5;
|
|
}
|
|
const obj8 = { opacity: num2, pointerEvents: null, flexDirection: "row", flexGrow: null, alignItems: "center" };
|
|
let str3 = "auto";
|
|
if (flag) {
|
|
str3 = "none";
|
|
}
|
|
obj8.pointerEvents = str3;
|
|
let num3 = 0;
|
|
if (flag2) {
|
|
num3 = 1;
|
|
}
|
|
const obj9 = { container: obj8, background: null, placeholderText: null, minHeight: null, radius: null, padding: null, text: null, leadingText: null, trailingText: null, leadingIcon: null, trailingIcon: null, splitBorder: null };
|
|
obj8.flexGrow = num3;
|
|
const obj7 = { paddingHorizontal: nativeDefault.space.PX_16, paddingVertical: nativeDefault.space.PX_8 + 2 };
|
|
obj9.background = { backgroundColor: nativeDefault.colors.INPUT_BACKGROUND_DEFAULT, borderWidth: nativeDefault.modules.mobile.INPUT_FIELD_BORDER_WIDTH, borderColor: nativeDefault.colors.INPUT_BORDER_DEFAULT };
|
|
const obj10 = { backgroundColor: nativeDefault.colors.INPUT_BACKGROUND_DEFAULT, borderWidth: nativeDefault.modules.mobile.INPUT_FIELD_BORDER_WIDTH, borderColor: nativeDefault.colors.INPUT_BORDER_DEFAULT };
|
|
obj9.placeholderText = { color: nativeDefault.colors.INPUT_PLACEHOLDER_TEXT_DEFAULT };
|
|
obj9.minHeight = { minHeight: obj[str] };
|
|
obj9.radius = { borderRadius: num };
|
|
obj9.padding = obj4[str];
|
|
const obj12 = {};
|
|
const merged = Object.assign(Text_Text.TextStyleSheet[str2]);
|
|
obj12.lineHeight = undefined;
|
|
const colors = tmp3(576).colors;
|
|
obj12.color = flag ? colors.TEXT_MUTED : colors.TEXT_DEFAULT;
|
|
obj12.flexGrow = 1;
|
|
obj9.text = obj12;
|
|
const obj13 = { position: "absolute", left: 0 };
|
|
const merged1 = Object.assign(tmp6);
|
|
obj13.paddingEnd = tmp5;
|
|
obj13.zIndex = 1;
|
|
obj13.pointerEvents = "none";
|
|
obj9.leadingText = obj13;
|
|
const obj14 = { position: "absolute", right: 0 };
|
|
const merged2 = Object.assign(tmp6);
|
|
obj14.paddingStart = tmp5;
|
|
obj14.zIndex = 1;
|
|
obj14.pointerEvents = "none";
|
|
obj9.trailingText = obj14;
|
|
obj9.leadingIcon = { position: "absolute", left: 0, top: 0, bottom: 0, paddingTop: tmp4, paddingBottom: tmp4, paddingStart: tmp4, paddingEnd: tmp5, justifyContent: "center", zIndex: 1, pointerEvents: "none" };
|
|
obj9.trailingIcon = { position: "absolute", right: 0, top: 0, bottom: 0, paddingTop: tmp4, paddingBottom: tmp4, paddingStart: tmp5, paddingEnd: tmp4, justifyContent: "center", zIndex: 1, pointerEvents: "none" };
|
|
const obj15 = {};
|
|
const merged3 = Object.assign(tmp6);
|
|
obj15.borderRightWidth = 1;
|
|
obj15.borderRightColor = nativeDefault.colors.BORDER_STRONG;
|
|
obj9.splitBorder = obj15;
|
|
return obj9;
|
|
});
|
|
createStyles = fn(4606);
|
|
let closure_10 = createStyles.createStyleProperties({ error: nativeDefault.colors.INPUT_BORDER_ERROR_DEFAULT, default: "transparent", focused: nativeDefault.colors.INPUT_BORDER_ACTIVE });
|
|
const __initData = { code: "function InputFieldContainerNativeTsx1(){const{status,ringColors,isFocused,withSpring,RING_SPRING_CONFIG}=this.__closure;let borderWidth=0;let borderColor='transparent';if(status!=='default'){borderWidth=2;borderColor=ringColors.error;}else if(isFocused){borderWidth=1;borderColor=ringColors.focused;}return{borderWidth:withSpring(borderWidth,RING_SPRING_CONFIG),borderColor:withSpring(borderColor,RING_SPRING_CONFIG),left:-borderWidth,right:-borderWidth,top:-borderWidth,bottom:-borderWidth};}" };
|
|
const size = fn(2);
|
|
const result = size.fileFinishedImporting("design/components/Input/native/InputFieldContainer.native.tsx");
|
|
|
|
export { useInputStyles };
|
|
export const InputFieldContainer = function InputFieldContainer(isFocused) {
|
|
const tmp = closure_10();
|
|
_require = tmp;
|
|
isFocused = isFocused.isFocused;
|
|
importDefault = tmp2;
|
|
const status = isFocused.status;
|
|
let str = "default";
|
|
if (undefined !== status) {
|
|
str = status;
|
|
}
|
|
const tmp3 = useInputStyles({ size: isFocused.size, isRound: isFocused.isRound, isDisabled: isFocused.isDisabled, grow: isFocused.grow, hasLeadingIcon: null != isFocused.leadingIcon });
|
|
const fn = function s() {
|
|
if ("default" !== str) {
|
|
str = closure_0.error;
|
|
let num = 2;
|
|
} else {
|
|
str = "transparent";
|
|
num = 0;
|
|
if (closure_1) {
|
|
str = closure_0.focused;
|
|
num = 1;
|
|
}
|
|
}
|
|
const rect = { borderWidth: spring.withSpring(num, closure_7), borderColor: null, left: null, right: null, top: null, bottom: null };
|
|
rect.borderColor = spring.withSpring(str, closure_7);
|
|
rect.left = -num;
|
|
rect.right = -num;
|
|
rect.top = -num;
|
|
rect.bottom = -num;
|
|
return rect;
|
|
};
|
|
const obj = { size: isFocused.size, isRound: isFocused.isRound, isDisabled: isFocused.isDisabled, grow: isFocused.grow, hasLeadingIcon: null != isFocused.leadingIcon };
|
|
let obj2 = require("ReanimatedRexport");
|
|
fn.__closure = { status: str, ringColors: tmp, isFocused: undefined !== isFocused && isFocused, withSpring: require("spring").withSpring, RING_SPRING_CONFIG };
|
|
fn.__workletHash = 1037178877006;
|
|
fn.__initData = __initData;
|
|
const obj4 = { style: null, children: null };
|
|
const items = [, , , ];
|
|
({ container: arr[0], background: arr[1], radius: arr[2], minHeight: arr[3] } = tmp3);
|
|
obj4.style = items;
|
|
const animatedStyle = obj2.useAnimatedStyle(fn);
|
|
const obj5 = { style: null };
|
|
const items1 = [absoluteFill.absoluteFill, tmp3.radius, animatedStyle];
|
|
obj5.style = items1;
|
|
const items2 = [closure_5(require("ReanimatedRexport").View, obj5), isFocused.children];
|
|
obj4.children = items2;
|
|
return closure_6(closure_4, obj4);
|
|
};
|