@dartcom/ui-kit 10.2.20 → 10.2.22

package/dist/components/layers/leaflet/lib/hooks/useGetLeafletLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetLeafletLayer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layers/leaflet/lib/hooks/useGetLeafletLayer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,OAAO,EAEL,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,UAAU,CAAC;AAKlB,KAAK,uBAAuB,GAAG;IAC7B,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mCAGhC,uBAAuB;;;;4BA0GT,kBAAkB;4BA0BlB,mBAAmB,CAAC,MAAM,CAAC;+BAa1B,mBAAmB,CAAC,MAAM,CAAC,UAC/B,mBAAmB,CAAC,KAAK,CAAC;+BAWvB,kBAAkB;sBASvB,kBAAkB;yBAyClB,kBAAkB;gCAaR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;gCAWzC,kBAAkB;gDAgBL;QAAE,KAAK,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE;;;;CA2HvE,CAAC"}
+{"version":3,"file":"useGetLeafletLayer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layers/leaflet/lib/hooks/useGetLeafletLayer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,OAAO,EAEL,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,UAAU,CAAC;AAKlB,KAAK,uBAAuB,GAAG;IAC7B,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mCAGhC,uBAAuB;;;;4BA2HT,kBAAkB;4BA0BlB,mBAAmB,CAAC,MAAM,CAAC;+BAa1B,mBAAmB,CAAC,MAAM,CAAC,UAC/B,mBAAmB,CAAC,KAAK,CAAC;+BAWvB,kBAAkB;sBASvB,kBAAkB;yBAyClB,kBAAkB;gCAaR;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;gCAWzC,kBAAkB;gDAgBL;QAAE,KAAK,EAAE,kBAAkB,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE;;;;CA2HvE,CAAC"}

package/dist/index.cjs

@@ -43411,7 +43411,8 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
             if (window.Tangram) {
                 const leafletLayer = window.Tangram.leafletLayer({
                     scene: data,
-                    modifyScrollWheel: false,
+                    modifyScrollWheel: true,
+                    modifyZoomBehavior: false,
                 });
                 const { scene } = leafletLayer;
                 scene.subscribe({
@@ -43422,6 +43423,21 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
                 leafletLayer.on('load', ({ sourceTarget }) => {
                     const map = sourceTarget._map;
                     const mapContainer = map.getContainer();
+                    const origPerformZoom = map.scrollWheelZoom._performZoom;
+                    map.scrollWheelZoom._performZoom = function (event) {
+                        try {
+                            origPerformZoom.call(event);
+                        }
+                        catch (err) {
+                            if (err.message.includes('lat')) {
+                                const delta = event.originalEvent.deltaY > 0 ? -0.1 : 0.1;
+                                map.setZoom(map.getZoom() + delta, { animate: true });
+                            }
+                            else {
+                                throw err;
+                            }
+                        }
+                    };
                     leafletLayer.setSelectionEvents({
                         click: ({ feature, leaflet_event }) => {
                             if (feature) {