npm - @office-iss/react-native-win32 - Versions diffs - 0.0.0-canary.297 → 0.0.0-canary.299 - Mend

@office-iss/react-native-win32 0.0.0-canary.297 → 0.0.0-canary.299

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (456) hide show

package/Libraries/Animated/nodes/AnimatedStyle.js CHANGED Viewed

@@ -13,7 +13,6 @@ import type {AnimatedNodeConfig} from './AnimatedNode';
 import {validateStyles} from '../../../src/private/animated/NativeAnimatedValidation';
 import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
-import flattenStyle from '../../StyleSheet/flattenStyle';
 import Platform from '../../Utilities/Platform';
 import AnimatedNode from './AnimatedNode';
 import AnimatedObject from './AnimatedObject';
@@ -22,8 +21,11 @@ import AnimatedWithChildren from './AnimatedWithChildren';
 export type AnimatedStyleAllowlist = $ReadOnly<{[string]: true}>;
+type FlatStyle = {[string]: mixed};
+type FlatStyleForWeb<TStyle: FlatStyle> = [mixed, TStyle];
 function createAnimatedStyle(
-  inputStyle: {[string]: mixed},
+  flatStyle: FlatStyle,
   allowlist: ?AnimatedStyleAllowlist,
   keepUnanimatedValues: boolean,
 ): [$ReadOnlyArray<string>, $ReadOnlyArray<AnimatedNode>, {[string]: mixed}] {
@@ -31,10 +33,10 @@ function createAnimatedStyle(
   const nodes: Array<AnimatedNode> = [];
   const style: {[string]: mixed} = {};
-  const keys = Object.keys(inputStyle);
+  const keys = Object.keys(flatStyle);
   for (let ii = 0, length = keys.length; ii < length; ii++) {
     const key = keys[ii];
-    const value = inputStyle[key];
+    const value = flatStyle[key];
     if (allowlist == null || hasOwn(allowlist, key)) {
       let node;
@@ -62,10 +64,10 @@ function createAnimatedStyle(
         // WARNING: This is a potentially expensive check that we should only
         // do in development. Without this check in development, it might be
         // difficult to identify which styles need to be allowlisted.
-        if (AnimatedObject.from(inputStyle[key]) != null) {
+        if (AnimatedObject.from(flatStyle[key]) != null) {
           console.error(
-            `AnimatedStyle: ${key} is not allowlisted for animation, but it ` +
-              'contains AnimatedNode values; styles allowing animation: ',
+            `AnimatedStyle: ${key} is not allowlisted for animation, but ` +
+              'it contains AnimatedNode values; styles allowing animation: ',
             allowlist,
           );
         }
@@ -80,7 +82,7 @@ function createAnimatedStyle(
 }
 export default class AnimatedStyle extends AnimatedWithChildren {
-  #inputStyle: any;
+  #originalStyleForWeb: ?mixed;
   #nodeKeys: $ReadOnlyArray<string>;
   #nodes: $ReadOnlyArray<AnimatedNode>;
   #style: {[string]: mixed};
@@ -90,10 +92,10 @@ export default class AnimatedStyle extends AnimatedWithChildren {
    * Otherwise, returns `null`.
    */
   static from(
-    inputStyle: any,
+    flatStyle: ?FlatStyle,
     allowlist: ?AnimatedStyleAllowlist,
+    originalStyleForWeb: ?mixed,
   ): ?AnimatedStyle {
-    const flatStyle = flattenStyle(inputStyle);
     if (flatStyle == null) {
       return null;
     }
@@ -105,24 +107,31 @@ export default class AnimatedStyle extends AnimatedWithChildren {
     if (nodes.length === 0) {
       return null;
     }
-    return new AnimatedStyle(nodeKeys, nodes, style, inputStyle);
+    return new AnimatedStyle(nodeKeys, nodes, style, originalStyleForWeb);
   }
   constructor(
     nodeKeys: $ReadOnlyArray<string>,
     nodes: $ReadOnlyArray<AnimatedNode>,
     style: {[string]: mixed},
-    inputStyle: any,
+    originalStyleForWeb: ?mixed,
     config?: ?AnimatedNodeConfig,
   ) {
     super(config);
     this.#nodeKeys = nodeKeys;
     this.#nodes = nodes;
     this.#style = style;
-    this.#inputStyle = inputStyle;
+    if ((Platform.OS as string) === 'web') {
+      // $FlowIgnore[cannot-write] - Intentional shadowing.
+      this.__getValueForStyle = resultStyle => [
+        originalStyleForWeb,
+        resultStyle,
+      ];
+    }
   }
-  __getValue(): Object | Array<Object> {
+  __getValue(): FlatStyleForWeb<FlatStyle> | FlatStyle {
     const style: {[string]: mixed} = {};
     const keys = Object.keys(this.#style);
@@ -137,27 +146,23 @@ export default class AnimatedStyle extends AnimatedWithChildren {
       }
     }
-    /* $FlowFixMe[incompatible-type] Error found due to incomplete typing of
-     * Platform.flow.js */
-    return Platform.OS === 'web' ? [this.#inputStyle, style] : style;
+    return this.__getValueForStyle(style);
   }
   /**
-   * Creates a new `style` object that contains the same style properties as
-   * the supplied `staticStyle` object, except with animated nodes for any
-   * style properties that were created by this `AnimatedStyle` instance.
+   * See the constructor, where this is shadowed on web platforms.
    */
-  __getValueWithStaticStyle(staticStyle: Object): Object | Array<Object> {
-    const flatStaticStyle = flattenStyle(staticStyle);
-    const style: {[string]: mixed} =
-      flatStaticStyle == null
-        ? {}
-        : flatStaticStyle === staticStyle
-          ? // Copy the input style, since we'll mutate it below.
-            {...flatStaticStyle}
-          : // Reuse `flatStaticStyle` if it is a newly created object.
-            flatStaticStyle;
+  __getValueForStyle<TStyle: FlatStyle>(
+    style: TStyle,
+  ): FlatStyleForWeb<TStyle> | TStyle {
+    return style;
+  }
+  /**
+   * Mutates the supplied `style` object such that animated nodes are replaced
+   * with rasterized values.
+   */
+  __replaceAnimatedNodeWithValues(style: {[string]: mixed}): void {
     const keys = Object.keys(style);
     for (let ii = 0, length = keys.length; ii < length; ii++) {
       const key = keys[ii];
@@ -175,10 +180,6 @@ export default class AnimatedStyle extends AnimatedWithChildren {
         style[key] = maybeNode.__getValue();
       }
     }
-    /* $FlowFixMe[incompatible-type] Error found due to incomplete typing of
-     * Platform.flow.js */
-    return Platform.OS === 'web' ? [this.#inputStyle, style] : style;
   }
   __getAnimatedValue(): Object {

package/Libraries/AppState/NativeAppState.js CHANGED Viewed

@@ -10,4 +10,5 @@
 export * from '../../src/private/specs_DEPRECATED/modules/NativeAppState';
 import NativeAppState from '../../src/private/specs_DEPRECATED/modules/NativeAppState';
 export default NativeAppState;

package/Libraries/BatchedBridge/BatchedBridge.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 'use strict';

package/Libraries/BatchedBridge/NativeModules.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 'use strict';

package/Libraries/Blob/BlobManager.js CHANGED Viewed

@@ -86,8 +86,12 @@ class BlobManager {
     });
     const size = items.reduce((acc, curr) => {
       if (curr.type === 'string') {
+        /* $FlowFixMe[incompatible-call] Natural Inference rollout. See
+         * https://fburl.com/workplace/6291gfvu */
         return acc + global.unescape(encodeURI(curr.data)).length;
       } else {
+        /* $FlowFixMe[prop-missing] Natural Inference rollout. See
+         * https://fburl.com/workplace/6291gfvu */
         return acc + curr.data.size;
       }
     }, 0);

package/Libraries/Blob/NativeBlobModule.js CHANGED Viewed

@@ -10,4 +10,5 @@
 export * from '../../src/private/specs_DEPRECATED/modules/NativeBlobModule';
 import NativeBlobModule from '../../src/private/specs_DEPRECATED/modules/NativeBlobModule';
 export default NativeBlobModule;

package/Libraries/Blob/NativeFileReaderModule.js CHANGED Viewed

@@ -10,4 +10,5 @@
 export * from '../../src/private/specs_DEPRECATED/modules/NativeFileReaderModule';
 import NativeFileReaderModule from '../../src/private/specs_DEPRECATED/modules/NativeFileReaderModule';
 export default NativeFileReaderModule;

package/Libraries/Blob/URL.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 import type Blob from './Blob';

package/Libraries/Blob/URLSearchParams.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 // Small subset from whatwg-url: https://github.com/jsdom/whatwg-url/tree/master/src
@@ -13,6 +13,10 @@
 export class URLSearchParams {
   _searchParams: Map<string, string[]> = new Map();
+  get size(): number {
+    return this._searchParams.size;
+  }
   constructor(params?: Record<string, string> | string | [string, string][]) {
     if (params === null) {
       return;

package/Libraries/Blob/URLSearchParams.js.flow CHANGED Viewed

@@ -4,12 +4,13 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 declare export class URLSearchParams {
   _searchParams: Array<[string, string]>;
+  +size: number;
   constructor(
     params?: Record<string, string> | string | Array<[string, string]>,
   ): void;

package/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js CHANGED Viewed

@@ -9,5 +9,4 @@
  */
 export * from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfo';
-import NativeAccessibilityInfo from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfo';
-export default NativeAccessibilityInfo;
+export {default} from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfo';

package/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfoWin32.js CHANGED Viewed

@@ -7,5 +7,4 @@
  */
 export * from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfoWin32';
-import NativeAccessibilityInfoWin32 from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfoWin32';
-export default NativeAccessibilityInfoWin32;
+export {default} from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityInfoWin32';

package/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js CHANGED Viewed

@@ -9,5 +9,4 @@
  */
 export * from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityManager';
-import NativeAccessibilityManager from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityManager';
-export default NativeAccessibilityManager;
+export {default} from '../../../src/private/specs_DEPRECATED/modules/NativeAccessibilityManager';

package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.android.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 import UIManager from '../../ReactNative/UIManager';

package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.ios.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 import NativeAccessibilityManager from './NativeAccessibilityManager';

package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.js.flow CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 /**

package/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.win32.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 import UIManager from '../../ReactNative/UIManager';

package/Libraries/Components/ActivityIndicator/ActivityIndicator.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 'use strict';

package/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js CHANGED Viewed

@@ -4,10 +4,9 @@
  * 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
+ * @format
  */
 export * from '../../../src/private/specs_DEPRECATED/components/ActivityIndicatorViewNativeComponent';
-import ActivityIndicatorViewNativeComponent from '../../../src/private/specs_DEPRECATED/components/ActivityIndicatorViewNativeComponent';
-export default ActivityIndicatorViewNativeComponent;
+export {default} from '../../../src/private/specs_DEPRECATED/components/ActivityIndicatorViewNativeComponent';

package/Libraries/Components/Button.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 'use strict';
@@ -63,6 +63,7 @@ export type ButtonProps = $ReadOnly<{
     @platform tv
     @default false
+    @deprecated Use `focusable` instead
    */
   hasTVPreferredFocus?: ?boolean,
@@ -280,10 +281,12 @@ export type ButtonProps = $ReadOnly<{
   ```
  */
-const Touchable: typeof TouchableNativeFeedback | typeof TouchableOpacity =
+const NativeTouchable:
+  | typeof TouchableNativeFeedback
+  | typeof TouchableOpacity =
   Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
-type ButtonRef = React.ElementRef<typeof Touchable>;
+type ButtonRef = React.ElementRef<typeof NativeTouchable>;
 const Button: component(
   ref?: React.RefSetter<ButtonRef>,
@@ -361,7 +364,7 @@ const Button: component(
       : importantForAccessibility;
   return (
-    <Touchable
+    <NativeTouchable
       accessible={accessible}
       accessibilityActions={accessibilityActions}
       onAccessibilityAction={onAccessibilityAction}
@@ -390,7 +393,7 @@ const Button: component(
           {formattedTitle}
         </Text>
       </View>
-    </Touchable>
+    </NativeTouchable>
   );
 };

package/Libraries/Components/Button.win32.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 'use strict';
@@ -64,6 +64,7 @@ export type ButtonProps = $ReadOnly<{
     @platform tv
     @default false
+    @deprecated Use `focusable` instead
    */
   hasTVPreferredFocus?: ?boolean,
@@ -283,10 +284,12 @@ export type ButtonProps = $ReadOnly<{
   ```
  */
-const Touchable: typeof TouchableNativeFeedback | typeof TouchableOpacity =
+const NativeTouchable:
+  | typeof TouchableNativeFeedback
+  | typeof TouchableOpacity =
   Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
-type ButtonRef = React.ElementRef<typeof Touchable>;
+type ButtonRef = React.ElementRef<typeof NativeTouchable>;
 const Button: component(
   ref?: React.RefSetter<ButtonRef>,
@@ -369,7 +372,7 @@ const Button: component(
       : importantForAccessibility;
   return (
-    <Touchable
+    <NativeTouchable
       accessible={accessible}
       accessibilityActions={accessibilityActions}
       onAccessibilityAction={onAccessibilityAction}
@@ -398,7 +401,7 @@ const Button: component(
           {formattedTitle}
         </Text>
       </View>
-    </Touchable>
+    </NativeTouchable>
   );
 };

package/Libraries/Components/Clipboard/Clipboard.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 import NativeClipboard from './NativeClipboard';

package/Libraries/Components/Clipboard/NativeClipboard.js CHANGED Viewed

@@ -9,5 +9,4 @@
  */
 export * from '../../../src/private/specs_DEPRECATED/modules/NativeClipboard';
-import NativeClipboard from '../../../src/private/specs_DEPRECATED/modules/NativeClipboard';
-export default NativeClipboard;
+export {default} from '../../../src/private/specs_DEPRECATED/modules/NativeClipboard';

package/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js CHANGED Viewed

@@ -4,10 +4,9 @@
  * 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
+ * @format
  */
 export * from '../../../src/private/specs_DEPRECATED/components/AndroidDrawerLayoutNativeComponent';
-import AndroidDrawerLayoutNativeComponent from '../../../src/private/specs_DEPRECATED/components/AndroidDrawerLayoutNativeComponent';
-export default AndroidDrawerLayoutNativeComponent;
+export {default} from '../../../src/private/specs_DEPRECATED/components/AndroidDrawerLayoutNativeComponent';

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js CHANGED Viewed

@@ -30,7 +30,7 @@ import nullthrows from 'nullthrows';
 import * as React from 'react';
 import {createRef} from 'react';
-const DRAWER_STATES = ['Idle', 'Dragging', 'Settling'];
+const DRAWER_STATES = ['Idle', 'Dragging', 'Settling'] as const;
 /**
  * React component that wraps the platform `DrawerLayout` (Android only). The

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.ios.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 'use strict';

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow
+ * @format
  */
 // NOTE: This file supports backwards compatibility of subpath (deep) imports

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js.flow CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 import DrawerLayoutAndroid from './DrawerLayoutAndroidFallback';

package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroidFallback.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 'use strict';

package/Libraries/Components/Keyboard/Keyboard.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 import type {EventSubscription} from '../../vendor/emitter/EventEmitter';

package/Libraries/Components/Keyboard/KeyboardAvoidingView.js CHANGED Viewed

@@ -4,8 +4,8 @@
  * 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
+ * @format
  */
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';

package/Libraries/Components/Keyboard/NativeKeyboardObserver.js CHANGED Viewed

@@ -9,5 +9,4 @@
  */
 export * from '../../../src/private/specs_DEPRECATED/modules/NativeKeyboardObserver';
-import NativeKeyboardObserver from '../../../src/private/specs_DEPRECATED/modules/NativeKeyboardObserver';
-export default NativeKeyboardObserver;
+export {default} from '../../../src/private/specs_DEPRECATED/modules/NativeKeyboardObserver';

package/Libraries/Components/Pressable/Pressable.js CHANGED Viewed

@@ -8,6 +8,7 @@
  * @format
  */
+import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {
   GestureResponderEvent,
   LayoutChangeEvent,
@@ -26,8 +27,6 @@ import useAndroidRippleForView, {
 import * as React from 'react';
 import {memo, useMemo, useRef, useState} from 'react';
-type ViewStyleProp = React.ElementConfig<typeof View>['style'];
 export type {PressableAndroidRippleConfig};
 export type PressableStateCallbackType = $ReadOnly<{
@@ -192,6 +191,8 @@ function Pressable({
     disabled,
     focusable,
     hitSlop,
+    onBlur,
+    onFocus,
     onHoverIn,
     onHoverOut,
     onLongPress,
@@ -263,6 +264,8 @@ function Pressable({
       delayHoverOut,
       delayLongPress,
       delayPressIn: unstable_pressDelay,
+      onBlur,
+      onFocus,
       onHoverIn,
       onHoverOut,
       onLongPress,
@@ -301,6 +304,8 @@ function Pressable({
       delayLongPress,
       disabled,
       hitSlop,
+      onBlur,
+      onFocus,
       onHoverIn,
       onHoverOut,
       onLongPress,
@@ -314,6 +319,7 @@ function Pressable({
       unstable_pressDelay,
     ],
   );
   const eventHandlers = usePressability(config);
   return (