Fix inverted list by applying forked version of react-native-web

[azimgd]

I used a patched version of react-native-web with fixes for copying text into the buffer in reversed order;

React native change: Expensify/react-native-web#3

Details

I have removed flatlist inversion (by inverted=true prop) which used [transform: translate] css hack and instead adding flatlist array items in reverse order [unshift instead of push]; It also reverses ScrollView event response received from browser [e.nativeEvent.configOffset *= -1];

Fixed Issues

#3381

Tests

1. run npm install which will patch react-native-web package
2. npm run web
3. load a chat with 200 messages
4. scrolling up and down (with debugger enabled) works fine
5. copying text into buffer preserves order

QA Steps

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Screen.Recording.2021-08-09.at.01.16.16.mov

Mobile Web

Desktop

iOS

Android

[azimgd]

@thienlnam ready for review. First Expensify/react-native-web#3 needs to be merged.

[azimgd]

@parasharrajat @PrashantMangukiya @kidroca

Based on your previous reports I would appreciate if you could take a look at this PR.

[azimgd]

Fixes #6436 #6425

[kidroca]

We already decided against having to build this in the postinstall hook
It would be much better to use a prebuilt hash from our fork

Build once use the same bundle everywhere vs making everyone build it themselves

cc @thienlnam

[azimgd]

@kidroca could you link the thread with discussion here

[thienlnam]

Here's the slack thread https://expensify.slack.com/archives/C01GTK53T8Q/p1636047163494200

[azimgd]

@thienlnam Simply changing main and dist won't work as the inner package reference becomes obsolete. I will and move rn-web into the root folder.

[azimgd]

This still looks like a hack and a workaround while we could have implemented github's package service as a better approach (Proposition #1 from the thread).

[thienlnam]

As discussed in the thread, going to allow this for now so we can have QA test these changes and create another issue to have it fixed.

Going to test this locally before approving / merging

[thienlnam]

Tests well for me locally

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[thienlnam]

Linked the issue to update how we apply it #6763

For now, this can move along and we can have QA test the changes to the virtualized list

[OSBotify]

🚀 Deployed to staging by @thienlnam in version: 1.1.20-3 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	failure ❌
🕸 web 🕸	success ✅

[alex-mechler]

Reverting to solve a deploy blocker #6792

[OSBotify]

🚀 Deployed to production by @Julesssss in version: 1.1.21-1 🚀

platform	result
🤖 android 🤖	failure ❌
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