chore: enable multisort

Author: iobuhov

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

@@ -1,13 +1,22 @@
 import { createElement, ReactElement } from "react";
+import { useGalleryRootScope } from "../helpers/root-context";
+import { getGlobalSortContext } from "@mendix/widget-plugin-sorting/context";
 
 type GalleryHeaderProps = Omit<JSX.IntrinsicElements["div"], "ref">;
 
+const SortAPI = getGlobalSortContext();
+
 export function GalleryHeader(props: GalleryHeaderProps): ReactElement | null {
     const { children } = props;
+    const scope = useGalleryRootScope();
 
     if (!children) {
         return null;
     }
 
-    return <section {...props} className="widget-gallery-header widget-gallery-filter" />;
+    return (
+        <SortAPI.Provider value={scope.rootStore.sortAPI}>
+            <section {...props} className="widget-gallery-header widget-gallery-filter" />
+        </SortAPI.Provider>
+    );
 }

packages/pluggableWidgets/gallery-web/src/controllers/QueryParamsController.ts

@@ -3,7 +3,7 @@ import { CustomFilterHost } from "@mendix/widget-plugin-filtering/stores/generic
 import { DatasourceController } from "@mendix/widget-plugin-grid/query/DatasourceController";
 import { disposeBatch } from "@mendix/widget-plugin-mobx-kit/disposeBatch";
 import { ReactiveController, ReactiveControllerHost } from "@mendix/widget-plugin-mobx-kit/reactive-controller";
-import { ObservableSortStoreHost } from "@mendix/widget-plugin-sorting/observable-sort-host";
+import { ObservableSortStoreHost } from "@mendix/widget-plugin-sorting/ObservableSortStoreHost";
 import { ListValue } from "mendix";
 import { FilterCondition } from "mendix/filters";
 import { makeAutoObservable, reaction } from "mobx";

packages/shared/widget-plugin-sorting/src/controllers/SortStoreProvider.ts

@@ -37,8 +37,8 @@ export class SortStoreProvider implements ISetupable {
     setup(): () => void {
         const [add, disposeAll] = disposeBatch();
 
-        this._host.observe(this._key, this._store);
-        add(() => this._host.unobserve(this._key));
+        this._host.observe(this._store, this._key);
+        add(() => this._host.unobserve(this._store));
         add(this._store.setup?.());
         return disposeAll;
     }