feat(gallery-web): add refreshIndicator to gallery component

Author: samuelreichert

packages/pluggableWidgets/gallery-web/src/Gallery.editorPreview.tsx

@@ -104,6 +104,7 @@ function Preview(props: GalleryPreviewProps): ReactElement {
             itemEventsController={itemEventsController}
             focusController={focusController}
             getPosition={getPositionCallback}
+            showRefreshIndicator={false}
             preview
         />
     );

packages/pluggableWidgets/gallery-web/src/components/Gallery.tsx

@@ -52,6 +52,7 @@ export interface GalleryProps<T extends ObjectItem> {
     selectHelper: SelectActionHandler;
     getPosition: (index: number) => PositionInGrid;
     loadMoreButtonCaption?: string;
+    showRefreshIndicator: boolean;
 }
 
 export function Gallery<T extends ObjectItem>(props: GalleryProps<T>): ReactElement {
@@ -87,7 +88,7 @@ export function Gallery<T extends ObjectItem>(props: GalleryProps<T>): ReactElem
         >
             <GalleryTopBar>{showTopPagination && pagination}</GalleryTopBar>
             {props.showHeader && <GalleryHeader aria-label={props.headerTitle}>{props.header}</GalleryHeader>}
-            <RefreshIndicator className="mx-refresh-container-padding" />
+            {props.showRefreshIndicator ? <RefreshIndicator className="mx-refresh-container-padding" /> : null}
             <GalleryContent
                 hasMoreItems={props.hasMoreItems}
                 setPage={props.setPage}

packages/pluggableWidgets/gallery-web/src/utils/test-utils.tsx

@@ -73,7 +73,8 @@ export function createMockGalleryContext(): GalleryRootScope {
         pageSize: 10,
         stateStorageType: "localStorage",
         storeFilters: false,
-        storeSort: false
+        storeSort: false,
+        refreshIndicator: false
     });
 
     const mockSelectHelper = new SelectActionHandler("None", undefined);
@@ -149,6 +150,7 @@ export function mockProps(params: Helpers & Mocks = {}): GalleryProps<ObjectItem
         header: <input />,
         itemEventsController,
         focusController,
-        getPosition: (index: number) => getColumnAndRowBasedOnIndex(3, 3, index)
+        getPosition: (index: number) => getColumnAndRowBasedOnIndex(3, 3, index),
+        showRefreshIndicator: false
     };
 }