[ENG-9722] Expand File Picker for Registration Submissions

src/app/features/preprints/store/preprint-stepper/preprint-stepper.state.ts

@@ -308,12 +308,12 @@ export class PreprintStepperState {
   getProjectFilesByLink(ctx: StateContext<PreprintStepperStateModel>, action: FetchProjectFilesByLink) {
     ctx.setState(patch({ projectFiles: patch({ isLoading: true }) }));
 
-    return this.fileService.getFilesWithoutFiltering(action.filesLink).pipe(
-      tap((files: FileModel[]) => {
+    return this.fileService.getFilesWithoutFiltering(action.filesLink, 1).pipe(
+      tap((response) => {
         ctx.setState(
           patch({
             projectFiles: patch({
-              data: files,
+              data: response.data,
               isLoading: false,
             }),
           })

src/app/features/registries/components/files-control/files-control.component.html

@@ -46,6 +46,7 @@
       [storage]="null"
       [currentFolder]="currentFolder()!"
       [isLoading]="isFilesLoading()"
+      [scrollHeight]="'500px'"
       [viewOnly]="filesViewOnly()"
       [resourceId]="projectId()"
       [provider]="provider()"

src/app/features/registries/store/handlers/files.handlers.ts

@@ -34,23 +34,27 @@ export class FilesHandlers {
     );
   }
 
-  getProjectFiles(ctx: StateContext<RegistriesStateModel>, { filesLink }: GetFiles) {
+  getProjectFiles(ctx: StateContext<RegistriesStateModel>, { filesLink, page }: GetFiles) {
     const state = ctx.getState();
     ctx.patchState({
       files: {
         ...state.files,
         isLoading: true,
+        error: null,
+        totalCount: 0,
       },
     });
 
-    return this.filesService.getFilesWithoutFiltering(filesLink).pipe(
+    return this.filesService.getFilesWithoutFiltering(filesLink, page).pipe(
       tap((response) => {
+        const newData = page === 1 ? response.data : [...(state.files.data ?? []), ...response.data];
+
         ctx.patchState({
           files: {
-            data: response,
+            data: newData,
             isLoading: false,
             error: null,
-            totalCount: response.length,
+            totalCount: response.totalCount,
           },
         });
       }),

src/app/shared/services/files.service.ts

@@ -16,6 +16,7 @@ import {
   OsfFileRevision,
   PatchFileMetadata,
 } from '@osf/features/files/models';
+import { PaginatedData } from '@osf/shared/models/paginated-data.model';
 
 import { FileKind } from '../enums/file-kind.enum';
 import { AddonMapper } from '../mappers/addon.mapper';
@@ -85,10 +86,17 @@ export class FilesService {
       .pipe(map((response) => ({ files: FilesMapper.getFileFolders(response.data), meta: response.meta })));
   }
 
-  getFilesWithoutFiltering(filesLink: string): Observable<FileModel[]> {
-    return this.jsonApiService
-      .get<FilesResponseJsonApi>(filesLink)
-      .pipe(map((response) => FilesMapper.getFiles(response.data)));
+  getFilesWithoutFiltering(filesLink: string, page = 1): Observable<PaginatedData<FileModel[]>> {
+    const params: Record<string, string> = {
+      page: page.toString(),
+    };
+    return this.jsonApiService.get<FilesResponseJsonApi>(filesLink, params).pipe(
+      map((response) => ({
+        data: FilesMapper.getFiles(response.data),
+        totalCount: response.meta.total,
+        pageSize: response.meta.per_page,
+      }))
+    );
   }
 
   uploadFile(