@office-iss/react-native-win32 0.71.0-preview.2 → 0.71.1

package/Libraries/Image/Image.win32.js

@@ -25,7 +25,6 @@ import ImageInjection from './ImageInjection';
 import {getImageSourcesFromImageProps} from './ImageSourceUtils';
 import {convertObjectFitToResizeMode} from './ImageUtils';
 import ImageViewNativeComponent from './ImageViewNativeComponent';
-import NativeImageLoaderIOS from './NativeImageLoaderIOS';
 import resolveAssetSource from './resolveAssetSource';
 import * as React from 'react';
 

package/Libraries/Image/ImageSource.js

@@ -11,8 +11,6 @@
 'use strict';
 
 /**
- * Keep this in sync with `DeprecatedImageSourcePropType.js`.
- *
  * This type is intentionally inexact in order to permit call sites that supply
  * extra properties.
  */

package/Libraries/Lists/FlatList.d.ts

@@ -19,48 +19,6 @@ import {ViewStyle} from '../StyleSheet/StyleSheetTypes';
 import {View} from '../Components/View/View';
 
 export interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
-  /**
-   * Rendered in between each item, but not at the top or bottom
-   */
-  ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;
-
-  /**
-   * Rendered when the list is empty.
-   */
-  ListEmptyComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Rendered at the very end of the list.
-   */
-  ListFooterComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Styling for internal View for ListFooterComponent
-   */
-  ListFooterComponentStyle?: StyleProp<ViewStyle> | undefined;
-
-  /**
-   * Rendered at the very beginning of the list.
-   */
-  ListHeaderComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Styling for internal View for ListHeaderComponent
-   */
-  ListHeaderComponentStyle?: StyleProp<ViewStyle> | undefined;
-
   /**
    * Optional custom style for multi-item rows generated when numColumns > 1
    */
@@ -248,6 +206,7 @@ export class FlatList<ItemT = any> extends React.Component<
   scrollToItem: (params: {
     animated?: boolean | null | undefined;
     item: ItemT;
+    viewOffset?: number | undefined;
     viewPosition?: number | undefined;
   }) => void;
 

package/Libraries/Lists/FlatList.js

