npm - react-native-windows - Versions diffs - 0.80.1 → 0.81.0-preview.4 - Mend

react-native-windows 0.80.1 → 0.81.0-preview.4

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 (679) hide show

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/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.windows.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';
@@ -60,18 +60,22 @@ export type ActivityIndicatorProps = $ReadOnly<{
   size?: ?IndicatorSize,
 }>;
-const ActivityIndicator = (
-  {
-    animating = true,
-    color = Platform.OS === 'ios' ? GRAY : null,
-    hidesWhenStopped = true,
-    onLayout,
-    size = 'small',
-    style,
-    ...restProps
-  }: ActivityIndicatorProps,
-  forwardedRef?: any,
-) => {
+const ActivityIndicator: component(
+  ref?: React.RefSetter<HostComponent<empty>>,
+  ...props: ActivityIndicatorProps
+) = ({
+  ref: forwardedRef,
+  animating = true,
+  color = Platform.OS === 'ios' ? GRAY : null,
+  hidesWhenStopped = true,
+  onLayout,
+  size = 'small',
+  style,
+  ...restProps
+}: {
+  ref?: any,
+  ...ActivityIndicatorProps,
+}) => {
   let sizeStyle;
   let sizeProp;
@@ -154,11 +158,7 @@ const ActivityIndicator = (
 ```
 */
-const ActivityIndicatorWithRef: component(
-  ref?: React.RefSetter<HostComponent<empty>>,
-  ...props: ActivityIndicatorProps
-) = React.forwardRef(ActivityIndicator);
-ActivityIndicatorWithRef.displayName = 'ActivityIndicator';
+ActivityIndicator.displayName = 'ActivityIndicator';
 const styles = StyleSheet.create({
   container: {
@@ -175,4 +175,4 @@ const styles = StyleSheet.create({
   },
 });
-export default ActivityIndicatorWithRef;
+export default ActivityIndicator;

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,15 +281,17 @@ 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>,
   ...props: ButtonProps
-) = React.forwardRef((props: ButtonProps, ref: React.RefSetter<ButtonRef>) => {
+) = ({ref, ...props}: {ref?: React.RefSetter<ButtonRef>, ...ButtonProps}) => {
   const {
     accessibilityLabel,
     accessibilityState,
@@ -361,7 +364,7 @@ const Button: component(
       : importantForAccessibility;
   return (
-    <Touchable
+    <NativeTouchable
       accessible={accessible}
       accessibilityActions={accessibilityActions}
       onAccessibilityAction={onAccessibilityAction}
@@ -390,9 +393,9 @@ const Button: component(
           {formattedTitle}
         </Text>
       </View>
-    </Touchable>
+    </NativeTouchable>
   );
-});
+};
 Button.displayName = 'Button';

package/Libraries/Components/Button.windows.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';
@@ -68,6 +68,7 @@ export type ButtonProps = $ReadOnly<{
     @platform tv
     @default false
+    @deprecated Use `focusable` instead
    */
   hasTVPreferredFocus?: ?boolean,
@@ -310,8 +311,7 @@ type ButtonRef = React.ElementRef<typeof TouchableHighlight>;
 const Button: component(
   ref?: React.RefSetter<ButtonRef>,
   ...props: ButtonProps
-) = React.forwardRef((props: ButtonProps, ref: React.RefSetter<ButtonRef>) => {
-  // Windows
+) = ({ref, ...props}: {ref?: React.RefSetter<ButtonRef>, ...ButtonProps}) => {
   // [Windows
   const [hover, setHover] = React.useState(false);
   const [pressed, setPressed] = React.useState(false);
@@ -545,7 +545,7 @@ const Button: component(
     );
   }
   // Windows]
-});
+};
 Button.displayName = 'Button';

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

@@ -28,8 +28,9 @@ import AndroidDrawerLayoutNativeComponent, {
 } from './AndroidDrawerLayoutNativeComponent';
 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
@@ -76,9 +77,7 @@ class DrawerLayoutAndroid
   // $FlowFixMe[missing-local-annot]
   _nativeRef =
-    React.createRef<
-      React.ElementRef<typeof AndroidDrawerLayoutNativeComponent>,
-    >();
+    createRef<React.ElementRef<typeof AndroidDrawerLayoutNativeComponent>>();
   state: DrawerLayoutAndroidState = {
     drawerOpened: false,

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/Flyout/FlyoutNativeComponent.js CHANGED Viewed

@@ -13,7 +13,7 @@ import type {
   Int32,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 type DismissEvent = $ReadOnly<{
   isOpen?: boolean,

package/Libraries/Components/Glyph/GlyphNativeComponent.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
 import type {Double} from '../../Types/CodegenTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 import type {HostComponent} from '../../../src/private/types/HostComponent';
 import type {ViewProps} from '../View/ViewPropTypes';

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';
@@ -24,6 +24,7 @@ import AccessibilityInfo from '../AccessibilityInfo/AccessibilityInfo';
 import View from '../View/View';
 import Keyboard from './Keyboard';
 import * as React from 'react';
+import {createRef} from 'react';
 export type KeyboardAvoidingViewProps = $ReadOnly<{
   ...ViewProps,
@@ -73,7 +74,7 @@ class KeyboardAvoidingView extends React.Component<
   constructor(props: KeyboardAvoidingViewProps) {
     super(props);
     this.state = {bottom: 0};
-    this.viewRef = React.createRef();
+    this.viewRef = createRef();
   }
   async _relativeKeyboardHeight(

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/LayoutConformance/LayoutConformance.js CHANGED Viewed

@@ -6,7 +6,6 @@
  *
  * @flow strict-local
  * @format
- * @oncall react_native
  */
 import StyleSheet from '../../StyleSheet/StyleSheet';

package/Libraries/Components/Popup/PopupNativeComponent.js CHANGED Viewed

@@ -6,7 +6,7 @@
  */
 import type {Double, DirectEventHandler, Int32} from '../../Types/CodegenTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {codegenNativeComponent} from 'react-native';
 import type {HostComponent} from '../../../src/private/types/HostComponent';
 import type {ViewProps} from '../View/ViewPropTypes';

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

@@ -8,6 +8,7 @@
  * @format
  */
+import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {
   GestureResponderEvent,
   LayoutChangeEvent,
@@ -24,9 +25,7 @@ import useAndroidRippleForView, {
   type PressableAndroidRippleConfig,
 } from './useAndroidRippleForView';
 import * as React from 'react';
-import {useMemo, useRef, useState} from 'react';
-type ViewStyleProp = React.ElementConfig<typeof View>['style'];
+import {memo, useMemo, useRef, useState} from 'react';
 export type {PressableAndroidRippleConfig};
@@ -165,10 +164,13 @@ type Instance = React.ElementRef<typeof View>;
  * Component used to build display components that should respond to whether the
  * component is currently pressed or not.
  */
-function Pressable(
-  props: PressableProps,
-  forwardedRef: React.RefSetter<Instance>,
-): React.Node {
+function Pressable({
+  ref: forwardedRef,
+  ...props
+}: {
+  ref?: React.RefSetter<Instance>,
+  ...PressableProps,
+}): React.Node {
   const {
     accessible,
     accessibilityState,
@@ -189,6 +191,8 @@ function Pressable(
     disabled,
     focusable,
     hitSlop,
+    onBlur,
+    onFocus,
     onHoverIn,
     onHoverOut,
     onLongPress,
@@ -260,6 +264,8 @@ function Pressable(
       delayHoverOut,
       delayLongPress,
       delayPressIn: unstable_pressDelay,
+      onBlur,
+      onFocus,
       onHoverIn,
       onHoverOut,
       onLongPress,
@@ -298,6 +304,8 @@ function Pressable(
       delayLongPress,
       disabled,
       hitSlop,
+      onBlur,
+      onFocus,
       onHoverIn,
       onHoverOut,
       onLongPress,
@@ -311,6 +319,7 @@ function Pressable(
       unstable_pressDelay,
     ],
   );
   const eventHandlers = usePressability(config);
   return (
@@ -331,7 +340,7 @@ function usePressState(forcePressed: boolean): [boolean, (boolean) => void] {
   return [pressed || forcePressed, setPressed];
 }
-const MemoedPressable = React.memo(React.forwardRef(Pressable));
+const MemoedPressable = memo(Pressable);
 MemoedPressable.displayName = 'Pressable';
 export default (MemoedPressable: component(

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

@@ -8,6 +8,7 @@
  * @format
  */
+import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {
   GestureResponderEvent,
   LayoutChangeEvent,
@@ -28,11 +29,9 @@ import useAndroidRippleForView, {
   type PressableAndroidRippleConfig,
 } from './useAndroidRippleForView';
 import * as React from 'react';
-import {useMemo, useRef, useState} from 'react';
+import {memo, useMemo, useRef, useState} from 'react';
 import type {HandledKeyboardEvent} from '../../Components/View/ViewPropTypes';
-type ViewStyleProp = React.ElementConfig<typeof View>['style'];
 export type {PressableAndroidRippleConfig};
 export type PressableStateCallbackType = $ReadOnly<{
@@ -210,10 +209,13 @@ type Instance = React.ElementRef<typeof View>;
  * Component used to build display components that should respond to whether the
  * component is currently pressed or not.
  */
-function Pressable(
-  props: PressableProps,
-  forwardedRef: React.RefSetter<Instance>,
-): React.Node {
+function Pressable({
+  ref: forwardedRef,
+  ...props
+}: {
+  ref?: React.RefSetter<Instance>,
+  ...PressableProps,
+}): React.Node {
   const {
     accessible,
     accessibilityState,
@@ -237,6 +239,8 @@ function Pressable(
     disabled,
     focusable,
     hitSlop,
+    onBlur,
+    onFocus,
     onHoverIn,
     onHoverOut,
     onLongPress,
@@ -245,8 +249,6 @@ function Pressable(
     onPressMove,
     onPressOut,
     // [Windows
-    onBlur,
-    onFocus,
     onKeyDown,
     onKeyUp,
     // Windows]
@@ -318,6 +320,8 @@ function Pressable(
       delayHoverOut,
       delayLongPress,
       delayPressIn: unstable_pressDelay,
+      onBlur,
+      onFocus,
       onHoverIn,
       onHoverOut,
       onLongPress,
@@ -347,8 +351,6 @@ function Pressable(
         }
       },
       // [Windows
-      onBlur,
-      onFocus,
       onKeyDown,
       onKeyUp,
       // Windows]
@@ -362,6 +364,8 @@ function Pressable(
       delayLongPress,
       disabled,
       hitSlop,
+      onBlur,
+      onFocus,
       onHoverIn,
       onHoverOut,
       onLongPress,
@@ -370,8 +374,6 @@ function Pressable(
       onPressMove,
       onPressOut,
       // [Windows
-      onBlur,
-      onFocus,
       onKeyDown,
       onKeyUp,
       // Windows]
@@ -381,6 +383,7 @@ function Pressable(
       unstable_pressDelay,
     ],
   );
   const eventHandlers = usePressability(config);
   return (
@@ -400,7 +403,7 @@ function usePressState(forcePressed: boolean): [boolean, (boolean) => void] {
   return [pressed || forcePressed, setPressed];
 }
-const MemoedPressable = React.memo(React.forwardRef(Pressable));
+const MemoedPressable = memo(Pressable);
 MemoedPressable.displayName = 'Pressable';
 export default (MemoedPressable: component(

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js CHANGED Viewed

@@ -39,23 +39,24 @@ export type {ProgressBarAndroidProps};
  * },
  * ```
  */
-const ProgressBarAndroidWithForwardedRef: component(
+const ProgressBarAndroid: component(
   ref?: React.RefSetter<
     React.ElementRef<typeof ProgressBarAndroidNativeComponent>,
   >,
   ...props: ProgressBarAndroidProps
-) = React.forwardRef(function ProgressBarAndroid(
-  {
-    // $FlowFixMe[incompatible-type]
-    styleAttr = 'Normal',
-    indeterminate = true,
-    animating = true,
-    ...restProps
-  }: ProgressBarAndroidProps,
-  forwardedRef: ?React.RefSetter<
+) = function ProgressBarAndroid({
+  ref: forwardedRef,
+  // $FlowFixMe[incompatible-type]
+  styleAttr = 'Normal',
+  indeterminate = true,
+  animating = true,
+  ...restProps
+}: {
+  ref?: React.RefSetter<
     React.ElementRef<typeof ProgressBarAndroidNativeComponent>,
   >,
-) {
+  ...ProgressBarAndroidProps,
+}) {
   return (
     <ProgressBarAndroidNativeComponent
       styleAttr={styleAttr}
@@ -65,6 +66,6 @@ const ProgressBarAndroidWithForwardedRef: component(
       ref={forwardedRef}
     />
   );
-});
+};
-export default ProgressBarAndroidWithForwardedRef;
+export default ProgressBarAndroid;