Initial commit

sources/design/components/Input/native/Input.native.tsx

@@ -0,0 +1,58 @@
+/* Metro module 7682; source: design/components/Input/native/Input.native.tsx; dependencies: [31, 27, 33, 4501, 697, 1244, 4573, 7683, 2] */
+function _fun61359(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#61359, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7860:6, offset: 0x01b3ca5d, size: 422 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;
+    let value = require(33) /* metro dependency 33 */;
+    const env0_3 = value.jsx;
+    const env0_4 = value.jsxs;
+    value = require(4501) /* metro dependency 4501: createStyles */;
+    const createStyles = value.createStyles;
+    object3 = {};
+    const object4 = {flexDirection: 'row'};
+    const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
+    object4.gap = PX_8;
+    let PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
+    object4.marginTop = PX_4;
+    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
+    object4.marginBottom = PX_4;
+    object3.inputRow = object4;
+    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
+    object3.labelWrapper = {'marginBottom': null, 'flexDirection': 'row', 'alignItems': 'center', marginBottom: PX_4};
+    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
+    object3.label = {marginBottom: PX_4};
+    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
+    object3.description = {marginTop: PX_4};
+    PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
+    object3.error = {marginTop: PX_4, width: 'auto'};
+    const env0_5 = Reflect.apply(createStyles, value, [object3]);
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Input/native/Input.native.tsx');
+    exports.Input = Input;
+}
+
+function Input({label, labelTrailing, labelId, description, errorMessage, children, containerStyle, required}) { // fn#61360, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7860:596, offset: 0x01b3cc03, size: 652 bytes, params: 2, frame: 34
+    var r14;
+    var intl;
+    const styles = useStyles();
+    if (typeof label !== 'string') {
+        r14 = undefined;
+    } else if (required !== true) {
+        r14 = undefined;
+    } else {
+        intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+        r14 = '' + label + ' (' + intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy) + ')';
+    }
+    const items3 = [label != null ? labelTrailing != null ? <View style={styles.labelWrapper}>{((Text) => <Text variant="text-sm/semibold" color="text-subtle" nativeID={labelId}>{label}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}{labelTrailing}</View> : ((Text) => <Text variant="text-sm/semibold" color="text-subtle" style={styles.label} nativeID={labelId} accessibilityLabel={r14}>{label}{required ? ((Text) => <Text variant="text-sm/bold" color="text-feedback-critical" {...{'aria-hidden': true}}>{' '}{'*'}</Text>)((require(4573) /* metro dependency 4573: Text */).Text) : null}</Text>)((require(4573) /* metro dependency 4573: Text */).Text) : null];
+    items3[1] = <View style={styles.inputRow}>{children}</View>;
+    items3[2] = description != null ? ((Text) => <Text variant="text-xs/medium" color="text-muted" style={styles.description}>{description}</Text>)((require(4573) /* metro dependency 4573: Text */).Text) : null;
+    items3[3] = errorMessage != null ? ((ErrorText) => <ErrorText style={styles.error}>{errorMessage}</ErrorText>)((require(7683) /* metro dependency 7683: ErrorTextNative */).ErrorText) : null;
+    return (
+        <View style={containerStyle}>
+            {items3}
+        </View>
+    );
+}
+