yeet
This commit is contained in:
74
node_modules/react-native/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js
generated
vendored
Normal file
74
node_modules/react-native/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js
generated
vendored
Normal file
@ -0,0 +1,74 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*
|
||||
* This source code is licensed under the MIT license found in the
|
||||
* LICENSE file in the root directory of this source tree.
|
||||
*
|
||||
* @flow strict-local
|
||||
* @format
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
import * as React from 'react';
|
||||
|
||||
import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
|
||||
|
||||
const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
|
||||
|
||||
import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
|
||||
import type {ViewProps} from '../View/ViewPropTypes';
|
||||
import type {SyntheticEvent} from '../../Types/CoreEventTypes';
|
||||
import type {ProcessedColorValue} from '../../StyleSheet/processColor';
|
||||
|
||||
type CheckBoxEvent = SyntheticEvent<
|
||||
$ReadOnly<{|
|
||||
target: number,
|
||||
value: boolean,
|
||||
|}>,
|
||||
>;
|
||||
|
||||
type NativeProps = $ReadOnly<{|
|
||||
...ViewProps,
|
||||
|
||||
/**
|
||||
* Used in case the props change removes the component.
|
||||
*/
|
||||
onChange?: ?(event: CheckBoxEvent) => mixed,
|
||||
|
||||
/**
|
||||
* Invoked with the new value when the value changes.
|
||||
*/
|
||||
onValueChange?: ?(value: boolean) => mixed,
|
||||
|
||||
/**
|
||||
* Used to locate this view in end-to-end tests.
|
||||
*/
|
||||
testID?: ?string,
|
||||
|
||||
on?: ?boolean,
|
||||
enabled?: boolean,
|
||||
tintColors:
|
||||
| {|
|
||||
true: ?ProcessedColorValue,
|
||||
false: ?ProcessedColorValue,
|
||||
|}
|
||||
| typeof undefined,
|
||||
|}>;
|
||||
|
||||
type NativeType = HostComponent<NativeProps>;
|
||||
|
||||
interface NativeCommands {
|
||||
+setNativeValue: (
|
||||
viewRef: React.ElementRef<NativeType>,
|
||||
value: boolean,
|
||||
) => void;
|
||||
}
|
||||
|
||||
export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
|
||||
supportedCommands: ['setNativeValue'],
|
||||
});
|
||||
|
||||
export default (requireNativeComponent<NativeProps>(
|
||||
'AndroidCheckBox',
|
||||
): NativeType);
|
228
node_modules/react-native/Libraries/Components/CheckBox/CheckBox.android.js
generated
vendored
Normal file
228
node_modules/react-native/Libraries/Components/CheckBox/CheckBox.android.js
generated
vendored
Normal file
@ -0,0 +1,228 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*
|
||||
* This source code is licensed under the MIT license found in the
|
||||
* LICENSE file in the root directory of this source tree.
|
||||
*
|
||||
* @flow strict-local
|
||||
* @format
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const StyleSheet = require('../../StyleSheet/StyleSheet');
|
||||
const invariant = require('invariant');
|
||||
const processColor = require('../../StyleSheet/processColor');
|
||||
|
||||
const nullthrows = require('nullthrows');
|
||||
const setAndForwardRef = require('../../Utilities/setAndForwardRef');
|
||||
|
||||
import AndroidCheckBoxNativeComponent, {
|
||||
Commands as AndroidCheckBoxCommands,
|
||||
} from './AndroidCheckBoxNativeComponent';
|
||||
|
||||
import type {ViewProps} from '../View/ViewPropTypes';
|
||||
import type {SyntheticEvent} from '../../Types/CoreEventTypes';
|
||||
import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
|
||||
|
||||
type CheckBoxEvent = SyntheticEvent<
|
||||
$ReadOnly<{|
|
||||
target: number,
|
||||
value: boolean,
|
||||
|}>,
|
||||
>;
|
||||
|
||||
type CommonProps = $ReadOnly<{|
|
||||
...ViewProps,
|
||||
|
||||
/**
|
||||
* Used in case the props change removes the component.
|
||||
*/
|
||||
onChange?: ?(event: CheckBoxEvent) => mixed,
|
||||
|
||||
/**
|
||||
* Invoked with the new value when the value changes.
|
||||
*/
|
||||
onValueChange?: ?(value: boolean) => mixed,
|
||||
|
||||
/**
|
||||
* Used to locate this view in end-to-end tests.
|
||||
*/
|
||||
testID?: ?string,
|
||||
|}>;
|
||||
|
||||
type Props = $ReadOnly<{|
|
||||
...CommonProps,
|
||||
|
||||
/**
|
||||
* The value of the checkbox. If true the checkbox will be turned on.
|
||||
* Default value is false.
|
||||
*/
|
||||
value?: ?boolean,
|
||||
|
||||
/**
|
||||
* If true the user won't be able to toggle the checkbox.
|
||||
* Default value is false.
|
||||
*/
|
||||
disabled?: ?boolean,
|
||||
|
||||
/**
|
||||
* Used to get the ref for the native checkbox
|
||||
*/
|
||||
forwardedRef?: ?React.Ref<typeof AndroidCheckBoxNativeComponent>,
|
||||
|
||||
/**
|
||||
* Controls the colors the checkbox has in checked and unchecked states.
|
||||
*/
|
||||
tintColors?: {|true?: ?ColorValue, false?: ?ColorValue|},
|
||||
|}>;
|
||||
|
||||
/**
|
||||
* Renders a boolean input (Android only).
|
||||
*
|
||||
* This is a controlled component that requires an `onValueChange` callback that
|
||||
* updates the `value` prop in order for the component to reflect user actions.
|
||||
* If the `value` prop is not updated, the component will continue to render
|
||||
* the supplied `value` prop instead of the expected result of any user actions.
|
||||
*
|
||||
* ```
|
||||
* import React from 'react';
|
||||
* import { AppRegistry, StyleSheet, Text, View, CheckBox } from 'react-native';
|
||||
*
|
||||
* export default class App extends React.Component {
|
||||
* constructor(props) {
|
||||
* super(props);
|
||||
* this.state = {
|
||||
* checked: false
|
||||
* }
|
||||
* }
|
||||
*
|
||||
* toggle() {
|
||||
* this.setState(({checked}) => {
|
||||
* return {
|
||||
* checked: !checked
|
||||
* };
|
||||
* });
|
||||
* }
|
||||
*
|
||||
* render() {
|
||||
* const {checked} = this.state;
|
||||
* return (
|
||||
* <View style={styles.container}>
|
||||
* <Text>Checked</Text>
|
||||
* <CheckBox value={checked} onChange={this.toggle.bind(this)} />
|
||||
* </View>
|
||||
* );
|
||||
* }
|
||||
* }
|
||||
*
|
||||
* const styles = StyleSheet.create({
|
||||
* container: {
|
||||
* flex: 1,
|
||||
* flexDirection: 'row',
|
||||
* alignItems: 'center',
|
||||
* justifyContent: 'center',
|
||||
* },
|
||||
* });
|
||||
*
|
||||
* // skip this line if using Create React Native App
|
||||
* AppRegistry.registerComponent('App', () => App);
|
||||
* ```
|
||||
*
|
||||
* @keyword checkbox
|
||||
* @keyword toggle
|
||||
*/
|
||||
class CheckBox extends React.Component<Props> {
|
||||
_nativeRef: ?React.ElementRef<typeof AndroidCheckBoxNativeComponent> = null;
|
||||
_setNativeRef = setAndForwardRef({
|
||||
getForwardedRef: () => this.props.forwardedRef,
|
||||
setLocalRef: ref => {
|
||||
this._nativeRef = ref;
|
||||
},
|
||||
});
|
||||
|
||||
_onChange = (event: CheckBoxEvent) => {
|
||||
const value = this.props.value ?? false;
|
||||
AndroidCheckBoxCommands.setNativeValue(nullthrows(this._nativeRef), value);
|
||||
// Change the props after the native props are set in case the props
|
||||
// change removes the component
|
||||
this.props.onChange && this.props.onChange(event);
|
||||
this.props.onValueChange &&
|
||||
this.props.onValueChange(event.nativeEvent.value);
|
||||
};
|
||||
|
||||
_getTintColors(tintColors) {
|
||||
if (tintColors) {
|
||||
const processedTextColorTrue = processColor(tintColors.true);
|
||||
invariant(
|
||||
processedTextColorTrue == null ||
|
||||
typeof processedTextColorTrue === 'number',
|
||||
'Unexpected color given for tintColors.true',
|
||||
);
|
||||
const processedTextColorFalse = processColor(tintColors.true);
|
||||
invariant(
|
||||
processedTextColorFalse == null ||
|
||||
typeof processedTextColorFalse === 'number',
|
||||
'Unexpected color given for tintColors.false',
|
||||
);
|
||||
return {
|
||||
true: processedTextColorTrue,
|
||||
false: processedTextColorFalse,
|
||||
};
|
||||
} else {
|
||||
return undefined;
|
||||
}
|
||||
}
|
||||
|
||||
render() {
|
||||
const {
|
||||
disabled: _,
|
||||
value: __,
|
||||
tintColors,
|
||||
style,
|
||||
forwardedRef,
|
||||
...props
|
||||
} = this.props;
|
||||
const disabled = this.props.disabled ?? false;
|
||||
const value = this.props.value ?? false;
|
||||
|
||||
const nativeProps = {
|
||||
...props,
|
||||
onStartShouldSetResponder: () => true,
|
||||
onResponderTerminationRequest: () => false,
|
||||
enabled: !disabled,
|
||||
on: value,
|
||||
tintColors: this._getTintColors(tintColors),
|
||||
style: [styles.rctCheckBox, style],
|
||||
};
|
||||
return (
|
||||
<AndroidCheckBoxNativeComponent
|
||||
{...nativeProps}
|
||||
ref={this._setNativeRef}
|
||||
onChange={this._onChange}
|
||||
/>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
rctCheckBox: {
|
||||
height: 32,
|
||||
width: 32,
|
||||
},
|
||||
});
|
||||
|
||||
type CheckBoxType = React.AbstractComponent<
|
||||
Props,
|
||||
React.ElementRef<typeof AndroidCheckBoxNativeComponent>,
|
||||
>;
|
||||
|
||||
const CheckBoxWithRef = React.forwardRef<
|
||||
Props,
|
||||
React.ElementRef<typeof AndroidCheckBoxNativeComponent>,
|
||||
>(function CheckBoxWithRef(props, ref) {
|
||||
return <CheckBox {...props} forwardedRef={ref} />;
|
||||
});
|
||||
|
||||
module.exports = (CheckBoxWithRef: CheckBoxType);
|
13
node_modules/react-native/Libraries/Components/CheckBox/CheckBox.ios.js
generated
vendored
Normal file
13
node_modules/react-native/Libraries/Components/CheckBox/CheckBox.ios.js
generated
vendored
Normal file
@ -0,0 +1,13 @@
|
||||
/**
|
||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
||||
*
|
||||
* This source code is licensed under the MIT license found in the
|
||||
* LICENSE file in the root directory of this source tree.
|
||||
*
|
||||
* @flow strict-local
|
||||
* @format
|
||||
*/
|
||||
|
||||
'use strict';
|
||||
|
||||
module.exports = require('../UnimplementedViews/UnimplementedView');
|
Reference in New Issue
Block a user