@planet/maps 11.0.0-dev.1741021734686 → 11.0.0-dev.1741027267187

package/internal/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["render.js"],"names":[],"mappings":";;;;;AA4bA;;;GAGG;AACH,gCAHW,KAAK,CAAC,SAAS,aACf,GAAG,QAsBb;;;;;SAhVa,KAAI,OAAO,EAAE,GAAG,KAAK,GAAG;;;;cACxB,GAAG"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["render.js"],"names":[],"mappings":";;;;;AAidA;;;GAGG;AACH,gCAHW,KAAK,CAAC,SAAS,aACf,GAAG,QAsBb;;;;;SA7Va,KAAI,OAAO,EAAE,GAAG,KAAK,GAAG;;;;cACxB,GAAG"}

package/internal/render.js

@@ -1,4 +1,5 @@
 import OLMap from 'ol/Map.js';
+import {unByKey} from 'ol/Observable.js';
 import Overlay from 'ol/Overlay.js';
 import View from 'ol/View.js';
 import Control from 'ol/control/Control.js';
@@ -56,6 +57,8 @@ const knownTypes = {
   [SOURCE]: true,
 };
 
+const customViewChangeEventType = 'custom-change';
+
 /**
  * @type {import('./update.js').Updater}
  */
@@ -72,10 +75,15 @@ export function updateInstanceFromProps(instance, type, oldProps, newProps) {
 
     if (listenerRegex.test(key)) {
       const listener = newProps[key];
-      const eventType = key
+      let eventType = key
         .replace(listenerColonRegex, 'onChange:')
         .replace(listenerRegex, '$1')
         .toLowerCase();
+
+      // special handling for view change
+      if (instance instanceof View && eventType === 'change') {
+        eventType = customViewChangeEventType;
+      }
       instance.on(eventType, listener);
 
       const oldListener = oldProps[key];
@@ -161,7 +169,13 @@ function createTextInstance() {
  */
 function appendChildToContainer(map, child) {
   if (child instanceof View) {
+    const key = map.on('moveend', () => {
+      child.dispatchEvent(customViewChangeEventType);
+    });
     map.setView(child);
+    map.on('change:view', () => {
+      unByKey(key);
+    });
     return;
   }
   if (child instanceof Overlay) {
@@ -242,7 +256,8 @@ function commitUpdate(instance, type, oldProps, newProps) {
  */
 function removeChildFromContainer(map, child) {
   if (child instanceof View) {
-    map.setView(child);
+    // @ts-ignore (remove when https://github.com/openlayers/openlayers/pull/16691 is released)
+    map.setView(null);
     return;
   }
   if (child instanceof Overlay) {
@@ -308,7 +323,13 @@ function insertInCollection(collection, child, beforeChild) {
  */
 function insertInContainerBefore(map, child, beforeChild) {
   if (child instanceof View) {
+    const key = map.on('moveend', () => {
+      child.dispatchEvent(customViewChangeEventType);
+    });
     map.setView(child);
+    map.on('change:view', () => {
+      unByKey(key);
+    });
     return;
   }
   let collection;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planet/maps",
-  "version": "11.0.0-dev.1741021734686",
+  "version": "11.0.0-dev.1741027267187",
   "description": "Declarative mapping components for React",
   "type": "module",
   "repository": {