initial commit taken from gitlab.lrz.de

node_modules/react-native/Libraries/Components/Picker/Picker.js

@@ -0,0 +1,165 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @providesModule Picker
+ * @flow
+ */
+
+'use strict';
+
+const ColorPropType = require('ColorPropType');
+const PickerIOS = require('PickerIOS');
+const PickerAndroid = require('PickerAndroid');
+const Platform = require('Platform');
+const React = require('React');
+const PropTypes = require('prop-types');
+const StyleSheetPropType = require('StyleSheetPropType');
+const TextStylePropTypes = require('TextStylePropTypes');
+const UnimplementedView = require('UnimplementedView');
+const ViewPropTypes = require('ViewPropTypes');
+const ViewStylePropTypes = require('ViewStylePropTypes');
+
+const itemStylePropType = StyleSheetPropType(TextStylePropTypes);
+
+const pickerStyleType = StyleSheetPropType({
+  ...ViewStylePropTypes,
+  color: ColorPropType,
+});
+
+const MODE_DIALOG = 'dialog';
+const MODE_DROPDOWN = 'dropdown';
+
+/**
+ * Individual selectable item in a Picker.
+ */
+class PickerItem extends React.Component<{
+ label: string,
+ value?: any,
+ color?: ColorPropType,
+ testID?: string,
+}> {
+ static propTypes = {
+   /**
+    * Text to display for this item.
+    */
+   label: PropTypes.string.isRequired,
+   /**
+    * The value to be passed to picker's `onValueChange` callback when
+    * this item is selected. Can be a string or an integer.
+    */
+   value: PropTypes.any,
+   /**
+    * Color of this item's text.
+    * @platform android
+    */
+   color: ColorPropType,
+   /**
+    * Used to locate the item in end-to-end tests.
+    */
+   testID: PropTypes.string,
+ };
+
+ render() {
+   // The items are not rendered directly
+   throw null;
+ }
+}
+
+/**
+ * Renders the native picker component on iOS and Android. Example:
+ *
+ *     <Picker
+ *       selectedValue={this.state.language}
+ *       onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}>
+ *       <Picker.Item label="Java" value="java" />
+ *       <Picker.Item label="JavaScript" value="js" />
+ *     </Picker>
+ */
+class Picker extends React.Component<{
+ style?: $FlowFixMe,
+ selectedValue?: any,
+ onValueChange?: Function,
+ enabled?: boolean,
+ mode?: 'dialog' | 'dropdown',
+ itemStyle?: $FlowFixMe,
+ prompt?: string,
+ testID?: string,
+}> {
+ /**
+  * On Android, display the options in a dialog.
+  */
+ static MODE_DIALOG = MODE_DIALOG;
+
+ /**
+  * On Android, display the options in a dropdown (this is the default).
+  */
+ static MODE_DROPDOWN = MODE_DROPDOWN;
+
+ static Item = PickerItem;
+
+ static defaultProps = {
+   mode: MODE_DIALOG,
+ };
+
+ // $FlowFixMe(>=0.41.0)
+ static propTypes = {
+   ...ViewPropTypes,
+   style: pickerStyleType,
+   /**
+    * Value matching value of one of the items. Can be a string or an integer.
+    */
+   selectedValue: PropTypes.any,
+   /**
+    * Callback for when an item is selected. This is called with the following parameters:
+    *   - `itemValue`: the `value` prop of the item that was selected
+    *   - `itemPosition`: the index of the selected item in this picker
+    */
+   onValueChange: PropTypes.func,
+   /**
+    * If set to false, the picker will be disabled, i.e. the user will not be able to make a
+    * selection.
+    * @platform android
+    */
+   enabled: PropTypes.bool,
+   /**
+    * On Android, specifies how to display the selection items when the user taps on the picker:
+    *
+    *   - 'dialog': Show a modal dialog. This is the default.
+    *   - 'dropdown': Shows a dropdown anchored to the picker view
+    *
+    * @platform android
+    */
+   mode: PropTypes.oneOf(['dialog', 'dropdown']),
+   /**
+    * Style to apply to each of the item labels.
+    * @platform ios
+    */
+   itemStyle: itemStylePropType,
+   /**
+    * Prompt string for this picker, used on Android in dialog mode as the title of the dialog.
+    * @platform android
+    */
+   prompt: PropTypes.string,
+   /**
+    * Used to locate this view in end-to-end tests.
+    */
+   testID: PropTypes.string,
+ };
+
+ render() {
+     if (Platform.OS === 'ios') {
+       // $FlowFixMe found when converting React.createClass to ES6
+       return <PickerIOS {...this.props}>{this.props.children}</PickerIOS>;
+     } else if (Platform.OS === 'android') {
+       // $FlowFixMe found when converting React.createClass to ES6
+       return <PickerAndroid {...this.props}>{this.props.children}</PickerAndroid>;
+     } else {
+       return <UnimplementedView />;
+     }
+ }
+}
+
+module.exports = Picker;

