fix(viewport): make onViewportChange prop dynamic #4579

packages/system/src/types/panzoom.ts

@@ -12,7 +12,6 @@ export type PanZoomParams = {
   paneClickDistance: number;
   viewport: Viewport;
   translateExtent: CoordinateExtent;
-  onTransformChange: OnTransformChange;
   onDraggingChange: OnDraggingChange;
   onPanZoomStart?: OnPanZoom;
   onPanZoom?: OnPanZoom;
@@ -40,6 +39,7 @@ export type PanZoomUpdateOptions = {
   zoomOnDoubleClick: boolean;
   zoomActivationKeyPressed: boolean;
   lib: string;
+  onTransformChange: OnTransformChange;
 };
 
 export type PanZoomInstance = {

packages/system/src/xypanzoom/XYPanZoom.ts

@@ -40,7 +40,6 @@ export function XYPanZoom({
   onPanZoom,
   onPanZoomStart,
   onPanZoomEnd,
-  onTransformChange,
   onDraggingChange,
 }: PanZoomParams): PanZoomInstance {
   const zoomPanValues: ZoomPanValues = {
@@ -105,6 +104,7 @@ export function XYPanZoom({
     zoomOnDoubleClick,
     zoomActivationKeyPressed,
     lib,
+    onTransformChange,
   }: PanZoomUpdateOptions) {
     if (userSelectionActive && !zoomPanValues.isZoomingOrPanning) {
       destroy();