react-native 0.0.0-263478b91 → 0.0.0-268efb102

package/Libraries/BUCK

@@ -1,24 +0,0 @@
-# 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.
-
-load(
-    "//tools/build_defs/oss:rn_codegen_defs.bzl",
-    "rn_codegen",
-)
-
-rn_codegen(
-    name = "FBReactNativeSpec",
-    android_package_name = "com.facebook.fbreact.specs",
-    codegen_modules = True,
-    library_labels = ["supermodule:xplat/default/public.react_native.infra"],
-    native_module_spec_name = "FBReactNativeSpec",
-)
-
-# TODO: Merge this into FBReactNativeSpec
-rn_codegen(
-    name = "FBReactNativeComponentSpec",
-    codegen_components = True,
-    library_labels = ["supermodule:xplat/default/public.react_native.infra"],
-)

package/Libraries/Components/DatePickerAndroid/DatePickerAndroid.android.js

@@ -1,87 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict-local
- */
-
-import type {Options, DatePickerOpenAction} from './DatePickerAndroidTypes';
-import NativeDatePickerAndroid from './NativeDatePickerAndroid';
-
-/**
- * Convert a Date to a timestamp.
- */
-function _toMillis(options: Options, key: string) {
-  const dateVal = options[key];
-  // Is it a Date object?
-  if (typeof dateVal === 'object' && typeof dateVal.getMonth === 'function') {
-    options[key] = dateVal.getTime();
-  }
-}
-
-/**
- * Opens the standard Android date picker dialog.
- *
- * ### Example
- *
- * ```
- * try {
- *   const {action, year, month, day} = await DatePickerAndroid.open({
- *     // Use `new Date()` for current date.
- *     // May 25 2020. Month 0 is January.
- *     date: new Date(2020, 4, 25)
- *   });
- *   if (action !== DatePickerAndroid.dismissedAction) {
- *     // Selected year, month (0-11), day
- *   }
- * } catch ({code, message}) {
- *   console.warn('Cannot open date picker', message);
- * }
- * ```
- */
-class DatePickerAndroid {
-  /**
-   * Opens the standard Android date picker dialog.
-   *
-   * The available keys for the `options` object are:
-   *
-   *   - `date` (`Date` object or timestamp in milliseconds) - date to show by default
-   *   - `minDate` (`Date` or timestamp in milliseconds) - minimum date that can be selected
-   *   - `maxDate` (`Date` object or timestamp in milliseconds) - maximum date that can be selected
-   *   - `mode` (`enum('calendar', 'spinner', 'default')`) - To set the date-picker mode to calendar/spinner/default
-   *     - 'calendar': Show a date picker in calendar mode.
-   *     - 'spinner': Show a date picker in spinner mode.
-   *     - 'default': Show a default native date picker(spinner/calendar) based on android versions.
-   *
-   * Returns a Promise which will be invoked an object containing `action`, `year`, `month` (0-11),
-   * `day` if the user picked a date. If the user dismissed the dialog, the Promise will
-   * still be resolved with action being `DatePickerAndroid.dismissedAction` and all the other keys
-   * being undefined. **Always** check whether the `action` before reading the values.
-   *
-   * Note the native date picker dialog has some UI glitches on Android 4 and lower
-   * when using the `minDate` and `maxDate` options.
-   */
-  static async open(options: ?Options): Promise<DatePickerOpenAction> {
-    const optionsMs = options;
-    if (optionsMs != null) {
-      _toMillis(optionsMs, 'date');
-      _toMillis(optionsMs, 'minDate');
-      _toMillis(optionsMs, 'maxDate');
-    }
-    return NativeDatePickerAndroid.open(options);
-  }
-
-  /**
-   * A date has been selected.
-   */
-  static +dateSetAction: 'dateSetAction' = 'dateSetAction';
-  /**
-   * The dialog has been dismissed.
-   */
-  static +dismissedAction: 'dismissedAction' = 'dismissedAction';
-}
-
-module.exports = DatePickerAndroid;

package/Libraries/Components/DatePickerAndroid/DatePickerAndroid.ios.js

@@ -1,30 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-import type {Options, DatePickerOpenAction} from './DatePickerAndroidTypes';
-
-class DatePickerAndroid {
-  static async open(options: ?Options): Promise<DatePickerOpenAction> {
-    throw new Error('DatePickerAndroid is not supported on this platform.');
-  }
-
-  /**
-   * A date has been selected.
-   */
-  static +dateSetAction: 'dateSetAction' = 'dateSetAction';
-  /**
-   * The dialog has been dismissed.
-   */
-  static +dismissedAction: 'dismissedAction' = 'dismissedAction';
-}
-
-module.exports = DatePickerAndroid;