node_modules/react-native/Libraries/Components/Picker/PickerAndroid.android.js

@@ -0,0 +1,162 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @providesModule PickerAndroid
+ * @flow
+ */
+
+'use strict';
+
+const ColorPropType = require('ColorPropType');
+const React = require('React');
+const ReactPropTypes = require('prop-types');
+const StyleSheet = require('StyleSheet');
+const StyleSheetPropType = require('StyleSheetPropType');
+const ViewPropTypes = require('ViewPropTypes');
+const ViewStylePropTypes = require('ViewStylePropTypes');
+
+const processColor = require('processColor');
+const requireNativeComponent = require('requireNativeComponent');
+
+const REF_PICKER = 'picker';
+const MODE_DROPDOWN = 'dropdown';
+
+const pickerStyleType = StyleSheetPropType({
+  ...ViewStylePropTypes,
+  color: ColorPropType,
+});
+
+type Event = Object;
+
+/**
+ * Not exposed as a public API - use <Picker> instead.
+ */
+class PickerAndroid extends React.Component<{
+  style?: $FlowFixMe,
+  selectedValue?: any,
+  enabled?: boolean,
+  mode?: 'dialog' | 'dropdown',
+  onValueChange?: Function,
+  prompt?: string,
+  testID?: string,
+}, *> {
+  static propTypes = {
+    ...ViewPropTypes,
+    style: pickerStyleType,
+    selectedValue: ReactPropTypes.any,
+    enabled: ReactPropTypes.bool,
+    mode: ReactPropTypes.oneOf(['dialog', 'dropdown']),
+    onValueChange: ReactPropTypes.func,
+    prompt: ReactPropTypes.string,
+    testID: ReactPropTypes.string,
+  };
+
+  constructor(props, context) {
+    super(props, context);
+    const state = this._stateFromProps(props);
+
+    this.state = {
+      ...state,
+      initialSelectedIndex: state.selectedIndex,
+    };
+  }
+
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState(this._stateFromProps(nextProps));
+  }
+
+  // Translate prop and children into stuff that the native picker understands.
+  _stateFromProps = (props) => {
+    let selectedIndex = 0;
+    const items = React.Children.map(props.children, (child, index) => {
+      if (child.props.value === props.selectedValue) {
+        selectedIndex = index;
+      }
+      const childProps = {
+        value: child.props.value,
+        label: child.props.label,
+      };
+      if (child.props.color) {
+        childProps.color = processColor(child.props.color);
+      }
+      return childProps;
+    });
+    return {selectedIndex, items};
+  };
+
+  render() {
+    const Picker = this.props.mode === MODE_DROPDOWN ? DropdownPicker : DialogPicker;
+
+    const nativeProps = {
+      enabled: this.props.enabled,
+      items: this.state.items,
+      mode: this.props.mode,
+      onSelect: this._onChange,
+      prompt: this.props.prompt,
+      selected: this.state.initialSelectedIndex,
+      testID: this.props.testID,
+      style: [styles.pickerAndroid, this.props.style],
+      accessibilityLabel: this.props.accessibilityLabel,
+    };
+
+    return <Picker ref={REF_PICKER} {...nativeProps} />;
+  }
+
+  _onChange = (event: Event) => {
+    if (this.props.onValueChange) {
+      const position = event.nativeEvent.position;
+      if (position >= 0) {
+        const children = React.Children.toArray(this.props.children);
+        const value = children[position].props.value;
+        this.props.onValueChange(value, position);
+      } else {
+        this.props.onValueChange(null, position);
+      }
+    }
+    this._lastNativePosition = event.nativeEvent.position;
+    this.forceUpdate();
+  };
+
+  componentDidMount() {
+    this._lastNativePosition = this.state.initialSelectedIndex;
+  }
+
+  componentDidUpdate() {
+    // The picker is a controlled component. This means we expect the
+    // on*Change handlers to be in charge of updating our
+    // `selectedValue` prop. That way they can also
+    // disallow/undo/mutate the selection of certain values. In other
+    // words, the embedder of this component should be the source of
+    // truth, not the native component.
+    if (this.refs[REF_PICKER] && this.state.selectedIndex !== this._lastNativePosition) {
+      this.refs[REF_PICKER].setNativeProps({selected: this.state.selectedIndex});
+      this._lastNativePosition = this.state.selectedIndex;
+    }
+  }
+}
+
+const styles = StyleSheet.create({
+  pickerAndroid: {
+    // The picker will conform to whatever width is given, but we do
+    // have to set the component's height explicitly on the
+    // surrounding view to ensure it gets rendered.
+    // TODO would be better to export a native constant for this,
+    // like in iOS the RCTDatePickerManager.m
+    height: 50,
+  },
+});
+
+const cfg = {
+  nativeOnly: {
+    items: true,
+    selected: true,
+  }
+};
+
+const DropdownPicker = requireNativeComponent('AndroidDropdownPicker', PickerAndroid, cfg);
+const DialogPicker = requireNativeComponent('AndroidDialogPicker', PickerAndroid, cfg);
+
+module.exports = PickerAndroid;

