@office-iss/react-native-win32 0.71.4 → 0.72.0-preview.1

package/Libraries/Components/ProgressViewIOS/ProgressViewIOS.android.js

@@ -1,45 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import View from '../View/View';
-import * as React from 'react';
-
-class DummyProgressViewIOS extends React.Component {
-  render() {
-    return (
-      <View style={[styles.dummy, this.props.style]}>
-        <Text style={styles.text}>
-          ProgressViewIOS is not supported on this platform!
-        </Text>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  dummy: {
-    width: 120,
-    height: 20,
-    backgroundColor: '#ffbcbc',
-    borderWidth: 1,
-    borderColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  text: {
-    color: '#333333',
-    margin: 5,
-    fontSize: 10,
-  },
-});
-
-module.exports = DummyProgressViewIOS;

package/Libraries/Components/ProgressViewIOS/ProgressViewIOS.d.ts

@@ -1,62 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-import type * as React from 'react';
-import {Constructor} from '../../../types/private/Utilities';
-import {ImageURISource} from '../../Image/ImageSource';
-import {NativeMethods} from '../../../types/public/ReactNativeTypes';
-import {ColorValue} from '../../StyleSheet/StyleSheet';
-import {ViewProps} from '../View/ViewPropTypes';
-
-/**
- * @see https://reactnative.dev/docs/progressviewios
- * @see ProgressViewIOS.ios.js
- */
-export interface ProgressViewIOSProps extends ViewProps {
-  /**
-   * The progress bar style.
-   */
-  progressViewStyle?: 'default' | 'bar' | undefined;
-
-  /**
-   * The progress value (between 0 and 1).
-   */
-  progress?: number | undefined;
-
-  /**
-   * The tint color of the progress bar itself.
-   */
-  progressTintColor?: ColorValue | undefined;
-
-  /**
-   * The tint color of the progress bar track.
-   */
-  trackTintColor?: ColorValue | undefined;
-
-  /**
-   * A stretchable image to display as the progress bar.
-   */
-  progressImage?: ImageURISource | ImageURISource[] | undefined;
-
-  /**
-   * A stretchable image to display behind the progress bar.
-   */
-  trackImage?: ImageURISource | ImageURISource[] | undefined;
-}
-
-declare class ProgressViewIOSComponent extends React.Component<ProgressViewIOSProps> {}
-declare const ProgressViewIOSBase: Constructor<NativeMethods> &
-  typeof ProgressViewIOSComponent;
-/**
- * ProgressViewIOS has been extracted from react-native core and will be removed in a future release.
- * It can now be installed and imported from `@react-native-community/progress-view` instead of 'react-native'.
- * @see https://github.com/react-native-community/progress-view
- * @deprecated
- */
-export class ProgressViewIOS extends ProgressViewIOSBase {}

package/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js

@@ -1,75 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 {ImageSource} from '../../Image/ImageSource';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import StyleSheet, {type ColorValue} from '../../StyleSheet/StyleSheet';
-import RCTProgressViewNativeComponent from './RCTProgressViewNativeComponent';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * The progress bar style.
-   */
-  progressViewStyle?: ?('default' | 'bar'),
-
-  /**
-   * The progress value (between 0 and 1).
-   */
-  progress?: ?number,
-
-  /**
-   * The tint color of the progress bar itself.
-   */
-  progressTintColor?: ?ColorValue,
-
-  /**
-   * The tint color of the progress bar track.
-   */
-  trackTintColor?: ?ColorValue,
-
-  /**
-   * A stretchable image to display as the progress bar.
-   */
-  progressImage?: ?ImageSource,
-
-  /**
-   * A stretchable image to display behind the progress bar.
-   */
-  trackImage?: ?ImageSource,
-|}>;
-
-/**
- * Use `ProgressViewIOS` to render a UIProgressView on iOS.
- */
-const ProgressViewIOS = (
-  props: Props,
-  forwardedRef?: ?React.Ref<typeof RCTProgressViewNativeComponent>,
-) => (
-  <RCTProgressViewNativeComponent
-    {...props}
-    style={[styles.progressView, props.style]}
-    ref={forwardedRef}
-  />
-);
-
-const styles = StyleSheet.create({
-  progressView: {
-    height: 2,
-  },
-});
-
-const ProgressViewIOSWithRef = React.forwardRef(ProgressViewIOS);
-
-module.exports =
-  (ProgressViewIOSWithRef: typeof RCTProgressViewNativeComponent);

package/Libraries/Components/ProgressViewIOS/ProgressViewIOS.win32.js

@@ -1,45 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import View from '../View/View';
-import * as React from 'react';
-
-class DummyProgressViewIOS extends React.Component {
-  render() {
-    return (
-      <View style={[styles.dummy, this.props.style]}>
-        <Text style={styles.text}>
-          ProgressViewIOS is not supported on this platform!
-        </Text>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  dummy: {
-    width: 120,
-    height: 20,
-    backgroundColor: '#ffbcbc',
-    borderWidth: 1,
-    borderColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  text: {
-    color: '#333333',
-    margin: 5,
-    fontSize: 10,
-  },
-});
-
-module.exports = DummyProgressViewIOS;

package/Libraries/Components/ProgressViewIOS/RCTProgressViewNativeComponent.js

@@ -1,33 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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
- */
-
-import type {ImageSource} from '../../Image/ImageSource';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {Float, WithDefault} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  progressViewStyle?: WithDefault<'default' | 'bar', 'default'>,
-  progress?: WithDefault<Float, 0>,
-  progressTintColor?: ?ColorValue,
-  trackTintColor?: ?ColorValue,
-  progressImage?: ?ImageSource,
-  trackImage?: ?ImageSource,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>(
-  'RCTProgressView',
-): HostComponent<NativeProps>);

package/Libraries/Components/SafeAreaView/SafeAreaView.flow.js

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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
- */
-
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import View from '../View/View';
-import * as React from 'react';
-
-export type SafeAreaViewType = React.AbstractComponent<
-  ViewProps,
-  React.ElementRef<typeof View>,
->;

package/Libraries/Components/Slider/Slider.d.ts

@@ -1,132 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-import type * as React from 'react';
-import {Constructor} from '../../../types/private/Utilities';
-import {ImageURISource} from '../../Image/ImageSource';
-import {NativeMethods} from '../../../types/public/ReactNativeTypes';
-import {ColorValue, StyleProp} from '../../StyleSheet/StyleSheet';
-import {ViewStyle} from '../../StyleSheet/StyleSheetTypes';
-import {ViewProps} from '../View/ViewPropTypes';
-
-export interface SliderPropsAndroid extends ViewProps {
-  /**
-   * Color of the foreground switch grip.
-   */
-  thumbTintColor?: ColorValue | undefined;
-}
-
-export interface SliderPropsIOS extends ViewProps {
-  /**
-   * Assigns a maximum track image. Only static images are supported.
-   * The leftmost pixel of the image will be stretched to fill the track.
-   */
-  maximumTrackImage?: ImageURISource | undefined;
-
-  /**
-   * Assigns a minimum track image. Only static images are supported.
-   * The rightmost pixel of the image will be stretched to fill the track.
-   */
-  minimumTrackImage?: ImageURISource | undefined;
-
-  /**
-   * Sets an image for the thumb. Only static images are supported.
-   */
-  thumbImage?: ImageURISource | undefined;
-
-  /**
-   * Assigns a single image for the track. Only static images
-   * are supported. The center pixel of the image will be stretched
-   * to fill the track.
-   */
-  trackImage?: ImageURISource | undefined;
-}
-
-export interface SliderProps extends SliderPropsIOS, SliderPropsAndroid {
-  /**
-   * If true the user won't be able to move the slider.
-   * Default value is false.
-   */
-  disabled?: boolean | undefined;
-
-  /**
-   * The color used for the track to the right of the button.
-   * Overrides the default blue gradient image.
-   */
-  maximumTrackTintColor?: ColorValue | undefined;
-
-  /**
-   * Initial maximum value of the slider. Default value is 1.
-   */
-  maximumValue?: number | undefined;
-
-  /**
-   * The color used for the track to the left of the button.
-   * Overrides the default blue gradient image.
-   */
-  minimumTrackTintColor?: ColorValue | undefined;
-
-  /**
-   * Initial minimum value of the slider. Default value is 0.
-   */
-  minimumValue?: number | undefined;
-
-  /**
-   * Callback called when the user finishes changing the value (e.g. when the slider is released).
-   */
-  onSlidingComplete?: ((value: number) => void) | undefined;
-
-  /**
-   * Callback continuously called while the user is dragging the slider.
-   */
-  onValueChange?: ((value: number) => void) | undefined;
-
-  /**
-   * Step value of the slider. The value should be between 0 and (maximumValue - minimumValue). Default value is 0.
-   */
-  step?: number | undefined;
-
-  /**
-   * Used to style and layout the Slider. See StyleSheet.js for more info.
-   */
-  style?: StyleProp<ViewStyle> | undefined;
-
-  /**
-   * Used to locate this view in UI automation tests.
-   */
-  testID?: string | undefined;
-
-  /**
-   * Initial value of the slider. The value should be between minimumValue
-   * and maximumValue, which default to 0 and 1 respectively.
-   * Default value is 0.
-   * This is not a controlled component, you don't need to update
-   * the value during dragging.
-   */
-  value?: number | undefined;
-}
-
-/**
- * A component used to select a single value from a range of values.
- */
-declare class SliderComponent extends React.Component<SliderProps> {}
-declare const SliderBase: Constructor<NativeMethods> & typeof SliderComponent;
-/**
- * Slider has been extracted from react-native core and will be removed in a future release.
- * It can now be installed and imported from `@react-native-community/slider` instead of 'react-native'.
- * @see https://github.com/callstack/react-native-slider
- * @deprecated
- */
-export class Slider extends SliderBase {}
-/**  SliderIOS has been removed from react-native.
- * It can now be installed and imported from `@react-native-community/slider` instead of 'react-native'.
- * @see https://github.com/callstack/react-native-slider
- * @deprecated
- */
-export type SliderIOS = Slider;

package/Libraries/Components/Slider/Slider.js

@@ -1,282 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and 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 {ImageSource} from '../../Image/ImageSource';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {AccessibilityState} from '../View/ViewAccessibility';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import StyleSheet, {
-  type ColorValue,
-  type ViewStyleProp,
-} from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
-import SliderNativeComponent from './SliderNativeComponent';
-import * as React from 'react';
-
-type Event = SyntheticEvent<
-  $ReadOnly<{|
-    value: number,
-    /**
-     * Android Only.
-     */
-    fromUser?: boolean,
-  |}>,
->;
-
-type IOSProps = $ReadOnly<{|
-  /**
-   * Assigns a single image for the track. Only static images are supported.
-   * The center pixel of the image will be stretched to fill the track.
-   */
-  trackImage?: ?ImageSource,
-
-  /**
-   * Assigns a minimum track image. Only static images are supported. The
-   * rightmost pixel of the image will be stretched to fill the track.
-   */
-  minimumTrackImage?: ?ImageSource,
-
-  /**
-   * Assigns a maximum track image. Only static images are supported. The
-   * leftmost pixel of the image will be stretched to fill the track.
-   */
-  maximumTrackImage?: ?ImageSource,
-
-  /**
-   * Sets an image for the thumb. Only static images are supported.
-   */
-  thumbImage?: ?ImageSource,
-|}>;
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-  ...IOSProps,
-
-  /**
-   * Used to style and layout the `Slider`.  See `StyleSheet.js` and
-   * `DeprecatedViewStylePropTypes.js` for more info.
-   */
-  style?: ?ViewStyleProp,
-
-  /**
-   * Initial value of the slider. The value should be between minimumValue
-   * and maximumValue, which default to 0 and 1 respectively.
-   * Default value is 0.
-   *
-   * *This is not a controlled component*, you don't need to update the
-   * value during dragging.
-   */
-  value?: ?number,
-
-  /**
-   * Step value of the slider. The value should be
-   * between 0 and (maximumValue - minimumValue).
-   * Default value is 0.
-   */
-  step?: ?number,
-
-  /**
-   * Initial minimum value of the slider. Default value is 0.
-   */
-  minimumValue?: ?number,
-
-  /**
-   * Initial maximum value of the slider. Default value is 1.
-   */
-  maximumValue?: ?number,
-
-  /**
-   * The color used for the track to the left of the button.
-   * Overrides the default blue gradient image on iOS.
-   */
-  minimumTrackTintColor?: ?ColorValue,
-
-  /**
-   * The color used for the track to the right of the button.
-   * Overrides the default blue gradient image on iOS.
-   */
-  maximumTrackTintColor?: ?ColorValue,
-  /**
-   * The color used to tint the default thumb images on iOS, or the
-   * color of the foreground switch grip on Android.
-   */
-  thumbTintColor?: ?ColorValue,
-
-  /**
-   * If true the user won't be able to move the slider.
-   * Default value is false.
-   */
-  disabled?: ?boolean,
-
-  /**
-   * Callback continuously called while the user is dragging the slider.
-   */
-  onValueChange?: ?(value: number) => void,
-
-  /**
-   * Callback that is called when the user releases the slider,
-   * regardless if the value has changed. The current value is passed
-   * as an argument to the callback handler.
-   */
-  onSlidingComplete?: ?(value: number) => void,
-
-  /**
-   * Used to locate this view in UI automation tests.
-   */
-  testID?: ?string,
-
-  /**
-    Indicates to accessibility services that UI Component is in a specific State.
-   */
-  accessibilityState?: ?AccessibilityState,
-|}>;
-
-/**
- * A component used to select a single value from a range of values.
- *
- * ### Usage
- *
- * The example below shows how to use `Slider` to change
- * a value used by `Text`. The value is stored using
- * the state of the root component (`App`). The same component
- * subscribes to the `onValueChange`  of `Slider` and changes
- * the value using `setState`.
- *
- *```
- * import React from 'react';
- * import { StyleSheet, Text, View, Slider } from 'react-native';
- *
- * export default class App extends React.Component {
- *   constructor(props) {
- *     super(props);
- *     this.state = {
- *       value: 50
- *     }
- *   }
- *
- *   change(value) {
- *     this.setState(() => {
- *       return {
- *         value: parseFloat(value)
- *       };
- *     });
- *   }
- *
- *   render() {
- *     const {value} = this.state;
- *     return (
- *       <View style={styles.container}>
- *         <Text style={styles.text}>{String(value)}</Text>
- *         <Slider
- *           step={1}
- *           maximumValue={100}
- *           onValueChange={this.change.bind(this)}
- *           value={value} />
- *       </View>
- *     );
- *   }
- * }
- *
- * const styles = StyleSheet.create({
- *   container: {
- *     flex: 1,
- *     flexDirection: 'column',
- *     justifyContent: 'center'
- *   },
- *   text: {
- *     fontSize: 50,
- *     textAlign: 'center'
- *   }
- * });
- *```
- *
- */
-const Slider = (
-  props: Props,
-  forwardedRef?: ?React.Ref<typeof SliderNativeComponent>,
-) => {
-  const style = StyleSheet.compose(styles.slider, props.style);
-
-  const {
-    value = 0.5,
-    minimumValue = 0,
-    maximumValue = 1,
-    step = 0,
-    onValueChange,
-    onSlidingComplete,
-    ...localProps
-  } = props;
-
-  const onValueChangeEvent = onValueChange
-    ? (event: Event) => {
-        let userEvent = true;
-        if (Platform.OS === 'android') {
-          // On Android there's a special flag telling us the user is
-          // dragging the slider.
-          userEvent =
-            event.nativeEvent.fromUser != null && event.nativeEvent.fromUser;
-        }
-        userEvent && onValueChange(event.nativeEvent.value);
-      }
-    : null;
-
-  const onSlidingCompleteEvent = onSlidingComplete
-    ? (event: Event) => {
-        onSlidingComplete(event.nativeEvent.value);
-      }
-    : null;
-
-  const disabled =
-    props.disabled === true || props.accessibilityState?.disabled === true;
-  const accessibilityState = disabled
-    ? {...props.accessibilityState, disabled: true}
-    : props.accessibilityState;
-
-  return (
-    <SliderNativeComponent
-      {...localProps}
-      accessibilityState={accessibilityState}
-      // TODO: Reconcile these across the two platforms.
-      enabled={!disabled}
-      disabled={disabled}
-      maximumValue={maximumValue}
-      minimumValue={minimumValue}
-      onResponderTerminationRequest={() => false}
-      onSlidingComplete={onSlidingCompleteEvent}
-      onStartShouldSetResponder={() => true}
-      onValueChange={onValueChangeEvent}
-      ref={forwardedRef}
-      step={step}
-      style={style}
-      value={value}
-    />
-  );
-};
-
-const SliderWithRef: React.AbstractComponent<
-  Props,
-  React.ElementRef<typeof SliderNativeComponent>,
-> = React.forwardRef(Slider);
-
-let styles;
-if (Platform.OS === 'ios') {
-  styles = StyleSheet.create({
-    slider: {
-      height: 40,
-    },
-  });
-} else {
-  styles = StyleSheet.create({
-    slider: {},
-  });
-}
-
-module.exports = SliderWithRef;