SheWhoReignsSupreme/decord
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
decord/source/design/void/InputView/native/InputView.tsx
github-actions e510164e6b chore: update source for alpha 346.2 
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4759.js (118.4 MB)
2026-09-10 05:38:07 +00:00

398 lines
16 KiB
TypeScript
Raw Blame History

// Module ID: 14209
// Function ID: 14210
// Name: InputView
// Dependencies: [109, 19, 17, 1074, 21, 4574, 576, 5455, 4284, 1178, 4570, 1114, 6630, 4425, 12203, 1115, 2]
// Module 14209 (InputView)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1114 */;
import PlatformUtils from "PlatformUtils" /* 1115 */;
import native from "native" /* 1178 */;
import shared from "shared" /* 4425 */;
import Text_Text from "Text/Text" /* 4570 */;
import CircleXIcon from "CircleXIcon" /* 6630 */;
import components_BottomSheetTextInputDefault from "components/BottomSheetTextInput" /* 12203 */;
import _objectWithoutProperties from "_objectWithoutProperties" /* 109 */;
import noop from "module_19" /* 19 */;
require = fn;
let closure_3 = ["numberOfLines", "disableConstantNumberOfLines", "inputTextColor", "placeholder", "placeholderTextColor", "editable", "large", "accessibilityHint", "maxLength", "inActionSheet", "trailingButton", "clearButtonVisibility", "disabled", "style", "inputTextStyle", "onChangeText", "onFocus", "value"];
get_ActivityIndicator = fn(17);
({ View: hasOwnProperty, Pressable: metroRequire, TouchableWithoutFeedback: closure_7, Platform } = get_ActivityIndicator);
const Fonts = fn(1074).Fonts;
const jsxProd = fn(21);
({ jsx: closure_9, jsxs: c10 } = jsxProd);
const createStyles = fn(4574);
let obj2 = { disabled: { opacity: 0.5 }, topContainer: { minHeight: 16, alignItems: "center", flexDirection: "row", marginBottom: 5, flexWrap: "wrap" }, inputViewTitle: { marginRight: 5 }, inputViewError: { fontSize: 10, color: nativeDefault.unsafe_rawColors.RED_400 }, inputBorder: null, inputView: null, inputViewBorder: null, inputViewBorderActive: null, inputContainer: null, bottomContainer: null, charactersLength: null, closeIcon: null, clearButton: null, required: null };
let obj3 = { fontSize: 10, color: nativeDefault.unsafe_rawColors.RED_400 };
obj2.inputBorder = { backgroundColor: nativeDefault.colors.TEXT_MUTED };
let obj4 = { backgroundColor: nativeDefault.colors.TEXT_MUTED };
obj2.inputView = { fontSize: 16, paddingBottom: 0, paddingTop: 0, textAlignVertical: "top", flex: 1, color: fn(5455).DARK_PRIMARY_100_LIGHT_PRIMARY_500 };
obj2.inputViewBorder = { marginTop: 8, height: 2 };
let obj5 = { fontSize: 16, paddingBottom: 0, paddingTop: 0, textAlignVertical: "top", flex: 1, color: fn(5455).DARK_PRIMARY_100_LIGHT_PRIMARY_500 };
obj2.inputViewBorderActive = { backgroundColor: nativeDefault.unsafe_rawColors.TRANSPARENT };
obj2.inputContainer = { flexDirection: "row", alignItems: "center", position: "relative" };
obj2.bottomContainer = { marginTop: 5 };
let obj6 = { backgroundColor: nativeDefault.unsafe_rawColors.TRANSPARENT };
obj2.charactersLength = { alignSelf: "flex-end", fontFamily: Fonts.CODE_BOLD, color: fn(5455).DARK_PRIMARY_400_LIGHT_PRIMARY_300 };
let obj7 = { alignSelf: "flex-end", fontFamily: Fonts.CODE_BOLD, color: fn(5455).DARK_PRIMARY_400_LIGHT_PRIMARY_300 };
obj2.closeIcon = { tintColor: nativeDefault.colors.INTERACTIVE_TEXT_DEFAULT };
obj2.clearButton = { position: "absolute", right: 6 };
let obj8 = { tintColor: nativeDefault.colors.INTERACTIVE_TEXT_DEFAULT };
obj2.required = { color: nativeDefault.unsafe_rawColors.RED_400 };
let closure_11 = createStyles.createLegacyClassComponentStyles(obj2);
const obj10 = { NEVER: "never", WITH_CONTENT: "with-content", ALWAYS: "always" };
const PureComponent = noop.PureComponent;
class InputView extends PureComponent {
constructor() {
applyArgumentsResult = HermesBuiltin.applyArguments(new.target, new.target);
closure_0 = applyArgumentsResult;
applyArgumentsResult.state = { active: false, value: applyArgumentsResult.props.value, valueProp: applyArgumentsResult.props.value };
applyArgumentsResult._ref = undefined;
applyArgumentsResult.handleFocus = function handleFocus() {
const onFocus = applyArgumentsResult.props.onFocus;
if (onFocus != null) {
onFocus();
}
applyArgumentsResult.setState({ active: true });
};
applyArgumentsResult.handleBlur = function handleBlur() {
applyArgumentsResult.setState({ active: false });
};
applyArgumentsResult.handleChangeText = function handleChangeText(value) {
value.setState({ value }, () => {
const onChangeText = applyArgumentsResult.props.onChangeText;
if (onChangeText != null) {
onChangeText(closure_0);
}
});
};
applyArgumentsResult.handleClear = function handleClear() {
applyArgumentsResult.handleChangeText("");
};
applyArgumentsResult.handleEndEditing = function handleEndEditing() {
const onEnd = applyArgumentsResult.props.onEnd;
if (onEnd != null) {
onEnd(applyArgumentsResult.state.value);
}
};
applyArgumentsResult.handleSubmitEditing = function handleSubmitEditing() {
const onNext = applyArgumentsResult.props.onNext;
if (onNext != null) {
onNext();
}
};
applyArgumentsResult.getText = function getText() {
return applyArgumentsResult.state.value;
};
applyArgumentsResult.isFocused = function isFocused() {
const _ref = applyArgumentsResult._ref;
let flag;
if (_ref != null) {
flag = _ref.isFocused();
}
if (flag == null) {
flag = false;
}
return flag;
};
applyArgumentsResult.focus = function focus() {
const _ref = applyArgumentsResult._ref;
if (_ref != null) {
_ref.focus();
}
};
applyArgumentsResult.blur = function blur() {
const _ref = applyArgumentsResult._ref;
if (_ref != null) {
_ref.blur();
}
};
applyArgumentsResult.setText = function setText(text) {
const _ref = applyArgumentsResult._ref;
if (_ref != null) {
const obj = { text };
_ref.setNativeProps(obj);
}
};
applyArgumentsResult.setRef = function setRef(_ref) {
applyArgumentsResult._ref = _ref;
};
applyArgumentsResult.measure = function measure(arg0) {
const _ref = applyArgumentsResult._ref;
if (_ref != null) {
_ref.measure(arg0);
}
};
applyArgumentsResult.measureInWindow = function measureInWindow(arg0) {
const _ref = applyArgumentsResult._ref;
if (_ref != null) {
_ref.measureInWindow(arg0);
}
};
applyArgumentsResult.measureLayout = function measureLayout(arg0, arg1, arg2) {
const _ref = applyArgumentsResult._ref;
if (_ref != null) {
_ref.measureLayout(arg0, arg1, arg2);
}
};
return applyArgumentsResult;
}
}
const prototype = InputView.prototype;
InputView["getDerivedStateFromProps"] = function getDerivedStateFromProps(value, valueProp) {
value = value.value;
if (value !== valueProp.valueProp) {
if (value !== valueProp.value) {
const obj = { value, valueProp: value };
}
return { valueProp: value };
}
};
prototype["renderBorder"] = function renderBorder() {
const tmp = closure_11(this.context);
const props = this.props;
let backgroundColor = props.borderColor;
if (props.showBorder) {
if (backgroundColor == null) {
backgroundColor = tmp.inputBorder.backgroundColor;
}
const items = [tmp.inputViewBorder, , ];
const obj = { backgroundColor };
items[1] = obj;
let inputViewBorderActive = this.state.active;
if (inputViewBorderActive) {
inputViewBorderActive = tmp.inputViewBorderActive;
}
const obj2 = { style: null };
items[2] = inputViewBorderActive;
obj2.style = items;
return React7(hasOwnProperty, obj2);
} else {
return null;
}
};
prototype["renderTopContainer"] = function renderTopContainer() {
const tmp = closure_11(this.context);
const props = this.props;
({ error, title, errorProps, helpText } = props);
let tmp2 = null != error;
({ showTopContainer, errorStyles, required } = props);
if (tmp2) {
tmp2 = "" !== error;
}
let tmp3;
if (tmp2) {
const obj = {};
const merged = Object.assign(errorProps);
const items = [tmp.inputViewError, errorStyles];
obj.style = items;
const items1 = ["(", error, ")"];
obj.children = items1;
tmp3 = closure_1_10(native.LegacyText, obj);
}
let tmp10 = null != title;
if (tmp10) {
tmp10 = "" !== title;
}
let tmp12Result;
if (tmp10) {
let str5 = "text-default";
if (null !== error) {
str5 = "text-default";
if ("" !== error) {
str5 = "text-feedback-critical";
}
}
const obj2 = { variant: "heading-md/semibold", color: str5, style: null, children: null };
const items2 = [tmp.inputViewTitle];
obj2.style = items2;
obj2.children = title;
tmp12Result = React7(Text_Text.Text, obj2);
}
let tmp15 = null != helpText;
if (tmp15) {
tmp15 = "" !== helpText;
}
let tmp16;
if (tmp15) {
const obj3 = { variant: "text-xs/medium", children: helpText };
tmp16 = React7(Text_Text.Text, obj3);
}
const obj4 = { style: tmp.topContainer, children: null };
const items3 = [tmp12Result, tmp16, , ];
let tmp22 = null == tmp3;
if (tmp22) {
tmp22 = required;
}
if (tmp22) {
const obj5 = { style: tmp.required, children: "*" };
tmp22 = React7(native.LegacyText, obj5);
}
items3[2] = tmp22;
items3[3] = tmp3;
obj4.children = items3;
return closure_1_10(hasOwnProperty, obj4);
};
prototype["renderBottomContainer"] = function renderBottomContainer() {
const self = this;
const tmp = closure_11(this.context);
const props = this.props;
const maxLength = props.maxLength;
let tmp2 = null;
if (props.showCharactersRemaining) {
tmp2 = null;
if (null != maxLength) {
const obj = { style: tmp.bottomContainer, children: null };
const obj2 = { accessible: true, style: tmp.charactersLength, accessibilityLabel: null, children: null };
const intl = util.intl;
const obj3 = { remainingCharacters: maxLength - self.getText().length };
obj2.accessibilityLabel = intl.formatToPlainString(util.t.fR1cof, obj3);
obj2.children = maxLength - self.getText().length;
obj.children = React7(native.LegacyText, obj2);
tmp2 = React7(hasOwnProperty, obj);
}
}
return tmp2;
};
prototype["renderTrailingButton"] = function renderTrailingButton() {
const self = this;
({ trailingButton, clearButtonVisibility, clearButtonAccessibilityLabel } = this.props);
if (null == trailingButton) {
if (clearButtonVisibility === obj10.ALWAYS) {
const obj = { hitSlop: 16, style: tmp.clearButton, onPress: self.handleClear, accessible: true, accessibilityRole: "button", accessibilityLabel: null, children: null };
if (clearButtonAccessibilityLabel == null) {
const intl = util.intl;
clearButtonAccessibilityLabel = intl.string(util.t.VkKicb);
}
obj.accessibilityLabel = clearButtonAccessibilityLabel;
obj.children = React7(CircleXIcon.CircleXIcon, { size: "sm" });
let tmp3Result = tmp3(timestampProducer, obj);
} else {
tmp3Result = null;
if (clearButtonVisibility === tmp9.WITH_CONTENT) {
tmp3Result = null;
}
}
trailingButton = tmp3Result;
}
return trailingButton;
};
prototype["renderTextView"] = function renderTextView() {
const self = this;
const props = this.props;
({ numberOfLines, inputTextColor, placeholder, placeholderTextColor, large, maxLength, trailingButton, clearButtonVisibility, style, onChangeText, onFocus, value } = props);
({ disableConstantNumberOfLines, editable, accessibilityHint, inActionSheet, disabled, inputTextStyle } = props);
const tmp2 = _objectWithoutProperties(props, closure_3);
const items = [closure_11(this.context).inputView, , , , ];
if (disableConstantNumberOfLines) {
let num2 = 21;
if (large) {
num2 = 30;
}
const obj2 = { maxHeight: num2 * numberOfLines };
let obj = obj2;
} else {
let num = 21;
if (large) {
num = 30;
}
obj = { minHeight: num * numberOfLines };
}
items[1] = obj;
if (null != inputTextColor) {
const obj3 = { color: inputTextColor };
let obj4 = obj3;
} else {
obj4 = {};
}
items[2] = obj4;
if (large) {
const obj5 = { fontSize: 25, fontFamily: Fonts.PRIMARY_SEMIBOLD };
let obj6 = obj5;
} else {
obj6 = {};
}
items[3] = obj6;
items[4] = inputTextStyle;
if (placeholderTextColor != null) {
let formatToPlainStringResult;
if (null != maxLength) {
const intl = util.intl;
const obj8 = { maxLength };
formatToPlainStringResult = intl.formatToPlainString(util.t["+DFxLc"], obj8);
}
const items1 = [formatToPlainStringResult, accessibilityHint];
const _Boolean = Boolean;
const found = items1.filter(Boolean);
const joined = found.join(",");
if (inActionSheet) {
let TextInput = components_BottomSheetTextInputDefault;
} else {
TextInput = native.TextInput;
}
const obj9 = { accessibilityState: null, style: null, ref: null, onChangeText: null, onFocus: null, onBlur: null, onEndEditing: null, onSubmitEditing: null, value: null, clearButtonMode: "never", placeholder: null, placeholderTextColor: null, editable: null, maxLength: null, accessibilityHint: null };
const obj11 = { disabled };
obj9.accessibilityState = obj11;
obj9.style = items;
({ setRef: obj10.ref, handleChangeText: obj10.onChangeText, handleFocus: obj10.onFocus, handleBlur: obj10.onBlur, handleEndEditing: obj10.onEndEditing, handleSubmitEditing: obj10.onSubmitEditing } = self);
obj9.value = this.state.value;
obj9.placeholder = placeholder;
obj9.placeholderTextColor = placeholderTextColor;
obj9.editable = editable;
obj9.maxLength = maxLength;
obj9.accessibilityHint = joined;
const merged = Object.assign(tmp2);
return React7(TextInput, obj9);
} else {
const unsafe_rawColors = nativeDefault.unsafe_rawColors;
const isThemeDarkResult = shared.isThemeDark(self.context.theme);
}
};
prototype["render"] = function render() {
const self = this;
const tmp = closure_11(this.context);
const props = this.props;
const disabled = props.disabled;
const obj = { accessible: false, onPress: this.focus, children: null };
const items = [props.style, ];
let disabled2 = disabled;
if (disabled) {
disabled2 = tmp.disabled;
}
const obj2 = { style: items, pointerEvents: null, children: null };
items[1] = disabled2;
let str = "auto";
if (disabled) {
str = "none";
}
obj2.pointerEvents = str;
const items1 = [self.renderTopContainer(), , , , ];
const obj3 = { style: null, children: null };
const items2 = [tmp.inputContainer, props.inputContainerStyle];
obj3.style = items2;
const items3 = [self.renderTextView(), self.renderTrailingButton()];
obj3.children = items3;
items1[1] = closure_1_10(hasOwnProperty, obj3);
const tmp2 = React7;
const tmp3 = React5;
items1[2] = PlatformUtils.isAndroid() && self.renderBorder();
items1[3] = self.renderBottomContainer();
const tmp8 = PlatformUtils.isAndroid() && self.renderBorder();
const isAndroidResult = PlatformUtils.isAndroid();
let renderBorderResult = !isAndroidResult;
if (!isAndroidResult) {
renderBorderResult = self.renderBorder();
}
items1[4] = renderBorderResult;
obj2.children = items1;
obj.children = closure_1_10(hasOwnProperty, obj2);
return tmp2(tmp3, obj);
};
InputView.contextType = fn(4284).ThemeContext;
InputView.defaultProps = { showBorder: true, value: "", returnKeyType: "next", disabled: false, autoFocus: false, multiline: false, numberOfLines: 1, showTopContainer: true, showCharactersRemaining: false, clearButtonVisibility: "never", inActionSheet: false };
const size = fn(2);
const result = size.fileFinishedImporting("design/void/InputView/native/InputView.tsx");
export default InputView;
export const ClearButtonVisibility = obj10;
Reference in a new issue View git blame Copy permalink