node_modules/react-native/Libraries/Components/Picker/PickerAndroid.ios.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @providesModule PickerAndroid
+ */
+'use strict';
+
+module.exports = require('UnimplementedView');

node_modules/react-native/Libraries/Components/Picker/PickerIOS.android.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @providesModule PickerIOS
+ *
+ * This is a controlled component version of RCTPickerIOS
+ */
+'use strict';
+
+module.exports = require('UnimplementedView');

node_modules/react-native/Libraries/Components/Picker/PickerIOS.ios.js

@@ -0,0 +1,135 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @providesModule PickerIOS
+ *
+ * This is a controlled component version of RCTPickerIOS
+ */
+'use strict';
+
+const NativeMethodsMixin = require('NativeMethodsMixin');
+const React = require('React');
+const PropTypes = require('prop-types');
+const StyleSheet = require('StyleSheet');
+const StyleSheetPropType = require('StyleSheetPropType');
+const TextStylePropTypes = require('TextStylePropTypes');
+const View = require('View');
+const ViewPropTypes = require('ViewPropTypes');
+const processColor = require('processColor');
+
+const createReactClass = require('create-react-class');
+const itemStylePropType = StyleSheetPropType(TextStylePropTypes);
+const requireNativeComponent = require('requireNativeComponent');
+
+const PickerIOS = createReactClass({
+  displayName: 'PickerIOS',
+  mixins: [NativeMethodsMixin],
+
+  propTypes: {
+    ...ViewPropTypes,
+    itemStyle: itemStylePropType,
+    onValueChange: PropTypes.func,
+    selectedValue: PropTypes.any, // string or integer basically
+  },
+
+  getInitialState: function() {
+    return this._stateFromProps(this.props);
+  },
+
+  UNSAFE_componentWillReceiveProps: function(nextProps) {
+    this.setState(this._stateFromProps(nextProps));
+  },
+
+  // Translate PickerIOS prop and children into stuff that RCTPickerIOS understands.
+  _stateFromProps: function(props) {
+    let selectedIndex = 0;
+    const items = [];
+    React.Children.toArray(props.children).forEach(function (child, index) {
+      if (child.props.value === props.selectedValue) {
+        selectedIndex = index;
+      }
+      items.push({
+        value: child.props.value,
+        label: child.props.label,
+        textColor: processColor(child.props.color),
+      });
+    });
+    return {selectedIndex, items};
+  },
+
+  render: function() {
+    return (
+      <View style={this.props.style}>
+        <RCTPickerIOS
+          ref={picker => this._picker = picker}
+          style={[styles.pickerIOS, this.props.itemStyle]}
+          items={this.state.items}
+          selectedIndex={this.state.selectedIndex}
+          onChange={this._onChange}
+          onStartShouldSetResponder={() => true}
+          onResponderTerminationRequest={() => false}
+        />
+      </View>
+    );
+  },
+
+  _onChange: function(event) {
+    if (this.props.onChange) {
+      this.props.onChange(event);
+    }
+    if (this.props.onValueChange) {
+      this.props.onValueChange(event.nativeEvent.newValue, event.nativeEvent.newIndex);
+    }
+
+    // The picker is a controlled component. This means we expect the
+    // on*Change handlers to be in charge of updating our
+    // `selectedValue` prop. That way they can also
+    // disallow/undo/mutate the selection of certain values. In other
+    // words, the embedder of this component should be the source of
+    // truth, not the native component.
+    if (this._picker && this.state.selectedIndex !== event.nativeEvent.newIndex) {
+      this._picker.setNativeProps({
+        selectedIndex: this.state.selectedIndex
+      });
+    }
+  },
+});
+
+PickerIOS.Item = class extends React.Component {
+  static propTypes = {
+    value: PropTypes.any, // string or integer basically
+    label: PropTypes.string,
+    color: PropTypes.string,
+  };
+
+  render() {
+    // These items don't get rendered directly.
+    return null;
+  }
+};
+
+const styles = StyleSheet.create({
+  pickerIOS: {
+    // The picker will conform to whatever width is given, but we do
+    // have to set the component's height explicitly on the
+    // surrounding view to ensure it gets rendered.
+    height: 216,
+  },
+});
+
+const RCTPickerIOS = requireNativeComponent('RCTPicker', {
+  propTypes: {
+    style: itemStylePropType,
+  },
+}, {
+  nativeOnly: {
+    items: true,
+    onChange: true,
+    selectedIndex: true,
+  },
+});
+
+module.exports = PickerIOS;