feat(gallery-web): implement loader controller on gallery store

Author: samuelreichert

packages/pluggableWidgets/gallery-web/src/stores/GalleryStore.ts

@@ -11,6 +11,7 @@ import { SortAPI } from "@mendix/widget-plugin-sorting/react/context";
 import { SortStoreHost } from "@mendix/widget-plugin-sorting/stores/SortStoreHost";
 import { EditableValue, ListValue } from "mendix";
 import { PaginationEnum, StateStorageTypeEnum } from "../../typings/GalleryProps";
+import { DerivedLoaderController } from "../controllers/DerivedLoaderController";
 import { QueryParamsController } from "../controllers/QueryParamsController";
 import { ObservableStorage } from "../typings/storage";
 import { AttributeStorage } from "./AttributeStorage";
@@ -31,6 +32,7 @@ interface StaticProps {
     stateStorageType: StateStorageTypeEnum;
     storeFilters: boolean;
     storeSort: boolean;
+    refreshIndicator: boolean;
 }
 
 export type GalleryPropsGate = DerivedPropsGate<DynamicProps>;
@@ -50,6 +52,7 @@ export class GalleryStore extends BaseControllerHost {
     readonly paging: PaginationController;
     readonly filterAPI: FilterAPI;
     readonly sortAPI: SortAPI;
+    loaderCtrl: DerivedLoaderController;
 
     constructor(spec: GalleryStoreSpec) {
         super();
@@ -86,6 +89,14 @@ export class GalleryStore extends BaseControllerHost {
             host: this._sortHost
         };
 
+        this.loaderCtrl = new DerivedLoaderController({
+            refreshIndicator: spec.refreshIndicator,
+            query: {
+                isRefreshing: this._query.isRefreshing,
+                isSilentRefresh: this._query.isSilentRefresh
+            }
+        });
+
         new RefreshController(this, {
             delay: 0,
             query: this._query.derivedQuery