@office-iss/react-native-win32 0.68.0 → 0.69.0-preview.3

package/src/rntypes/index.d.ts

@@ -31,7 +31,6 @@
 //                 Dominique Richard <https://github.com/doumart>
 //                 Mohamed Shaban <https://github.com/drmas>
 //                 Jérémy Barbet <https://github.com/jeremybarbet>
-//                 Christian Ost <https://github.com/ca057>
 //                 David Sheldrick <https://github.com/ds300>
 //                 Natsathorn Yuthakovit <https://github.com/natsathorn>
 //                 ConnectDotz <https://github.com/connectdotz>
@@ -41,6 +40,7 @@
 //                 Arafat Zahan <https://github.com/kuasha420>
 //                 Pedro Hernández <https://github.com/phvillegas>
 //                 Sebastian Silbermann <https://github.com/eps1lon>
+//                 Zihan Chen <https://github.com/ZihanChen-MSFT>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 3.0
 
@@ -3220,12 +3220,6 @@ export interface RefreshControlPropsAndroid extends ViewProps {
      * Size of the refresh indicator, see RefreshControl.SIZE.
      */
     size?: number | undefined;
-
-    /**
-     * Progress view top offset
-     * @platform android
-     */
-    progressViewOffset?: number | undefined;
 }
 
 export interface RefreshControlProps extends RefreshControlPropsIOS, RefreshControlPropsAndroid {
@@ -3238,6 +3232,11 @@ export interface RefreshControlProps extends RefreshControlPropsIOS, RefreshCont
      * Whether the view should be indicating an active refresh.
      */
     refreshing: boolean;
+
+    /**
+     * Progress view top offset
+     */
+    progressViewOffset?: number | undefined;
 }
 
 /**
@@ -9159,6 +9158,19 @@ export interface ImageStoreStatic {
     getBase64ForTag(uri: string, success: (base64ImageData: string) => void, failure: (error: any) => void): void;
 }
 
+//
+// Turbo Module
+//
+
+export interface TurboModule {
+    getConstants?(): {}
+}
+
+export const TurboModuleRegistry: {
+    get<T extends TurboModule>(name: string): T | null;
+    getEnforcing<T extends TurboModule>(name: string): T;
+}
+
 //
 // Interfacing with Native Modules
 // https://reactnative.dev/docs/native-modules-ios

package/typings-index.js

@@ -9,7 +9,11 @@
  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/typings-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"typings-index.js","sourceRoot":"","sources":["src/typings-index.ts"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;;;;;;;;;;AAEH;;;;EAIE;AAEF,2EAA2E;AAC3E,sFAAsF;AACtF,+CAA+C;AAC/C,kDAAgC;AAMhC,8EAA4D;AAC5D,wEAAsD;AACtD,8EAA4D;AAC5D,wEAAsD;AACtD,kFAAgE;AAChE,4EAA0D;AAC1D,sFAAoE;AACpE,wFAAsE;AACtE,wFAAsE;AACtE,kFAAgE;AAChE,sEAAoD;AACpD,2EAAyD;AACzD,2EAAyD","sourcesContent":["/**\n * @packagedocumentation\n *\n * This package provides Win32 specific components in addition to providing the core react-native primities.\n * Cross platform React-native primitives should be imported from 'react-native'\n * Win32 specific components need to be imported from '\\@office-iss/react-native-win32'\n *\n */\n\n/*\n   This file is used to provide the typings for this package.\n   NOTE: Concrete classes, objects etc that actually need to be exported from the package,\n         need to also be added to index.win32.js\n*/\n\n// Importing from a copy of react-native types instead of from react-native\n// to allow custom typescript resolvers to redirect react-native to react-native-win32\n// when building bundles for the win32 platform\nexport * from './rntypes/index';\nexport type { \n      AccessibilityActionInfo,\n      AccessibilityActionName,\n      AccessibilityState\n} from './Libraries/Components/View/ViewWin32.Props';\nexport * from './Libraries/Components/View/ViewWin32.Props';\nexport * from './Libraries/Components/View/ViewWin32';\nexport * from './Libraries/Components/Text/TextWin32.Props';\nexport * from './Libraries/Components/Text/TextWin32';\nexport * from './Libraries/Components/Button/ButtonWin32.Props';\nexport * from './Libraries/Components/Button/ButtonWin32';\nexport * from './Libraries/StyleSheet/PlatformColorValueTypesWin32';\nexport * from './Libraries/Components/Touchable/TouchableWin32.Props';\nexport * from './Libraries/Components/Touchable/TouchableWin32.Types';\nexport * from './Libraries/Components/Touchable/TouchableWin32';\nexport * from './Libraries/PersonaCoin/PersonaCoin';\nexport * from './Libraries/PersonaCoin/PersonaCoinTypes';\nexport * from './Libraries/Utilities/FocusManager.win32';"]}
