fix: resolve type issues

Author: iobuhov

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

@@ -16,10 +16,10 @@ export const SelectionCounter = observer(function SelectionCounter({
     const clearButtonAriaLabel = `${selectionCountStore.clearButtonLabel} (${selectionCountStore.selectedCount} selected)`;
 
     return (
-        <If condition={selectionCountStore.displayCount !== ""}>
+        <If condition={selectionCountStore.selectedCountText !== ""}>
             <div className={containerClass}>
                 <span className="widget-gallery-selection-count" aria-live="polite" aria-atomic="true">
-                    {selectionCountStore.displayCount}
+                    {selectionCountStore.selectedCountText}
                 </span>
                 &nbsp;|&nbsp;
                 <button

packages/pluggableWidgets/gallery-web/src/helpers/root-context.ts

@@ -1,11 +1,11 @@
+import { SelectionCounterViewModel } from "@mendix/widget-plugin-grid/main";
 import { SelectActionHandler, SelectionHelper } from "@mendix/widget-plugin-grid/selection";
-import { SelectionCountStore } from "@mendix/widget-plugin-grid/selection/stores/SelectionCountStore";
 import { createContext, useContext } from "react";
 import { GalleryStore } from "../stores/GalleryStore";
 
 export interface GalleryRootScope {
     rootStore: GalleryStore;
-    selectionCountStore: SelectionCountStore;
+    selectionCountStore: SelectionCounterViewModel;
     selectionHelper: SelectionHelper | undefined;
     itemSelectHelper: SelectActionHandler;
 }

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

@@ -2,7 +2,7 @@ import { PlainJs } from "@mendix/filter-commons/typings/settings";
 import { DerivedPropsGate, SetupComponent, SetupComponentHost } from "@mendix/widget-plugin-mobx-kit/main";
 import { EditableValue } from "mendix";
 import { computed, makeObservable } from "mobx";
-import { ObservableStorage } from "src/typings/storage";
+import { ObservableStorage } from "../typings/storage";
 
 type Gate = DerivedPropsGate<{
     stateStorageAttr: EditableValue<string>;

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

@@ -1,8 +1,8 @@
 import { createContextWithStub, FilterAPI } from "@mendix/widget-plugin-filtering/context";
 import { CombinedFilter } from "@mendix/widget-plugin-filtering/stores/generic/CombinedFilter";
 import { CustomFilterHost } from "@mendix/widget-plugin-filtering/stores/generic/CustomFilterHost";
-import { DatasourceService } from "@mendix/widget-plugin-grid/main";
-import { SelectionCountStore } from "@mendix/widget-plugin-grid/selection/stores/SelectionCountStore";
+import { DatasourceService, SelectionCounterViewModel } from "@mendix/widget-plugin-grid/main";
+
 import { DerivedPropsGate, SetupHost } from "@mendix/widget-plugin-mobx-kit/main";
 import { generateUUID } from "@mendix/widget-plugin-platform/framework/generate-uuid";
 import { SortAPI } from "@mendix/widget-plugin-sorting/react/context";
@@ -23,6 +23,7 @@ interface DynamicProps {
     itemSelection?: SelectionSingleValue | SelectionMultiValue;
     sCountFmtSingular?: DynamicValue<string>;
     sCountFmtPlural?: DynamicValue<string>;
+    selectionCountPosition: "top" | "bottom" | "off";
 }
 
 interface StaticProps {
@@ -55,7 +56,7 @@ export class GalleryStore extends SetupHost {
     readonly filterAPI: FilterAPI;
     readonly sortAPI: SortAPI;
     loaderCtrl: DerivedLoaderController;
-    selectionCountStore: SelectionCountStore;
+    selectionCountStore: SelectionCounterViewModel;
 
     constructor(spec: GalleryStoreSpec) {
         super();
@@ -72,7 +73,7 @@ export class GalleryStore extends SetupHost {
             showTotalCount: spec.showTotalCount
         });
 
-        this.selectionCountStore = new SelectionCountStore(spec.gate);
+        this.selectionCountStore = new SelectionCounterViewModel(spec.gate, spec.gate.props.selectionCountPosition);
 
         this._filtersHost = new CustomFilterHost();