Initial commit

sources/design/components/Checkbox/native/Checkbox.native.tsx

@@ -0,0 +1,65 @@
+/* Metro module 9402; source: design/components/Checkbox/native/Checkbox.native.tsx; dependencies: [27, 33, 4501, 3874, 1244, 4572, 7974, 4573, 2] */
+function _fun73308(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#73308, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9588:6, offset: 0x01d67970, size: 214 bytes, params: 8, frame: 20
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    let value = require(27) /* metro dependency 27 */;
+    const env0_2 = value.Pressable;
+    const env0_3 = value.View;
+    value = require(33) /* metro dependency 33 */;
+    const env0_4 = value.jsx;
+    const env0_5 = value.jsxs;
+    const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({textContainer: {flex: 1},
+        labelContainer: {'minHeight': 24, 'justifyContent': 'center'}});
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Checkbox/native/Checkbox.native.tsx');
+    exports.Checkbox = Checkbox;
+}
+
+function Checkbox({label, description, required, checked, onToggle}) { // fn#73309, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9588:357, offset: 0x01d67a46, size: 665 bytes, params: 2, frame: 37
+    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
+    var r19;
+    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
+    var Text2;
+    var object;
+    const styles = useStyles();
+    const {accessibilityRole,
+        accessibilityState} = (require(3874) /* metro dependency 3874: useA11yRolesNative */).useCheckboxA11yNative({checked: checked});
+    const value3 = '';
+    const value6 = label + (required ? ' (' + intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy) + ')' : value3);
+    const r7 = description != null ? ', ' + description : value3;
+    const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack;
+    const FormCheckbox = (require(7974) /* metro dependency 7974: FormCheckboxNative */).FormCheckbox;
+    const formCheckbox = <FormCheckbox checked={checked} />;
+    if (required) {
+        Text2 = (require(4573) /* metro dependency 4573: Text */).Text;
+        object = {'variant': 'text-md/bold', 'color': 'text-feedback-critical'};
+        object['aria-label'] = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy);
+        r19 = <Text2 {...object}>{' '}{'*'}</Text2>;
+    } else {
+        r19 = required;
+    }
+    return (
+        <Pressable
+            accessibilityRole={accessibilityRole}
+            accessibilityLabel={value6 + r7}
+            accessibilityState={accessibilityState}
+            onPress={function() {
+        return onToggle(!checked);
+    }}
+        >
+            <Stack direction="horizontal">
+                {formCheckbox}
+                <View style={styles.textContainer}>
+                    <View style={styles.labelContainer}>
+                        <Text variant="text-md/medium">
+                            {label}
+                            {r19}
+                        </Text>
+                    </View>
+                    {description != null && <Text variant="text-sm/normal" color="text-subtle">{description}</Text>}
+                </View>
+            </Stack>
+        </Pressable>
+    );
+}
+