infinite scroll / async loading of big lists

[dkuntze]

Before: https://main--da-live--adobe.aem.live
After: https://biglist--da-live--adobe.aem.live

Description

This PR implements adobe/da-admin#241 in the UI. The order of merging does not matter. Although, preference to merging 241 first makes logical sense.

Related Issue

adobe/da-admin#241

Motivation and Context

lets customers unlock directories with 1000+ items.

How Has This Been Tested?

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• I have signed the Adobe Open Source CLA.
• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• I have added tests to cover my changes.
• All new and existing tests passed.

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 1fd63b1 ✅ (latest)
• 09dea0f ✅
• 8bfd735 ✅
• 1c5bd97 ✅
• b334fab ✅
• 10d06a4 ✅
• 88e55f9 ✅
• 31e9550 ✅
• c025ab2 ✅
• 799a366 ✅
• 3d7aa22 ✅
• 1ba5e15 ✅
• 38f0a90 ✅
• b90695e ❌
• 61a4817 ❌
• eafac90 ✅
• a9c89b7 ✅
• 6eb7789 ✅
• 59279a2 ✅
• 596adf2 ✅
• 2df3bb2 ✅

[aem-code-sync]

	Page	Scores	Audits	Google
📱	/
🖥️	/

[chrischrischris]

Looks good!

When the list has fully finished loading, I still see the sentinal at the bottom (faint double line). Can we remove it once we're done loading?

If I try to filter for a file before it has loaded, the file never appears. Tested by filtering for "zzz" on https://biglist--da-live--adobe.aem.live/#/revolttv/da-revolt-tv/article with a slowed network connection.

[auniverseaway]

Very cool.