@@ -334,6 +334,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
   scrollToItem(params: {
     animated?: ?boolean,
     item: ItemT,
+    viewOffset?: number,
     viewPosition?: number,
     ...
   }) {

package/Libraries/Lists/SectionList.d.ts

@@ -61,48 +61,6 @@ export type SectionListRenderItem<ItemT, SectionT = DefaultSectionT> = (
 
 export interface SectionListProps<ItemT, SectionT = DefaultSectionT>
   extends VirtualizedListWithoutRenderItemProps<ItemT> {
-  /**
-   * Rendered in between adjacent Items within each section.
-   */
-  ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;
-
-  /**
-   * Rendered when the list is empty.
-   */
-  ListEmptyComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Rendered at the very end of the list.
-   */
-  ListFooterComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Styling for internal View for ListFooterComponent
-   */
-  ListFooterComponentStyle?: StyleProp<ViewStyle> | undefined | null;
-
-  /**
-   * Rendered at the very beginning of the list.
-   */
-  ListHeaderComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Styling for internal View for ListHeaderComponent
-   */
-  ListHeaderComponentStyle?: StyleProp<ViewStyle> | undefined | null;
-
   /**
    * Rendered in between each section.
    */

package/Libraries/Lists/VirtualizedList.d.ts

@@ -9,7 +9,14 @@
 
 import type * as React from 'react';
 import type {LayoutChangeEvent} from '../../types';
-import type {ScrollViewProps} from '../Components/ScrollView/ScrollView';
+import {StyleProp} from '../StyleSheet/StyleSheet';
+import {ViewStyle} from '../StyleSheet/StyleSheetTypes';
+import type {
+  ScrollResponderMixin,
+  ScrollView,
+  ScrollViewProps,
+} from '../Components/ScrollView/ScrollView';
+import type {View} from '../Components/View/View';
 
 export interface ViewToken {
   item: any;
@@ -96,6 +103,7 @@ export class VirtualizedList<ItemT> extends React.Component<
   scrollToItem: (params: {
     animated?: boolean | undefined;
     item: ItemT;
+    viewOffset?: number | undefined;
     viewPosition?: number | undefined;
   }) => void;
 
@@ -111,6 +119,13 @@ export class VirtualizedList<ItemT> extends React.Component<
   }) => void;
 
   recordInteraction: () => void;
+
+  getScrollRef: () =>
+    | React.ElementRef<typeof ScrollView>
+    | React.ElementRef<typeof View>
+    | null;
+
+  getScrollResponder: () => ScrollResponderMixin | null;
 }
 
 /**
@@ -124,6 +139,11 @@ export interface VirtualizedListProps<ItemT>
 
 export interface VirtualizedListWithoutRenderItemProps<ItemT>
   extends ScrollViewProps {
+  /**
+   * Rendered in between each item, but not at the top or bottom
+   */
+  ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;
+
   /**
    * Rendered when the list is empty. Can be a React Component Class, a render function, or
    * a rendered element.
@@ -144,6 +164,11 @@ export interface VirtualizedListWithoutRenderItemProps<ItemT>
     | null
     | undefined;
 
+  /**
+   * Styling for internal View for ListFooterComponent
+   */
+  ListFooterComponentStyle?: StyleProp<ViewStyle> | undefined;
+
   /**
    * Rendered at the top of all the items. Can be a React Component Class, a render function, or
    * a rendered element.
@@ -154,6 +179,11 @@ export interface VirtualizedListWithoutRenderItemProps<ItemT>
     | null
     | undefined;
 
+  /**
+   * Styling for internal View for ListHeaderComponent
+   */
+  ListHeaderComponentStyle?: StyleProp<ViewStyle> | undefined;
+
   /**
    * The default accessor functions assume this is an Array<{key: string}> but you can override
    * getItem, getItemCount, and keyExtractor to handle any type of index-based data.

package/Libraries/Lists/VirtualizedList.js

@@ -263,6 +263,7 @@ export default class VirtualizedList extends StateSafePureComponent<
   scrollToItem(params: {
     animated?: ?boolean,
     item: Item,
+    viewOffset?: number,
     viewPosition?: number,
     ...
   }) {

package/Libraries/PermissionsAndroid/PermissionsAndroid.js

@@ -75,7 +75,8 @@ const PERMISSIONS = Object.freeze({
   ANSWER_PHONE_CALLS: 'android.permission.ANSWER_PHONE_CALLS',
   READ_PHONE_NUMBERS: 'android.permission.READ_PHONE_NUMBERS',
   UWB_RANGING: 'android.permission.UWB_RANGING',
-  POST_NOTIFICATION: 'android.permission.POST_NOTIFICATIONS',
+  POST_NOTIFICATION: 'android.permission.POST_NOTIFICATIONS', // Remove in 0.72
+  POST_NOTIFICATIONS: 'android.permission.POST_NOTIFICATIONS',
   NEARBY_WIFI_DEVICES: 'android.permission.NEARBY_WIFI_DEVICES',
 });
 
@@ -106,7 +107,8 @@ class PermissionsAndroid {
     CAMERA: string,
     GET_ACCOUNTS: string,
     NEARBY_WIFI_DEVICES: string,
-    POST_NOTIFICATION: string,
+    POST_NOTIFICATION: string, // Remove in 0.72
+    POST_NOTIFICATIONS: string,
     PROCESS_OUTGOING_CALLS: string,
     READ_CALENDAR: string,
     READ_CALL_LOG: string,

package/Libraries/Pressability/Pressability.win32.js

@@ -596,7 +596,7 @@ export default class Pressability {
           (event.nativeEvent.code === 'Space' ||
             event.nativeEvent.code === 'Enter' ||
             event.nativeEvent.code === 'GamepadA') &&
-          event.defaultPrevented != true
+          event.defaultPrevented !== true
         ) {
           const {onPressOut, onPress} = this._config;
           // $FlowFixMe: PressEvents don't mesh with keyboarding APIs. Keep legacy behavior of passing KeyEvents instead
@@ -613,7 +613,7 @@ export default class Pressability {
           (event.nativeEvent.code === 'Space' ||
             event.nativeEvent.code === 'Enter' ||
             event.nativeEvent.code === 'GamepadA') &&
-          event.defaultPrevented != true
+          event.defaultPrevented !== true
         ) {
           const {onPressIn} = this._config;
           // $FlowFixMe: PressEvents don't mesh with keyboarding APIs. Keep legacy behavior of passing KeyEvents instead

package/Libraries/PushNotificationIOS/PushNotificationIOS.d.ts

@@ -49,6 +49,11 @@ export interface PushNotification {
    */
   getData(): Object;
 
+  /**
+   * Gets the thread ID on the notif
+   */
+  getThreadId(): string;
+
   /**
    * iOS Only
    * Signifies remote notification handling is complete
@@ -135,6 +140,21 @@ export interface PushNotificationIOSStatic {
    */
   cancelAllLocalNotifications(): void;
 
+  /**
+   * Remove all delivered notifications from Notification Center.
+   */
+  removeAllDeliveredNotifications(): void;
+
+  /**
+   * Provides you with a list of the app’s notifications that are still displayed in Notification Center.
+   */
+  getDeliveredNotifications(callback: (notifications: Object[]) => void): void;
+
+  /**
+   * Removes the specified notifications from Notification Center
+   */
+  removeDeliveredNotifications(identifiers: string[]): void;
+
   /**
    * Cancel local notifications.
    * Optionally restricts the set of canceled notifications to those notifications whose userInfo fields match the corresponding fields in the userInfo argument.

package/Libraries/ReactNative/AppRegistry.d.ts

@@ -8,9 +8,12 @@
  */
 
 import type * as React from 'react';
+import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
 type Task = (taskData: any) => Promise<void>;
 type TaskProvider = () => Task;
+type TaskCanceller = () => void;
+type TaskCancelProvider = () => TaskCanceller;
 
 export type ComponentProvider = () => React.ComponentType<any>;
 
@@ -22,6 +25,15 @@ export type AppConfig = {
   run?: Runnable | undefined;
 };
 
+export type ComponentProviderInstrumentationHook = (
+  component: ComponentProvider,
+  scopedPerformanceLogger: IPerformanceLogger,
+) => React.ComponentType<any>;
+
+export type WrapperComponentProvider = (
+  appParameters: any,
+) => React.ComponentType<any>;
+
 /**
  * `AppRegistry` is the JS entry point to running all React Native apps.  App
  * root components should register themselves with
@@ -38,17 +50,31 @@ export type AppConfig = {
  * `require`d.
  */
 export namespace AppRegistry {
+  export function setWrapperComponentProvider(
+    provider: WrapperComponentProvider,
+  ): void;
+
   export function registerConfig(config: AppConfig[]): void;
 
   export function registerComponent(
     appKey: string,
     getComponentFunc: ComponentProvider,
+    section?: boolean,
   ): string;
 
   export function registerRunnable(appKey: string, func: Runnable): string;
 
+  export function registerSection(
+    appKey: string,
+    component: ComponentProvider,
+  ): void;
+
   export function getAppKeys(): string[];
 
+  export function getSectionKeys(): string[];
+
+  export function getSections(): Record<string, Runnable>;
+
   export function unmountApplicationComponentAtRootTag(rootTag: number): void;
 
   export function runApplication(appKey: string, appParameters: any): void;
@@ -65,4 +91,29 @@ export namespace AppRegistry {
   ): void;
 
   export function getRunnable(appKey: string): Runnable | undefined;
+
+  export function getRegistry(): {sections: string[]; runnables: Runnable[]};
+
+  export function setComponentProviderInstrumentationHook(
+    hook: ComponentProviderInstrumentationHook,
+  ): void;
+
+  export function registerHeadlessTask(
+    taskKey: string,
+    taskProvider: TaskProvider,
+  ): void;
+
+  export function registerCancellableHeadlessTask(
+    taskKey: string,
+    taskProvider: TaskProvider,
+    taskCancelProvider: TaskCancelProvider,
+  ): void;
+
+  export function startHeadlessTask(
+    taskId: number,
+    taskKey: string,
+    data: any,
+  ): void;
+
+  export function cancelHeadlessTask(taskId: number, taskKey: string): void;
 }

package/Libraries/ReactNative/AppRegistry.js

@@ -51,7 +51,9 @@ export type Registry = {
   runnables: Runnables,
   ...
 };
-export type WrapperComponentProvider = any => React$ComponentType<any>;
+export type WrapperComponentProvider = (
+  appParameters: any,
+) => React$ComponentType<any>;
 
 const runnables: Runnables = {};
 let runCount = 1;

package/Libraries/ReactNative/RootTag.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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';
+
+export type RootTag = number;
+export const RootTagContext: React.Context<RootTag>;

package/Libraries/StyleSheet/StyleSheet.d.ts

@@ -87,9 +87,13 @@ export namespace StyleSheet {
    * an array, saving allocations and maintaining reference equality for
    * PureComponent checks.
    */
-  export function compose<T>(
-    style1: StyleProp<T> | Array<StyleProp<T>>,
-    style2: StyleProp<T> | Array<StyleProp<T>>,
+  export function compose<
+    T extends ViewStyle | TextStyle | ImageStyle,
+    U extends T,
+    V extends T,
+  >(
+    style1: StyleProp<U> | Array<StyleProp<U>>,
+    style2: StyleProp<V> | Array<StyleProp<V>>,
   ): StyleProp<T>;
 
   /**

package/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -236,7 +236,6 @@ export interface ViewStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle {
   borderTopWidth?: number | undefined;
   borderWidth?: number | undefined;
   opacity?: number | undefined;
-  testID?: string | undefined;
   /**
    * Sets the elevation of a view, using Android's underlying
    * [elevation API](https://developer.android.com/training/material/shadows-clipping.html#Elevation).

package/Libraries/Utilities/AcessibilityMapping.win32.js

@@ -0,0 +1,156 @@
+/**
+ * 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
+ */
+
+'use strict';
+
+import type {
+  AccessibilityRole,
+  Role,
+} from '../Components/View/ViewAccessibility';
+
+// Map role values to AccessibilityRole values
+export function getAccessibilityRoleFromRole(role: Role): ?AccessibilityRole {
+  switch (role) {
+    case 'alert':
+      return 'alert';
+    case 'alertdialog':
+      return 'alertdialog'; // Win32
+    case 'application':
+      return 'application'; // Win32
+    case 'article':
+      return undefined;
+    case 'banner':
+      return undefined;
+    case 'button':
+      return 'button';
+    case 'cell':
+      return undefined;
+    case 'checkbox':
+      return 'checkbox';
+    case 'columnheader':
+      return undefined;
+    case 'combobox':
+      return 'combobox';
+    case 'complementary':
+      return undefined;
+    case 'contentinfo':
+      return undefined;
+    case 'definition':
+      return undefined;
+    case 'dialog':
+      return 'dialog'; // Win32
+    case 'directory':
+      return undefined;
+    case 'document':
+      return undefined;
+    case 'feed':
+      return undefined;
+    case 'figure':
+      return undefined;
+    case 'form':
+      return undefined;
+    case 'grid':
+      return 'grid';
+    case 'group':
+      return 'group'; // Win32
+    case 'heading':
+      return 'header';
+    case 'img':
+      return 'image';
+    case 'link':
+      return 'link';
+    case 'list':
+      return 'list';
+    case 'listitem':
+      return 'listitem'; // Win32
+    case 'log':
+      return undefined;
+    case 'main':
+      return undefined;
+    case 'marquee':
+      return undefined;
+    case 'math':
+      return undefined;
+    case 'menu':
+      return 'menu';
+    case 'menubar':
+      return 'menubar';
+    case 'menuitem':
+      return 'menuitem';
+    case 'meter':
+      return undefined;
+    case 'navigation':
+      return undefined;
+    case 'none':
+      return 'none';
+    case 'note':
+      return undefined;
+    case 'option':
+      return undefined;
+    case 'presentation':
+      return 'presentation'; // Win32
+    case 'progressbar':
+      return 'progressbar';
+    case 'radio':
+      return 'radio';
+    case 'radiogroup':
+      return 'radiogroup';
+    case 'region':
+      return undefined;
+    case 'row':
+      return undefined;
+    case 'rowgroup':
+      return undefined;
+    case 'rowheader':
+      return undefined;
+    case 'scrollbar':
+      return 'scrollbar';
+    case 'searchbox':
+      return 'search';
+    case 'separator':
+      return undefined;
+    case 'slider':
+      return 'adjustable';
+    case 'spinbutton':
+      return 'spinbutton';
+    case 'status':
+      return undefined;
+    case 'summary':
+      return 'summary';
+    case 'switch':
+      return 'switch';
+    case 'tab':
+      return 'tab';
+    case 'table':
+      return undefined;
+    case 'tablist':
+      return 'tablist';
+    case 'tabpanel':
+      return 'tabpanel'; // Win32
+    case 'term':
+      return undefined;
+    case 'textbox': // Win32
+      return 'textbox'; // Win32
+    case 'timer':
+      return 'timer';
+    case 'toolbar':
+      return 'toolbar';
+    case 'tooltip':
+      return undefined;
+    case 'tree':
+      return 'tree'; // Win32
+    case 'treegrid':
+      return undefined;
+    case 'treeitem':
+      return 'treeitem'; // Win32
+  }
+
+  return undefined;
+}

package/Libraries/Utilities/createPerformanceLogger.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 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
+ */
+
+export type Timespan = {
+  startTime: number;
+  endTime?: number;
+  totalTime?: number;
+  startExtras?: Extras;
+  endExtras?: Extras;
+};
+
+// Extra values should be serializable primitives
+export type ExtraValue = number | string | boolean;
+
+export type Extras = {[key: string]: ExtraValue};
+
+export interface IPerformanceLogger {
+  addTimespan(
+    key: string,
+    startTime: number,
+    endTime: number,
+    startExtras?: Extras,
+    endExtras?: Extras,
+  ): void;
+  append(logger: IPerformanceLogger): void;
+  clear(): void;
+  clearCompleted(): void;
+  close(): void;
+  currentTimestamp(): number;
+  getExtras(): {[key: string]: ExtraValue | null};
+  getPoints(): {[key: string]: number | null};
+  getPointExtras(): {[key: string]: Extras | null};
+  getTimespans(): {[key: string]: Timespan | null};
+  hasTimespan(key: string): boolean;
+  isClosed(): boolean;
+  logEverything(): void;
+  markPoint(key: string, timestamp?: number, extras?: Extras): void;
+  removeExtra(key: string): ExtraValue | null;
+  setExtra(key: string, value: ExtraValue): void;
+  startTimespan(key: string, timestamp?: number, extras?: Extras): void;
+  stopTimespan(key: string, timestamp?: number, extras?: Extras): void;
+}

package/Libraries/Vibration/Vibration.d.ts

@@ -31,7 +31,7 @@
  * V(fixed) --wait(1s)--> V(fixed) --wait(2s)--> V(fixed) --wait(3s)--> V(fixed)
  */
 export interface VibrationStatic {
-  vibrate(pattern?: number | number[] | null, repeat?: boolean | null): void;
+  vibrate(pattern?: number | number[], repeat?: boolean): void;
 
   /**
    * Stop vibration

package/Libraries/__tests__/ButtonWin32-test.js

@@ -4,7 +4,7 @@
 const React = require('react');
 const ReactTestRenderer = require('react-test-renderer');
 
-const {ButtonWin32} = require('../Components/Button/ButtonWin32');
+const {ButtonWin32} = require('@office-iss/react-native-win32');
 
 describe('ButtonWin32', () => {
   it('renders native component', () => {

package/Libraries/platform-types.d.ts

@@ -5,19 +5,13 @@
 *        need to also be added to index.win32.js
 */
 
-export type { 
-      AccessibilityActionInfo,
-      AccessibilityActionName,
-      AccessibilityState
-} from './Components/View/ViewWin32.Props';
-export * from './Components/View/ViewWin32.Props';
-export * from './Components/View/ViewWin32';
-export * from './Components/Text/TextWin32.Props';
-export * from './Components/Text/TextWin32';
-export * from './Components/Button/ButtonWin32.Props';
-export * from './Components/Button/ButtonWin32';
-export * from './StyleSheet/PlatformColorValueTypesWin32';
-export * from './Components/Touchable/TouchableWin32.Props';
+export {ViewWin32} from './Components/View/ViewWin32';
+export {TextWin32TextStyle, ITextWin32Props } from './Components/Text/TextWin32.Props';
+export {TextWin32} from './Components/Text/TextWin32';
+export {IButtonWin32Props, IButtonWin32Style} from './Components/Button/ButtonWin32.Props';
+export {ButtonWin32} from './Components/Button/ButtonWin32';
+export {GradientColorStop, GradientColorValueWin32, ColorGradientWin32} from './StyleSheet/PlatformColorValueTypesWin32';
+export {ITouchableWin32Props} from './Components/Touchable/TouchableWin32.Props';
 export * from './Components/Touchable/TouchableWin32.Types';
 export * from './Components/Touchable/TouchableWin32';
 export * from './PersonaCoin/PersonaCoin';