+{"version":3,"file":"typings-index.js","sourceRoot":"","sources":["src/typings-index.ts"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;;;;;;;;;;;;;;AAEH;;;;EAIE;AAEF,2EAA2E;AAC3E,sFAAsF;AACtF,+CAA+C;AAC/C,kDAAgC;AAMhC,8EAA4D;AAC5D,wEAAsD;AACtD,8EAA4D;AAC5D,wEAAsD;AACtD,kFAAgE;AAChE,4EAA0D;AAC1D,sFAAoE;AACpE,wFAAsE;AACtE,wFAAsE;AACtE,kFAAgE;AAChE,sEAAoD;AACpD,2EAAyD;AACzD,2EAAyD","sourcesContent":["/**\n * @packagedocumentation\n *\n * This package provides Win32 specific components in addition to providing the core react-native primities.\n * Cross platform React-native primitives should be imported from 'react-native'\n * Win32 specific components need to be imported from '\\@office-iss/react-native-win32'\n *\n */\n\n/*\n   This file is used to provide the typings for this package.\n   NOTE: Concrete classes, objects etc that actually need to be exported from the package,\n         need to also be added to index.win32.js\n*/\n\n// Importing from a copy of react-native types instead of from react-native\n// to allow custom typescript resolvers to redirect react-native to react-native-win32\n// when building bundles for the win32 platform\nexport * from './rntypes/index';\nexport type { \n      AccessibilityActionInfo,\n      AccessibilityActionName,\n      AccessibilityState\n} from './Libraries/Components/View/ViewWin32.Props';\nexport * from './Libraries/Components/View/ViewWin32.Props';\nexport * from './Libraries/Components/View/ViewWin32';\nexport * from './Libraries/Components/Text/TextWin32.Props';\nexport * from './Libraries/Components/Text/TextWin32';\nexport * from './Libraries/Components/Button/ButtonWin32.Props';\nexport * from './Libraries/Components/Button/ButtonWin32';\nexport * from './Libraries/StyleSheet/PlatformColorValueTypesWin32';\nexport * from './Libraries/Components/Touchable/TouchableWin32.Props';\nexport * from './Libraries/Components/Touchable/TouchableWin32.Types';\nexport * from './Libraries/Components/Touchable/TouchableWin32';\nexport * from './Libraries/PersonaCoin/PersonaCoin';\nexport * from './Libraries/PersonaCoin/PersonaCoinTypes';\nexport * from './Libraries/Utilities/FocusManager.win32';"]}

package/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js

@@ -1,44 +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 codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {
-  BubblingEventHandler,
-  WithDefault,
-  Int32,
-} from '../../Types/CodegenTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-
-export type OnChangeEvent = $ReadOnly<{|
-  value: Int32,
-  selectedSegmentIndex: Int32,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  values?: $ReadOnlyArray<string>,
-  selectedIndex?: WithDefault<Int32, 0>,
-  enabled?: WithDefault<boolean, true>,
-  tintColor?: ?ColorValue,
-  textColor?: ?ColorValue,
-  backgroundColor?: ?ColorValue,
-  momentary?: WithDefault<boolean, false>,
-
-  // Events
-  onChange?: ?BubblingEventHandler<OnChangeEvent>,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>(
-  'RCTSegmentedControl',
-): HostComponent<NativeProps>);

package/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.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 * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import View from '../View/View';
-
-class DummySegmentedControlIOS extends React.Component {
-  render() {
-    return (
-      <View style={[styles.dummy, this.props.style]}>
-        <Text style={styles.text}>
-          SegmentedControlIOS is not supported on this platform!
-        </Text>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  dummy: {
-    width: 120,
-    height: 50,
-    backgroundColor: '#ffbcbc',
-    borderWidth: 1,
-    borderColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  text: {
-    color: '#333333',
-    margin: 5,
-    fontSize: 10,
-  },
-});
-
-module.exports = DummySegmentedControlIOS;

package/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js

@@ -1,123 +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 * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import type {OnChangeEvent} from './RCTSegmentedControlNativeComponent';
-import type {ViewProps} from '../View/ViewPropTypes';
-import RCTSegmentedControlNativeComponent from './RCTSegmentedControlNativeComponent';
-import type {SyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
-
-type SegmentedControlIOSProps = $ReadOnly<{|
-  ...ViewProps,
-  /**
-   * The labels for the control's segment buttons, in order.
-   *
-   * The default value is an empty array.
-   */
-  values?: $ReadOnlyArray<string>,
-  /**
-   * The index in `props.values` of the segment to be (pre)selected.
-   */
-  selectedIndex?: ?number,
-  /**
-   * If false the user won't be able to interact with the control.
-   *
-   * The default value is true.
-   */
-  enabled?: boolean,
-  /**
-   * Accent color of the control.
-   */
-  tintColor?: ?string,
-  /**
-   * If true, then selecting a segment won't persist visually.
-   * The `onValueChange` callback will still work as expected.
-   */
-  momentary?: ?boolean,
-  /**
-   * Callback that is called when the user taps a segment
-   */
-  onChange?: ?(event: SyntheticEvent<OnChangeEvent>) => void,
-  /**
-   * Callback that is called when the user taps a segment;
-   * passes the segment's value as an argument
-   */
-  onValueChange?: ?(value: number) => mixed,
-|}>;
-
-type Props = $ReadOnly<{|
-  ...SegmentedControlIOSProps,
-  forwardedRef: ?React.Ref<typeof RCTSegmentedControlNativeComponent>,
-|}>;
-
-/**
- * Use `SegmentedControlIOS` to render a UISegmentedControl iOS.
- *
- * #### Programmatically changing selected index
- *
- * The selected index can be changed on the fly by assigning the
- * selectedIndex prop to a state variable, then changing that variable.
- * Note that the state variable would need to be updated as the user
- * selects a value and changes the index, as shown in the example below.
- *
- * ````
- * <SegmentedControlIOS
- *   values={['One', 'Two']}
- *   selectedIndex={this.state.selectedIndex}
- *   onChange={(event) => {
- *     this.setState({selectedIndex: event.nativeEvent.selectedSegmentIndex});
- *   }}
- * />
- * ````
- */
-
-class SegmentedControlIOS extends React.Component<Props> {
-  _onChange = (event: SyntheticEvent<OnChangeEvent>) => {
-    this.props.onChange && this.props.onChange(event);
-    this.props.onValueChange &&
-      this.props.onValueChange(event.nativeEvent.value);
-  };
-
-  render() {
-    const {enabled, forwardedRef, onValueChange, style, values, ...props} =
-      this.props;
-    return (
-      <RCTSegmentedControlNativeComponent
-        {...props}
-        ref={forwardedRef}
-        style={[styles.segmentedControl, style]}
-        enabled={enabled !== false}
-        values={values ?? []}
-        onChange={this._onChange}
-      />
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  segmentedControl: {
-    height: 28,
-  },
-});
-
-const SegmentedControlIOSWithRef = React.forwardRef(
-  (
-    props: SegmentedControlIOSProps,
-    forwardedRef: ?React.Ref<typeof RCTSegmentedControlNativeComponent>,
-  ) => {
-    return <SegmentedControlIOS {...props} forwardedRef={forwardedRef} />;
-  },
-);
-
-/* $FlowFixMe[cannot-resolve-name] (>=0.89.0 site=react_native_ios_fb) This
- * comment suppresses an error found when Flow v0.89 was deployed. To see the
- * error, delete this comment and run Flow. */
-module.exports = (SegmentedControlIOSWithRef: NativeSegmentedControlIOS);

package/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.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 * as React from 'react';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import View from '../View/View';
-
-class DummySegmentedControlIOS extends React.Component {
-  render() {
-    return (
-      <View style={[styles.dummy, this.props.style]}>
-        <Text style={styles.text}>
-          SegmentedControlIOS is not supported on this platform!
-        </Text>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  dummy: {
-    width: 120,
-    height: 50,
-    backgroundColor: '#ffbcbc',
-    borderWidth: 1,
-    borderColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  text: {
-    color: '#333333',
-    margin: 5,
-    fontSize: 10,
-  },
-});
-
-module.exports = DummySegmentedControlIOS;