react-native-windows 0.0.0-canary.481 → 0.0.0-canary.484

package/.flowconfig

@@ -118,4 +118,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.173.0
+^0.175.0

package/Libraries/Alert/Alert.windows.js

@@ -70,7 +70,7 @@ class Alert {
       buttonNeutral,
       buttonNegative,
       buttonPositive,
-    ].findIndex((b) => b != null && b.style === 'default');
+    ].findIndex(b => b != null && b.style === 'default');
 
     // XAML has an enum to specify the default button, which is:
     //   None = 0, Primary = 1, Secondary = 2, Close = 3
@@ -101,7 +101,7 @@ class Alert {
         options && options.onDismiss && options.onDismiss();
       }
     };
-    const onError = (errorMessage) => console.warn(errorMessage);
+    const onError = errorMessage => console.warn(errorMessage);
     NativeDialogManagerWindows.showAlert(config, onError, onAction);
   }
 

package/Libraries/AppState/AppState.js

@@ -154,7 +154,7 @@ class AppState {
       case 'focus':
         // $FlowIssue[invalid-tuple-arity] Flow cannot refine handler based on the event type
         // $FlowIssue[incompatible-call]
-        emitter.addListener('appStateFocusChange', listener);
+        emitter.removeListener('appStateFocusChange', listener);
         return;
     }
     throw new Error('Trying to unsubscribe from unknown event: ' + type);

package/Libraries/Components/ScrollView/ScrollViewStickyHeader.js