package/Libraries/Components/DatePickerAndroid/DatePickerAndroidTypes.js

@@ -1,30 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict-local
- */
-
-export type Options = $ReadOnly<{|
-  date?: ?(Date | number),
-  minDate?: ?(Date | number),
-  maxDate?: ?(Date | number),
-  mode?: ?('calendar' | 'spinner' | 'default'),
-|}>;
-
-export type DatePickerOpenAction =
-  | {|
-      action: 'dateSetAction',
-      year: number,
-      month: number,
-      day: number,
-    |}
-  | {|
-      action: 'dismissedAction',
-      year: void,
-      month: void,
-      day: void,
-    |};

package/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js

@@ -1,83 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow
- */
-
-import * as React from 'react';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-
-import type {
-  DirectEventHandler,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {ProcessedColorValue} from '../../StyleSheet/processColor';
-import type {ViewProps} from '../../Components/View/ViewPropTypes';
-
-type PickerItem = $ReadOnly<{|
-  label: string,
-  color?: ?ProcessedColorValue,
-|}>;
-
-type PickerItemSelectEvent = $ReadOnly<{|
-  position: Int32,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  style?: ?TextStyleProp,
-
-  // Props
-  color?: ?ColorValue,
-  backgroundColor?: ?ColorValue,
-  enabled?: WithDefault<boolean, true>,
-  items: $ReadOnlyArray<PickerItem>,
-  prompt?: WithDefault<string, ''>,
-  selected: Int32,
-
-  // Events
-  onSelect?: DirectEventHandler<PickerItemSelectEvent>,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeSelectedPosition: (
-    viewRef: React.ElementRef<NativeType>,
-    index: number,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeSelectedPosition'],
-});
-
-const AndroidDialogPickerNativeComponent: HostComponent<NativeProps> = NativeComponentRegistry.get<NativeProps>(
-  'AndroidDialogPicker',
-  () => ({
-    uiViewClassName: 'AndroidDialogPicker',
-    bubblingEventTypes: {},
-    directEventTypes: {},
-    validAttributes: {
-      color: {process: require('../../StyleSheet/processColor')},
-      backgroundColor: {process: require('../../StyleSheet/processColor')},
-      enabled: true,
-      items: true,
-      prompt: true,
-      selected: true,
-      onSelect: true,
-    },
-  }),
-);
-
-export default ((AndroidDialogPickerNativeComponent: any): NativeType);

package/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js

@@ -1,82 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict-local
- */
-
-import * as React from 'react';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-
-import type {
-  DirectEventHandler,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-
-import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {ProcessedColorValue} from '../../StyleSheet/processColor';
-import type {ViewProps} from '../../Components/View/ViewPropTypes';
-
-type PickerItem = $ReadOnly<{|
-  label: string,
-  color?: ?ProcessedColorValue,
-|}>;
-
-type PickerItemSelectEvent = $ReadOnly<{|
-  position: Int32,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  style?: ?TextStyleProp,
-
-  // Props
-  color?: ?ColorValue,
-  backgroundColor?: ?ColorValue,
-  enabled?: WithDefault<boolean, true>,
-  items: $ReadOnlyArray<PickerItem>,
-  prompt?: WithDefault<string, ''>,
-  selected: Int32,
-
-  // Events
-  onSelect?: DirectEventHandler<PickerItemSelectEvent>,
-|}>;
-
-interface NativeCommands {
-  +setNativeSelectedPosition: (
-    viewRef: React.ElementRef<typeof AndroidDropdownPickerNativeComponent>,
-    index: number,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeSelectedPosition'],
-});
-
-const AndroidDropdownPickerNativeComponent: HostComponent<NativeProps> = NativeComponentRegistry.get<NativeProps>(
-  'AndroidDropdownPicker',
-  () => ({
-    uiViewClassName: 'AndroidDropdownPicker',
-    bubblingEventTypes: {},
-    directEventTypes: {},
-    validAttributes: {
-      color: {process: require('../../StyleSheet/processColor')},
-      backgroundColor: {process: require('../../StyleSheet/processColor')},
-      enabled: true,
-      items: true,
-      prompt: true,
-      selected: true,
-      onSelect: true,
-    },
-  }),
-);
-
-export default AndroidDropdownPickerNativeComponent;

package/Libraries/Components/Picker/Picker.js

@@ -1,168 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-import * as React from 'react';
-import PickerAndroid from './PickerAndroid';
-import PickerIOS from './PickerIOS';
-import Platform from '../../Utilities/Platform';
-import UnimplementedView from '../UnimplementedViews/UnimplementedView';
-
-import type {TextStyleProp, ColorValue} from '../../StyleSheet/StyleSheet';
-
-const MODE_DIALOG = 'dialog';
-const MODE_DROPDOWN = 'dropdown';
-
-type PickerItemProps = $ReadOnly<{|
-  /**
-   * Text to display for this item.
-   */
-  label: string,
-
-  /**
-   * The value to be passed to picker's `onValueChange` callback when
-   * this item is selected.
-   */
-  value?: ?string,
-
-  /**
-   * Color of this item's text.
-   * @platform android
-   */
-  color?: ColorValue,
-
-  /**
-   * Used to locate the item in end-to-end tests.
-   */
-  testID?: string,
-|}>;
-
-/**
- * Individual selectable item in a Picker.
- */
-export type {PickerItem};
-class PickerItem extends React.Component<PickerItemProps> {
-  render() {
-    // The items are not rendered directly
-    throw null;
-  }
-}
-
-type PickerProps = $ReadOnly<{|
-  children?: React.Node,
-  style?: ?TextStyleProp,
-
-  /**
-   * Value matching value of one of the items.
-   */
-  selectedValue?: ?string,
-
-  /**
-   * Callback for when an item is selected. This is called with the following parameters:
-   *   - `itemValue`: the `value` prop of the item that was selected
-   *   - `itemIndex`: the index of the selected item in this picker
-   */
-  onValueChange?: ?(itemValue: string | number, itemIndex: number) => mixed,
-
-  /**
-   * If set to false, the picker will be disabled, i.e. the user will not be able to make a
-   * selection.
-   * @platform android
-   */
-  enabled?: ?boolean,
-
-  /**
-   * 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?: ?('dialog' | 'dropdown'),
-
-  /**
-   * Style to apply to each of the item labels.
-   * @platform ios
-   */
-  itemStyle?: ?TextStyleProp,
-
-  /**
-   * Color of the item background.
-   * @platform android
-   */
-  backgroundColor?: ColorValue,
-
-  /**
-   * Prompt string for this picker, used on Android in dialog mode as the title of the dialog.
-   * @platform android
-   */
-  prompt?: ?string,
-
-  /**
-   * Used to locate this view in end-to-end tests.
-   */
-  testID?: ?string,
-  /**
-   * The string used for the accessibility label. Will be read once focused on the picker but not on change.
-   */
-  accessibilityLabel?: ?string,
-|}>;
-
-/**
- * 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<PickerProps> {
-  /**
-   * On Android, display the options in a dialog.
-   */
-  static MODE_DIALOG: $TEMPORARY$string<'dialog'> = MODE_DIALOG;
-
-  /**
-   * On Android, display the options in a dropdown (this is the default).
-   */
-  static MODE_DROPDOWN: $TEMPORARY$string<'dropdown'> = MODE_DROPDOWN;
-
-  static Item: typeof PickerItem = PickerItem;
-
-  static defaultProps: {|mode: $TEMPORARY$string<'dialog'>|} = {
-    mode: MODE_DIALOG,
-  };
-
-  render(): React.Node {
-    if (Platform.OS === 'ios') {
-      /* $FlowFixMe[prop-missing] (>=0.81.0 site=react_native_ios_fb) This
-       * suppression was added when renaming suppression sites. */
-      /* $FlowFixMe[incompatible-type] (>=0.81.0 site=react_native_ios_fb) This
-       * suppression was added when renaming suppression sites. */
-      return <PickerIOS {...this.props}>{this.props.children}</PickerIOS>;
-    } else if (Platform.OS === 'android') {
-      return (
-        /* $FlowFixMe[incompatible-type] (>=0.81.0 site=react_native_android_fb) This
-         * suppression was added when renaming suppression sites. */
-        /* $FlowFixMe[prop-missing] (>=0.81.0 site=react_native_android_fb) This
-         * suppression was added when renaming suppression sites. */
-        <PickerAndroid {...this.props}>{this.props.children}</PickerAndroid>
-      );
-    } else {
-      return <UnimplementedView />;
-    }
-  }
-}
-
-module.exports = Picker;

package/Libraries/Components/Picker/PickerAndroid.android.js

@@ -1,143 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict-local
- */
-
-import AndroidDropdownPickerNativeComponent, {
-  Commands as AndroidDropdownPickerCommands,
-} from './AndroidDropdownPickerNativeComponent';
-import AndroidDialogPickerNativeComponent, {
-  Commands as AndroidDialogPickerCommands,
-} from './AndroidDialogPickerNativeComponent';
-import * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import invariant from 'invariant';
-import processColor from '../../StyleSheet/processColor';
-
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {ColorValue, TextStyleProp} from '../../StyleSheet/StyleSheet';
-
-type PickerItemSelectSyntheticEvent = SyntheticEvent<
-  $ReadOnly<{|
-    position: number,
-  |}>,
->;
-
-type PickerItemValue = number | string;
-
-type Props = $ReadOnly<{|
-  accessibilityLabel?: ?Stringish,
-  children?: React.Node,
-  style?: ?TextStyleProp,
-  backgroundColor?: ?ColorValue,
-  selectedValue?: ?PickerItemValue,
-  enabled?: ?boolean,
-  mode?: ?('dialog' | 'dropdown'),
-  onValueChange?: ?(itemValue: ?PickerItemValue, itemIndex: number) => mixed,
-  prompt?: ?string,
-  testID?: string,
-|}>;
-
-/**
- * Not exposed as a public API - use <Picker> instead.
- */
-function PickerAndroid(props: Props): React.Node {
-  const pickerRef = React.useRef(null);
-
-  const [items, selected] = React.useMemo(() => {
-    // eslint-disable-next-line no-shadow
-    let selected = 0;
-    // eslint-disable-next-line no-shadow
-    const items = React.Children.map(props.children, (child, index) => {
-      if (child === null) {
-        return null;
-      }
-      if (child.props.value === props.selectedValue) {
-        selected = index;
-      }
-      const {color, label} = child.props;
-      const processedColor = processColor(color);
-      invariant(
-        processedColor == null || typeof processedColor === 'number',
-        'Unexpected color given for PickerAndroid color prop',
-      );
-      return {
-        color: color == null ? null : processedColor,
-        label,
-      };
-    });
-    return [items, selected];
-  }, [props.children, props.selectedValue]);
-
-  const onSelect = React.useCallback(
-    ({nativeEvent}: PickerItemSelectSyntheticEvent) => {
-      const {position} = nativeEvent;
-      const onValueChange = props.onValueChange;
-
-      if (onValueChange != null) {
-        if (position >= 0) {
-          const children = React.Children.toArray(props.children).filter(
-            item => item != null,
-          );
-          const value = children[position].props.value;
-          if (props.selectedValue !== value) {
-            onValueChange(value, position);
-          }
-        } else {
-          onValueChange(null, position);
-        }
-      }
-      const {current} = pickerRef;
-      if (current != null && position !== selected) {
-        const Commands =
-          props.mode === 'dropdown'
-            ? AndroidDropdownPickerCommands
-            : AndroidDialogPickerCommands;
-        Commands.setNativeSelectedPosition(current, position);
-      }
-    },
-    [
-      props.children,
-      props.onValueChange,
-      props.selectedValue,
-      props.mode,
-      selected,
-    ],
-  );
-
-  const rootProps = {
-    accessibilityLabel: props.accessibilityLabel,
-    enabled: props.enabled,
-    items,
-    onSelect,
-    prompt: props.prompt,
-    ref: pickerRef,
-    selected,
-    style: StyleSheet.compose(styles.pickerAndroid, props.style),
-    backgroundColor: props.backgroundColor,
-    testID: props.testID,
-  };
-  return props.mode === 'dropdown' ? (
-    <AndroidDropdownPickerNativeComponent {...rootProps} />
-  ) : (
-    <AndroidDialogPickerNativeComponent {...rootProps} />
-  );
-}
-
-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,
-  },
-});
-
-module.exports = PickerAndroid;

package/Libraries/Components/Picker/PickerAndroid.ios.js

@@ -1,12 +0,0 @@
-/**
- * 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.
- *
- * @format
- */
-
-'use strict';
-
-module.exports = require('../UnimplementedViews/UnimplementedView');

package/Libraries/Components/Picker/PickerIOS.android.js

@@ -1,14 +0,0 @@
-/**
- * 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.
- *
- * @format
- */
-
-// This is a controlled component version of RCTPickerIOS.
-
-'use strict';
-
-module.exports = require('../UnimplementedViews/UnimplementedView');