@dartcom/ui-kit 10.2.22 → 10.2.24

package/dist/components/layers/leaflet/leaflet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"leaflet.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/leaflet/leaflet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAsB,MAAM,OAAO,CAAC;AAE/D,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,kBAAkB,EAAE,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAc7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"leaflet.d.ts","sourceRoot":"","sources":["../../../../src/components/layers/leaflet/leaflet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAsB,MAAM,OAAO,CAAC;AAE/D,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,kBAAkB,EAAE,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,10 +1,11 @@
 import { Nullable } from '../../../../../lib/types';
 import { SourceLayerEventHandlers, TangramCustomLayer, TangramEventConfig, TangramLeafletLayer, TangramScene, TangramSourceConfig, TangramSourceNames } from '../types';
 type UseGetLeafletLayerProps = {
+    map: L.Map;
     eventHandlers?: SourceLayerEventHandlers;
     defaultLayers?: TangramCustomLayer[];
 };
-export declare const useGetLeafletLayer: ({ eventHandlers, defaultLayers, }: UseGetLeafletLayerProps) => {
+export declare const useGetLeafletLayer: ({ map, eventHandlers, defaultLayers, }: UseGetLeafletLayerProps) => {
     layer: Nullable<TangramLeafletLayer>;
     scene: TangramScene | null;
     config: Nullable<TangramEventConfig>;

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;;;;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"}
+{"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;AAGlB,KAAK,uBAAuB,GAAG;IAC7B,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;IAEX,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB;;;;4BAyGT,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

@@ -43397,7 +43397,7 @@ const getLayerModalsNames = (layer) => {
     return layerModalsNames;
 };
 
-const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
+const useGetLeafletLayer = ({ map, eventHandlers, defaultLayers, }) => {
     const [layer, setLayer] = React__namespace.useState(null);
     const [config, setConfig] = React__namespace.useState(null);
     const scene = React__namespace.useMemo(() => {
@@ -43420,24 +43420,7 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
                         setConfig(config);
                     },
                 });
-                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.on('load', () => {
                     leafletLayer.setSelectionEvents({
                         click: ({ feature, leaflet_event }) => {
                             if (feature) {
@@ -43449,6 +43432,7 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
                             }
                         },
                         hover: ({ feature, leaflet_event }) => {
+                            const mapContainer = map.getContainer();
                             if (feature) {
                                 mapContainer.style.cursor = 'pointer';
                                 const { source_layer, properties } = feature;
@@ -43466,7 +43450,7 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
                 setLayer(leafletLayer);
             }
         });
-    }, [eventHandlers]);
+    }, [eventHandlers, map]);
     const checkConfig = React__namespace.useCallback((callback) => {
         if (config) {
             callback(config);
@@ -43690,10 +43674,11 @@ function useMap() {
 }
 
 const LeafletLayer = ({ layers }) => {
+    const map = useMap();
     const { layer } = useGetLeafletLayer({
+        map,
         defaultLayers: layers,
     });
-    const map = useMap();
     React__namespace.useEffect(() => {
         if (layer) {
             map.addLayer(layer);