@@ -170,7 +170,9 @@ class ScrollViewStickyHeader extends React.Component<Props, State> {
 
     this.props.onLayout(event);
     const child = React.Children.only(this.props.children);
-    if (child.props.onLayout) {
+    if (child.props.onCellLayout) {
+      child.props.onCellLayout(event, child.props.cellKey, child.props.index);
+    } else if (child.props.onLayout) {
       child.props.onLayout(event);
     }
   };

package/Libraries/Components/TextInput/TextInput.windows.js

@@ -1113,7 +1113,7 @@ function InternalTextInput(props: Props): React.Node {
 
   const _setNativeRef = setAndForwardRef({
     getForwardedRef: () => props.forwardedRef,
-    setLocalRef: (ref) => {
+    setLocalRef: ref => {
       inputRef.current = ref;
 
       /*

package/Libraries/Components/Touchable/TouchableHighlight.windows.js

@@ -178,7 +178,7 @@ class TouchableHighlight extends React.Component<Props, State> {
       android_disableSound: this.props.touchSoundDisabled,
       onMouseEnter: this.props.onMouseEnter, // [Windows]
       onMouseLeave: this.props.onMouseLeave, // [Windows]
-      onBlur: (event) => {
+      onBlur: event => {
         if (Platform.isTV) {
           this._hideUnderlay();
         }
@@ -186,7 +186,7 @@ class TouchableHighlight extends React.Component<Props, State> {
           this.props.onBlur(event);
         }
       },
-      onFocus: (event) => {
+      onFocus: event => {
         if (Platform.isTV) {
           this._showUnderlay();
         }
@@ -195,7 +195,7 @@ class TouchableHighlight extends React.Component<Props, State> {
         }
       },
       onLongPress: this.props.onLongPress,
-      onPress: (event) => {
+      onPress: event => {
         if (this._hideTimeout != null) {
           clearTimeout(this._hideTimeout);
         }
@@ -209,7 +209,7 @@ class TouchableHighlight extends React.Component<Props, State> {
           this.props.onPress(event);
         }
       },
-      onPressIn: (event) => {
+      onPressIn: event => {
         if (this._hideTimeout != null) {
           clearTimeout(this._hideTimeout);
           this._hideTimeout = null;
@@ -219,7 +219,7 @@ class TouchableHighlight extends React.Component<Props, State> {
           this.props.onPressIn(event);
         }
       },
-      onPressOut: (event) => {
+      onPressOut: event => {
         if (this._hideTimeout == null) {
           this._hideUnderlay();
         }

package/Libraries/Components/Touchable/TouchableOpacity.windows.js

@@ -146,7 +146,7 @@ class TouchableOpacity extends React.Component<Props, State> {
       pressRectOffset: this.props.pressRetentionOffset,
       onMouseEnter: this.props.onMouseEnter, // [Windows]
       onMouseLeave: this.props.onMouseLeave, // [Windows]
-      onBlur: (event) => {
+      onBlur: event => {
         if (Platform.isTV) {
           this._opacityInactive(250);
         }
@@ -154,7 +154,7 @@ class TouchableOpacity extends React.Component<Props, State> {
           this.props.onBlur(event);
         }
       },
-      onFocus: (event) => {
+      onFocus: event => {
         if (Platform.isTV) {
           this._opacityActive(150);
         }
@@ -164,7 +164,7 @@ class TouchableOpacity extends React.Component<Props, State> {
       },
       onLongPress: this.props.onLongPress,
       onPress: this.props.onPress,
-      onPressIn: (event) => {
+      onPressIn: event => {
         this._opacityActive(
           event.dispatchConfig.registrationName === 'onResponderGrant'
             ? 0
@@ -174,7 +174,7 @@ class TouchableOpacity extends React.Component<Props, State> {
           this.props.onPressIn(event);
         }
       },
-      onPressOut: (event) => {
+      onPressOut: event => {
         this._opacityInactive(250);
         if (this.props.onPressOut != null) {
           this.props.onPressOut(event);

package/Libraries/Components/View/View.windows.js

@@ -81,7 +81,7 @@ const View: React.AbstractComponent<
     // https://github.com/facebook/react-native/commit/66601e755fcad10698e61d20878d52194ad0e90c
     // But since Views are not currently supported in Text, we do not need the extra provider
     <TextAncestor.Consumer>
-      {(hasTextAncestor) => {
+      {hasTextAncestor => {
         invariant(
           !hasTextAncestor,
           'Nesting of <View> within <Text> is not currently supported.',

package/Libraries/Components/View/ViewPropTypes.js

@@ -99,6 +99,20 @@ type TouchEventProps = $ReadOnly<{|
   onTouchStartCapture?: ?(e: PressEvent) => void,
 |}>;
 
+type PointerEventCallbackProps = $ReadOnly<{|
+  onPointerCancel?: ?(e: PointerEvent) => void,
+  onPointerCancelCapture?: ?(e: PointerEvent) => void,
+  onPointerDown?: ?(e: PointerEvent) => void,
+  onPointerDownCapture?: ?(e: PointerEvent) => void,
+  onPointerEnter2?: ?(e: PointerEvent) => void,
+  onPointerLeave2?: ?(e: PointerEvent) => void,
+  onPointerEnter2Capture?: ?(e: PointerEvent) => void,
+  onPointerLeave2Capture?: ?(e: PointerEvent) => void,
+  onPointerMove2Capture?: ?(e: PointerEvent) => void,
+  onPointerUp?: ?(e: PointerEvent) => void,
+  onPointerUpCapture?: ?(e: PointerEvent) => void,
+|}>;
+
 /**
  * For most touch interactions, you'll simply want to wrap your component in
  * `TouchableHighlight` or `TouchableOpacity`. Check out `Touchable.js`,
@@ -382,6 +396,7 @@ export type ViewProps = $ReadOnly<{|
   ...GestureResponderEventProps,
   ...MouseEventProps,
   ...TouchEventProps,
+  ...PointerEventCallbackProps,
   ...AndroidViewProps,
   ...IOSViewProps,
 

package/Libraries/Components/View/ViewPropTypes.windows.js

@@ -100,6 +100,20 @@ type TouchEventProps = $ReadOnly<{|
   onTouchStartCapture?: ?(e: PressEvent) => void,
 |}>;
 
+type PointerEventCallbackProps = $ReadOnly<{|
+  onPointerCancel?: ?(e: PointerEvent) => void,
+  onPointerCancelCapture?: ?(e: PointerEvent) => void,
+  onPointerDown?: ?(e: PointerEvent) => void,
+  onPointerDownCapture?: ?(e: PointerEvent) => void,
+  onPointerEnter2?: ?(e: PointerEvent) => void,
+  onPointerLeave2?: ?(e: PointerEvent) => void,
+  onPointerEnter2Capture?: ?(e: PointerEvent) => void,
+  onPointerLeave2Capture?: ?(e: PointerEvent) => void,
+  onPointerMove2Capture?: ?(e: PointerEvent) => void,
+  onPointerUp?: ?(e: PointerEvent) => void,
+  onPointerUpCapture?: ?(e: PointerEvent) => void,
+|}>;
+
 /**
  * For most touch interactions, you'll simply want to wrap your component in
  * `TouchableHighlight` or `TouchableOpacity`. Check out `Touchable.js`,
@@ -430,6 +444,7 @@ export type ViewProps = $ReadOnly<{|
   ...GestureResponderEventProps,
   ...MouseEventProps,
   ...TouchEventProps,
+  ...PointerEventCallbackProps,
   ...AndroidViewProps,
   ...IOSViewProps,
   ...WindowsViewProps, // [Windows]

package/Libraries/Core/ReactNativeVersion.js

@@ -13,5 +13,5 @@ exports.version = {
   major: 0,
   minor: 0,
   patch: 0,
-  prerelease: '20220322-2008-8a5460ce8',
+  prerelease: '20220404-2009-d5da70e17',
 };

package/Libraries/Image/Image.windows.js

@@ -145,7 +145,7 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   return (
     // [Windows
     <TextAncestor.Consumer>
-      {(hasTextAncestor) => {
+      {hasTextAncestor => {
         invariant(
           !hasTextAncestor,
           'Nesting of <Image> within <Text> is not currently supported.',
@@ -154,7 +154,7 @@ let Image = (props: ImagePropsType, forwardedRef) => {
 
         return (
           <ImageAnalyticsTagContext.Consumer>
-            {(analyticTag) => {
+            {analyticTag => {
               return (
                 <ImageViewNativeComponent
                   {...props}

package/Libraries/Lists/FlatList.js

@@ -26,6 +26,7 @@ import type {
 } from './ViewabilityHelper';
 import type {RenderItemType, RenderItemProps} from './VirtualizedList';
 import {keyExtractor as defaultKeyExtractor} from './VirtualizeUtils';
+import memoizeOne from 'memoize-one';
 
 type RequiredProps<ItemT> = {|
   /**
@@ -141,6 +142,10 @@ type OptionalProps<ItemT> = {|
    * See `ScrollView` for flow type and further documentation.
    */
   fadingEdgeLength?: ?number,
+  /**
+   * Enable an optimization to memoize the item renderer to prevent unnecessary rerenders.
+   */
+  strictMode?: boolean,
 |};
 
 /**
@@ -578,9 +583,14 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     };
   }
 
-  _renderer = () => {
-    const {ListItemComponent, renderItem, columnWrapperStyle} = this.props;
-    const numColumns = numColumnsOrDefault(this.props.numColumns);
+  _renderer = (
+    ListItemComponent: ?(React.ComponentType<any> | React.Element<any>),
+    renderItem: ?RenderItemType<ItemT>,
+    columnWrapperStyle: ?ViewStyleProp,
+    numColumns: ?number,
+    extraData: ?any,
+  ) => {
+    const cols = numColumnsOrDefault(numColumns);
 
     let virtualizedListRenderKey = ListItemComponent
       ? 'ListItemComponent'
@@ -605,7 +615,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
        * This comment suppresses an error found when Flow v0.111 was deployed.
        * To see the error, delete this comment and run Flow. */
       [virtualizedListRenderKey]: (info: RenderItemProps<ItemT>) => {
-        if (numColumns > 1) {
+        if (cols > 1) {
           const {item, index} = info;
           invariant(
             Array.isArray(item),
@@ -616,7 +626,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
               {item.map((it, kk) => {
                 const element = renderer({
                   item: it,
-                  index: index * numColumns + kk,
+                  index: index * cols + kk,
                   separators: info.separators,
                 });
                 return element != null ? (
@@ -632,14 +642,19 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     };
   };
 
+  _memoizedRenderer = memoizeOne(this._renderer);
+
   render(): React.Node {
     const {
       numColumns,
       columnWrapperStyle,
       removeClippedSubviews: _removeClippedSubviews,
+      strictMode = false,
       ...restProps
     } = this.props;
 
+    const renderer = strictMode ? this._memoizedRenderer : this._renderer;
+
     return (
       <VirtualizedList
         {...restProps}
@@ -651,7 +666,13 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
         removeClippedSubviews={removeClippedSubviewsOrDefault(
           _removeClippedSubviews,
         )}
-        {...this._renderer()}
+        {...renderer(
+          this.props.ListItemComponent,
+          this.props.renderItem,
+          columnWrapperStyle,
+          numColumns,
+          this.props.extraData,
+        )}
       />
     );
   }

package/Libraries/Lists/VirtualizedList.js

@@ -34,6 +34,7 @@ import type {
   ViewToken,
   ViewabilityConfigCallbackPair,
 } from './ViewabilityHelper';
+import type {LayoutEvent} from '../Types/CoreEventTypes';
 import {
   VirtualizedListCellContextProvider,
   VirtualizedListContext,
@@ -796,12 +797,17 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     const {
       CellRendererComponent,
       ItemSeparatorComponent,
+      ListHeaderComponent,
+      ListItemComponent,
       data,
+      debug,
       getItem,
       getItemCount,
+      getItemLayout,
       horizontal,
+      renderItem,
     } = this.props;
-    const stickyOffset = this.props.ListHeaderComponent ? 1 : 0;
+    const stickyOffset = ListHeaderComponent ? 1 : 0;
     const end = getItemCount(data) - 1;
     let prevCellKey;
     last = Math.min(end, last);
@@ -816,21 +822,24 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         <CellRenderer
           CellRendererComponent={CellRendererComponent}
           ItemSeparatorComponent={ii < end ? ItemSeparatorComponent : undefined}
+          ListItemComponent={ListItemComponent}
           cellKey={key}
+          debug={debug}
           fillRateHelper={this._fillRateHelper}
+          getItemLayout={getItemLayout}
           horizontal={horizontal}
           index={ii}
           inversionStyle={inversionStyle}
           item={item}
           key={key}
           prevCellKey={prevCellKey}
+          onCellLayout={this._onCellLayout}
           onUpdateSeparators={this._onUpdateSeparators}
-          onLayout={e => this._onCellLayout(e, key, ii)}
           onUnmount={this._onCellUnmount}
-          parentProps={this.props}
           ref={ref => {
             this._cellRefs[key] = ref;
           }}
+          renderItem={renderItem}
         />,
       );
       prevCellKey = key;
@@ -1268,7 +1277,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
   };
 
-  _onCellLayout(e, cellKey, index) {
+  _onCellLayout = (e: LayoutEvent, cellKey: string, index: number): void => {
     const layout = e.nativeEvent.layout;
     const next = {
       offset: this._selectOffset(layout),
@@ -1301,7 +1310,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
 
     this._computeBlankness();
     this._updateViewableItems(this.props.data);
-  }
+  };
 
   _onCellUnmount = (cellKey: string) => {
     const curr = this._frames[cellKey];
@@ -1380,7 +1389,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
   }
 
-  _onLayout = (e: Object) => {
+  _onLayout = (e: LayoutEvent) => {
     if (this._isNestedWithSameOrientation()) {
       // Need to adjust our scroll metrics to be relative to our containing
       // VirtualizedList before we can make claims about list item viewability
@@ -1395,7 +1404,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     this._maybeCallOnEndReached();
   };
 
-  _onLayoutEmpty = e => {
+  _onLayoutEmpty = (e: LayoutEvent) => {
     this.props.onLayout && this.props.onLayout(e);
   };
 
@@ -1403,12 +1412,12 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     return this._getCellKey() + '-footer';
   }
 
-  _onLayoutFooter = e => {
+  _onLayoutFooter = (e: LayoutEvent) => {
     this._triggerRemeasureForChildListsInCell(this._getFooterCellKey());
     this._footerLength = this._selectLength(e.nativeEvent.layout);
   };
 
-  _onLayoutHeader = e => {
+  _onLayoutHeader = (e: LayoutEvent) => {
     this._headerLength = this._selectLength(e.nativeEvent.layout);
   };
 
@@ -1886,32 +1895,29 @@ type CellRendererProps = {
   ItemSeparatorComponent: ?React.ComponentType<
     any | {highlighted: boolean, leadingItem: ?Item},
   >,
+  ListItemComponent?: ?(React.ComponentType<any> | React.Element<any>),
   cellKey: string,
+  debug?: ?boolean,
   fillRateHelper: FillRateHelper,
+  getItemLayout?: (
+    data: any,
+    index: number,
+  ) => {
+    length: number,
+    offset: number,
+    index: number,
+    ...
+  },
   horizontal: ?boolean,
   index: number,
   inversionStyle: ViewStyleProp,
   item: Item,
   // This is extracted by ScrollViewStickyHeader
-  onLayout: (event: Object) => void,
+  onCellLayout: (event: Object, cellKey: string, index: number) => void,
   onUnmount: (cellKey: string) => void,
   onUpdateSeparators: (cellKeys: Array<?string>, props: Object) => void,
-  parentProps: {
-    // e.g. height, y,
-    getItemLayout?: (
-      data: any,
-      index: number,
-    ) => {
-      length: number,
-      offset: number,
-      index: number,
-      ...
-    },
-    renderItem?: ?RenderItemType<Item>,
-    ListItemComponent?: ?(React.ComponentType<any> | React.Element<any>),
-    ...
-  },
   prevCellKey: ?string,
+  renderItem?: ?RenderItemType<Item>,
   ...
 };
 
@@ -1980,6 +1986,15 @@ class CellRenderer extends React.Component<
     this.props.onUnmount(this.props.cellKey);
   }
 
+  _onLayout = (nativeEvent: LayoutEvent): void => {
+    this.props.onCellLayout &&
+      this.props.onCellLayout(
+        nativeEvent,
+        this.props.cellKey,
+        this.props.index,
+      );
+  };
+
   _renderElement(renderItem, ListItemComponent, item, index) {
     if (renderItem && ListItemComponent) {
       console.warn(
@@ -2020,14 +2035,16 @@ class CellRenderer extends React.Component<
     const {
       CellRendererComponent,
       ItemSeparatorComponent,
+      ListItemComponent,
+      debug,
       fillRateHelper,
+      getItemLayout,
       horizontal,
       item,
       index,
       inversionStyle,
-      parentProps,
+      renderItem,
     } = this.props;
-    const {renderItem, getItemLayout, ListItemComponent} = parentProps;
     const element = this._renderElement(
       renderItem,
       ListItemComponent,
@@ -2036,12 +2053,10 @@ class CellRenderer extends React.Component<
     );
 
     const onLayout =
-      /* $FlowFixMe[prop-missing] (>=0.68.0 site=react_native_fb) This comment
-       * suppresses an error found when Flow v0.68 was deployed. To see the
-       * error delete this comment and run Flow. */
-      getItemLayout && !parentProps.debug && !fillRateHelper.enabled()
+      (getItemLayout && !debug && !fillRateHelper.enabled()) ||
+      !this.props.onCellLayout
         ? undefined
-        : this.props.onLayout;
+        : this._onLayout;
     // NOTE: that when this is a sticky header, `onLayout` will get automatically extracted and
     // called explicitly by `ScrollViewStickyHeader`.
     const itemSeparator = ItemSeparatorComponent && (

package/Libraries/Lists/__tests__/{FillRateHelper-test.windows.js → FillRateHelper-test.js}

@@ -31,7 +31,7 @@ function computeResult({helper, props, state, scroll}): number {
   return helper.computeBlankness(
     {
       data: dataGlobal,
-      getItemCount: (data2) => data2.length,
+      getItemCount: data2 => data2.length,
       initialNumToRender: 10,
       ...(props || {}),
     },
@@ -98,7 +98,7 @@ describe('computeBlankness', function () {
 
   it('can handle multiple listeners and unsubscribe', function () {
     const listeners = [jest.fn(), jest.fn(), jest.fn()];
-    const subscriptions = listeners.map((listener) =>
+    const subscriptions = listeners.map(listener =>
       FillRateHelper.addListener(listener),
     );
     subscriptions[1].remove();

package/Libraries/Lists/__tests__/{FlatList-test.windows.js → FlatList-test.js}

@@ -102,13 +102,13 @@ describe('FlatList', () => {
     ReactTestRenderer.create(
       <FlatList
         data={[{key: 'outer0'}, {key: 'outer1'}]}
-        renderItem={(outerInfo) => (
+        renderItem={outerInfo => (
           <FlatList
             data={[
               {key: outerInfo.item.key + ':inner0'},
               {key: outerInfo.item.key + ':inner1'},
             ]}
-            renderItem={(innerInfo) => {
+            renderItem={innerInfo => {
               return <item title={innerInfo.item.key} />;
             }}
             ref={listRef}

package/Libraries/Lists/__tests__/{SectionList-test.windows.js → SectionList-test.js}

@@ -39,21 +39,21 @@ describe('SectionList', () => {
     const component = ReactTestRenderer.create(
       <SectionList
         initialNumToRender={Infinity}
-        ItemSeparatorComponent={(props) => (
+        ItemSeparatorComponent={props => (
           <defaultItemSeparator v={propStr(props)} />
         )}
-        ListEmptyComponent={(props) => <empty v={propStr(props)} />}
-        ListFooterComponent={(props) => <footer v={propStr(props)} />}
-        ListHeaderComponent={(props) => <header v={propStr(props)} />}
-        SectionSeparatorComponent={(props) => (
+        ListEmptyComponent={props => <empty v={propStr(props)} />}
+        ListFooterComponent={props => <footer v={propStr(props)} />}
+        ListHeaderComponent={props => <header v={propStr(props)} />}
+        SectionSeparatorComponent={props => (
           <sectionSeparator v={propStr(props)} />
         )}
         sections={[
           {
-            renderItem: (props) => <itemForSection1 v={propStr(props)} />,
+            renderItem: props => <itemForSection1 v={propStr(props)} />,
             key: 's1',
             keyExtractor: (item, index) => item.id,
-            ItemSeparatorComponent: (props) => (
+            ItemSeparatorComponent: props => (
               <itemSeparatorForSection1 v={propStr(props)} />
             ),
             data: [{id: 'i1s1'}, {id: 'i2s1'}],
@@ -69,9 +69,9 @@ describe('SectionList', () => {
         ]}
         refreshing={false}
         onRefresh={jest.fn()}
-        renderItem={(props) => <defaultItem v={propStr(props)} />}
-        renderSectionHeader={(props) => <sectionHeader v={propStr(props)} />}
-        renderSectionFooter={(props) => <sectionFooter v={propStr(props)} />}
+        renderItem={props => <defaultItem v={propStr(props)} />}
+        renderSectionHeader={props => <sectionHeader v={propStr(props)} />}
+        renderSectionFooter={props => <sectionFooter v={propStr(props)} />}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -81,8 +81,8 @@ describe('SectionList', () => {
       <SectionList
         sections={[{key: 's1', data: []}]}
         renderItem={({item}) => <item v={item.key} />}
-        renderSectionHeader={(props) => <sectionHeader v={propStr(props)} />}
-        renderSectionFooter={(props) => <sectionFooter v={propStr(props)} />}
+        renderSectionHeader={props => <sectionHeader v={propStr(props)} />}
+        renderSectionFooter={props => <sectionFooter v={propStr(props)} />}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -92,7 +92,7 @@ describe('SectionList', () => {
       <SectionList
         sections={[{key: 's1', data: []}]}
         renderItem={({item}) => <item v={item.key} />}
-        renderSectionFooter={(props) => <sectionFooter v={propStr(props)} />}
+        renderSectionFooter={props => <sectionFooter v={propStr(props)} />}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -101,7 +101,7 @@ describe('SectionList', () => {
 
 function propStr(props) {
   return Object.keys(props)
-    .map((k) => {
+    .map(k => {
       const propObj = props[k] || {};
       return `${k}:${propObj.key || propObj.id || props[k]}`;
     })

package/Libraries/Lists/__tests__/{VirtualizeUtils-test.windows.js → VirtualizeUtils-test.js}

@@ -62,7 +62,7 @@ describe('elementsThatOverlapOffsets', function () {
       {offset: 950, length: 150},
     ];
     expect(
-      elementsThatOverlapOffsets(offsets, frames.length, (ii) => frames[ii]),
+      elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii]),
     ).toEqual([1, 1, 3]);
   });
   it('handles out of bounds', function () {
@@ -73,7 +73,7 @@ describe('elementsThatOverlapOffsets', function () {
       {offset: 250, length: 100},
     ];
     expect(
-      elementsThatOverlapOffsets(offsets, frames.length, (ii) => frames[ii]),
+      elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii]),
     ).toEqual([1]);
   });
   it('errors on non-increasing offsets', function () {
@@ -84,7 +84,7 @@ describe('elementsThatOverlapOffsets', function () {
       {offset: 250, length: 100},
     ];
     expect(() => {
-      elementsThatOverlapOffsets(offsets, frames.length, (ii) => frames[ii]);
+      elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii]);
     }).toThrowErrorMatchingSnapshot();
   });
 });