@office-iss/react-native-win32 0.72.8 → 0.73.0-preview.2

package/types/modules/globals.d.ts

@@ -67,7 +67,7 @@ declare interface WindowOrWorkerGlobalScope {
 interface Blob {
   readonly size: number;
   readonly type: string;
-  slice(start?: number, end?: number): Blob;
+  slice(start?: number, end?: number, contentType?: string): Blob;
 }
 
 interface BlobOptions {
@@ -80,6 +80,20 @@ declare var Blob: {
   new (blobParts?: Array<Blob | string>, options?: BlobOptions): Blob;
 };
 
+interface File extends Blob {
+  name: string;
+  lastModified: number;
+}
+
+declare var File: {
+  prototype: File;
+  new (
+    fileParts?: Array<Blob | string>,
+    name?: string,
+    options?: BlobOptions,
+  ): File;
+};
+
 type FormDataValue =
   | string
   | {name?: string | undefined; type?: string | undefined; uri: string};
@@ -173,6 +187,7 @@ declare interface Request extends Object, Body {
   readonly mode: RequestMode_;
   readonly referrer: string;
   readonly url: string;
+  readonly signal: AbortSignal | undefined;
   clone(): Request;
 }
 

package/IntegrationTests/BUCK

@@ -1,32 +0,0 @@
-load("@fbsource//tools/build_defs:js_library_glob.bzl", "js_library_glob")
-load("@fbsource//tools/build_defs/oss:metro_defs.bzl", "rn_library")
-
-# This file was generated by running
-# js1 build buckfiles
-
-rn_library(
-    name = "IntegrationTests",
-    srcs = js_library_glob(
-        [
-            "**/*",
-        ],
-        excludes = [
-            "**/__*__/**",
-            "**/*.command",
-            "**/*.md",
-            "websocket_integration_test_server.js",
-        ],
-    ),
-    labels = [
-        "pfh:ReactNative_CommonInfrastructurePlaceholder",
-    ],
-    skip_processors = True,
-    visibility = ["PUBLIC"],
-    deps = [
-        "//xplat/js:node_modules__invariant",
-        "//xplat/js:node_modules__nullthrows",
-        "//xplat/js/RKJSModules/vendor/react:react",
-        "//xplat/js/react-native-github:react-native",
-        "//xplat/js/react-native-github/packages/assets:assets",
-    ],
-)

package/IntegrationTests/PropertiesUpdateTest.js

@@ -1,29 +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';
-
-const React = require('react');
-const ReactNative = require('react-native');
-const {View} = ReactNative;
-
-const {TestModule} = ReactNative.NativeModules;
-
-class PropertiesUpdateTest extends React.Component {
-  render() {
-    if (this.props.markTestPassed) {
-      TestModule.markTestPassed(true);
-    }
-    return <View />;
-  }
-}
-
-PropertiesUpdateTest.displayName = 'PropertiesUpdateTest';
-
-module.exports = PropertiesUpdateTest;

package/IntegrationTests/RCTRootViewIntegrationTestApp.js

@@ -1,86 +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';
-
-const React = require('react');
-const ReactNative = require('react-native');
-
-const {AppRegistry, ScrollView, StyleSheet, Text, TouchableOpacity, View} =
-  ReactNative;
-
-/* Keep this list in sync with RCTRootViewIntegrationTests.m */
-const TESTS = [
-  require('./PropertiesUpdateTest'),
-  require('./ReactContentSizeUpdateTest'),
-  require('./SizeFlexibilityUpdateTest'),
-];
-
-TESTS.forEach(test =>
-  AppRegistry.registerComponent(test.displayName, () => test),
-);
-
-class RCTRootViewIntegrationTestApp extends React.Component {
-  state = {
-    test: null,
-  };
-
-  render() {
-    if (this.state.test) {
-      return (
-        <ScrollView>
-          <this.state.test />
-        </ScrollView>
-      );
-    }
-    return (
-      <View style={styles.container}>
-        <Text style={styles.row}>
-          Click on a test to run it in this shell for easier debugging and
-          development. Run all tests in the testing environment with cmd+U in
-          Xcode.
-        </Text>
-        <View style={styles.separator} />
-        <ScrollView>
-          {TESTS.map(test => [
-            <TouchableOpacity
-              onPress={() => this.setState({test})}
-              style={styles.row}>
-              <Text style={styles.testName}>{test.displayName}</Text>
-            </TouchableOpacity>,
-            <View style={styles.separator} />,
-          ])}
-        </ScrollView>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: 'white',
-    marginTop: 40,
-    margin: 15,
-  },
-  row: {
-    padding: 10,
-  },
-  testName: {
-    fontWeight: '500',
-  },
-  separator: {
-    height: 1,
-    backgroundColor: '#bbbbbb',
-  },
-});
-
-AppRegistry.registerComponent(
-  'RCTRootViewIntegrationTestApp',
-  () => RCTRootViewIntegrationTestApp,
-);

package/IntegrationTests/ReactContentSizeUpdateTest.js

@@ -1,89 +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
- */
-
-const RCTNativeAppEventEmitter = require('react-native/Libraries/EventEmitter/RCTNativeAppEventEmitter');
-const React = require('react');
-const ReactNative = require('react-native');
-
-const {View} = ReactNative;
-
-const {TestModule} = ReactNative.NativeModules;
-import {type EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
-
-const reactViewWidth = 101;
-const reactViewHeight = 102;
-const newReactViewWidth = 201;
-const newReactViewHeight = 202;
-
-type Props = {||};
-
-type State = {|
-  height: number,
-  width: number,
-|};
-
-class ReactContentSizeUpdateTest extends React.Component<Props, State> {
-  _timeoutID: ?TimeoutID = null;
-  _subscription: ?EventSubscription = null;
-
-  state: State = {
-    height: reactViewHeight,
-    width: reactViewWidth,
-  };
-
-  UNSAFE_componentWillMount() {
-    this._subscription = RCTNativeAppEventEmitter.addListener(
-      'rootViewDidChangeIntrinsicSize',
-      this.rootViewDidChangeIntrinsicSize,
-    );
-  }
-
-  componentDidMount() {
-    this._timeoutID = setTimeout(() => {
-      this.updateViewSize();
-    }, 1000);
-  }
-
-  componentWillUnmount() {
-    if (this._timeoutID != null) {
-      clearTimeout(this._timeoutID);
-    }
-
-    if (this._subscription != null) {
-      this._subscription.remove();
-    }
-  }
-
-  updateViewSize() {
-    this.setState({
-      height: newReactViewHeight,
-      width: newReactViewWidth,
-    });
-  }
-
-  rootViewDidChangeIntrinsicSize: (intrinsicSize: State) => void = (
-    intrinsicSize: State,
-  ) => {
-    if (
-      intrinsicSize.height === newReactViewHeight &&
-      intrinsicSize.width === newReactViewWidth
-    ) {
-      TestModule.markTestPassed(true);
-    }
-  };
-
-  render(): React.Node {
-    return (
-      <View style={{height: this.state.height, width: this.state.width}} />
-    );
-  }
-}
-
-module.exports = ReactContentSizeUpdateTest;

package/IntegrationTests/SizeFlexibilityUpdateTest.js

@@ -1,106 +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
- */
-
-const RCTNativeAppEventEmitter = require('react-native/Libraries/EventEmitter/RCTNativeAppEventEmitter');
-const React = require('react');
-const ReactNative = require('react-native');
-const {View} = ReactNative;
-
-const {TestModule} = ReactNative.NativeModules;
-import {type EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
-
-const reactViewWidth = 111;
-const reactViewHeight = 222;
-
-let finalState = false;
-
-type Props = $ReadOnly<{|
-  width: boolean,
-  height: boolean,
-  both: boolean,
-  none: boolean,
-|}>;
-
-class SizeFlexibilityUpdateTest extends React.Component<Props> {
-  _subscription: ?EventSubscription = null;
-
-  UNSAFE_componentWillMount() {
-    this._subscription = RCTNativeAppEventEmitter.addListener(
-      'rootViewDidChangeIntrinsicSize',
-      this.rootViewDidChangeIntrinsicSize,
-    );
-  }
-
-  componentWillUnmount() {
-    if (this._subscription != null) {
-      this._subscription.remove();
-    }
-  }
-
-  markPassed: () => void = () => {
-    TestModule.markTestPassed(true);
-    finalState = true;
-  };
-
-  rootViewDidChangeIntrinsicSize: (intrinsicSize: {
-    height: number,
-    width: number,
-    ...
-  }) => void = (intrinsicSize: {width: number, height: number, ...}) => {
-    if (finalState) {
-      // If a test reaches its final state, it is not expected to do anything more
-      TestModule.markTestPassed(false);
-      return;
-    }
-
-    if (this.props.both) {
-      if (
-        intrinsicSize.width === reactViewWidth &&
-        intrinsicSize.height === reactViewHeight
-      ) {
-        this.markPassed();
-        return;
-      }
-    }
-    if (this.props.height) {
-      if (
-        intrinsicSize.width !== reactViewWidth &&
-        intrinsicSize.height === reactViewHeight
-      ) {
-        this.markPassed();
-        return;
-      }
-    }
-    if (this.props.width) {
-      if (
-        intrinsicSize.width === reactViewWidth &&
-        intrinsicSize.height !== reactViewHeight
-      ) {
-        this.markPassed();
-        return;
-      }
-    }
-    if (this.props.none) {
-      if (
-        intrinsicSize.width !== reactViewWidth &&
-        intrinsicSize.height !== reactViewHeight
-      ) {
-        this.markPassed();
-        return;
-      }
-    }
-  };
-
-  render(): React.Node {
-    return <View style={{height: reactViewHeight, width: reactViewWidth}} />;
-  }
-}
-
-module.exports = SizeFlexibilityUpdateTest;

package/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfoWin32.js

@@ -1,37 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @format
- * @flow
- */
-
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +isReduceMotionEnabled: (
-    onSuccess: (isReduceMotionEnabled: boolean) => void,
-  ) => void;
-  +isTouchExplorationEnabled: (
-    onSuccess: (isScreenReaderEnabled: boolean) => void,
-  ) => void;
-  +isAccessibilityServiceEnabled?: ?(
-    onSuccess: (isAccessibilityServiceEnabled: boolean) => void,
-  ) => void;
-  +setAccessibilityFocus: (reactTag: number) => void;
-  +announceForAccessibility: (announcement: string) => void;
-  // [Win32
-  +announceForAccessibilityWithOptions?: (
-    announcement: string,
-    options: {queue?: boolean, nativeID?: string},
-  ) => void;
-  // Win32]
-  +getRecommendedTimeoutMillis?: (
-    mSec: number,
-    onSuccess: (recommendedTimeoutMillis: number) => void,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('AccessibilityInfo'): ?Spec);

package/Libraries/Components/TextInput/TextInput.Types.win32.d.ts

@@ -1,51 +0,0 @@
-import { NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';
-interface IChangePayload {
-    eventCount: number;
-    target: number;
-    text: string;
-}
-export type IChangeEvent = NativeSyntheticEvent<Readonly<IChangePayload>>;
-interface IRange {
-    start: number;
-    end: number;
-}
-interface ITextInputPayload {
-    eventCount: number;
-    previousText: string;
-    range: Readonly<IRange>;
-    target: number;
-    text: number;
-}
-export type ITextInputevent = NativeSyntheticEvent<Readonly<ITextInputPayload>>;
-interface IContentSize {
-    width: number;
-    height: number;
-}
-interface IContentSizeChangePayload {
-    target: number;
-    contentSize: Readonly<IContentSize>;
-}
-export type IContentSizeChangeEvent = NativeSyntheticEvent<Readonly<IContentSizeChangePayload>>;
-export type IBlurEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;
-export type IFocusEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;
-export interface ISelection extends IRange {
-}
-interface ISelectionPayload {
-    selection: ISelection;
-    target: number;
-}
-export type ISelectionChangeEvent = NativeSyntheticEvent<Readonly<ISelectionPayload>>;
-interface IKeyPressPayload {
-    key: string;
-    target?: number;
-    eventCount?: number;
-}
-export type IKeyPressEvent = NativeSyntheticEvent<Readonly<IKeyPressPayload>>;
-interface IEditingPayload {
-    eventCount: number;
-    text: string;
-    target: number;
-}
-export type IEditingEvent = NativeSyntheticEvent<Readonly<IEditingPayload>>;
-export type IPasswordRules = string;
-export {};

package/Libraries/Components/TextInput/TextInput.Types.win32.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=TextInput.Types.win32.js.map

package/Libraries/Components/TextInput/TextInput.Types.win32.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.Types.win32.js","sourceRoot":"","sources":["../../../src/Libraries/Components/TextInput/TextInput.Types.win32.ts"],"names":[],"mappings":"","sourcesContent":["import { NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';\n\n// TODO: How do we keep in sync with synthetic events\n\ninterface IChangePayload {\n  eventCount: number;\n  target: number;\n  text: string;\n}\nexport type IChangeEvent = NativeSyntheticEvent<Readonly<IChangePayload>>;\n\ninterface IRange {\n  start: number;\n  end: number;\n}\ninterface ITextInputPayload {\n  eventCount: number;\n  previousText: string;\n  range: Readonly<IRange>;\n  target: number;\n  text: number;\n}\nexport type ITextInputevent = NativeSyntheticEvent<Readonly<ITextInputPayload>>;\n\ninterface IContentSize {\n  width: number;\n  height: number;\n}\ninterface IContentSizeChangePayload {\n  target: number;\n  contentSize: Readonly<IContentSize>;\n}\nexport type IContentSizeChangeEvent = NativeSyntheticEvent<Readonly<IContentSizeChangePayload>>;\n\n// TODO: Why doesn't this guy work\n// interface ITargetPayload {\n//   target: number;\n// }\n\n// type ITargetEvent = NativeSyntheticEvent<Readonly<ITargetPayload>>;\n\nexport type IBlurEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;\nexport type IFocusEvent = NativeSyntheticEvent<Readonly<TextInputFocusEventData>>;\n\nexport interface ISelection extends IRange { }\ninterface ISelectionPayload {\n  selection: ISelection;\n  target: number;\n}\nexport type ISelectionChangeEvent = NativeSyntheticEvent<Readonly<ISelectionPayload>>;\n\n// TODO: Why is this one diffferent?\ninterface IKeyPressPayload {\n  key: string;\n  target?: number;\n  eventCount?: number;\n}\nexport type IKeyPressEvent = NativeSyntheticEvent<Readonly<IKeyPressPayload>>;\n\ninterface IEditingPayload {\n  eventCount: number;\n  text: string;\n  target: number;\n}\nexport type IEditingEvent = NativeSyntheticEvent<Readonly<IEditingPayload>>;\n\n// TODO: Why do I need this one\nexport type IPasswordRules = string;\n"]}

package/Libraries/Utilities/AcessibilityMapping.js

@@ -1,154 +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
- */
-
-'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 undefined;
-    case 'application':
-      return undefined;
-    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 undefined;
-    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 undefined;
-    case 'heading':
-      return 'header';
-    case 'img':
-      return 'image';
-    case 'link':
-      return 'link';
-    case 'list':
-      return 'list';
-    case 'listitem':
-      return undefined;
-    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 'none';
-    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 undefined;
-    case 'term':
-      return undefined;
-    case 'timer':
-      return 'timer';
-    case 'toolbar':
-      return 'toolbar';
-    case 'tooltip':
-      return undefined;
-    case 'tree':
-      return undefined;
-    case 'treegrid':
-      return undefined;
-    case 'treeitem':
-      return undefined;
-  }
-
-  return undefined;
-}