@dartcom/ui-kit 10.2.23 → 10.2.25

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":"AAIA,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,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mCAGhC,uBAAuB;;;;4BA2GT,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;;;;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"}

package/dist/index.cjs

@@ -39184,19 +39184,6 @@ exports.TangramSourceNames = void 0;
     TangramSourceNames["MSK"] = "msk";
 })(exports.TangramSourceNames || (exports.TangramSourceNames = {}));
 
-const LeafletContext = React.createContext(null);
-function useLeafletContext() {
-    const context = React.use(LeafletContext);
-    if (context == null) {
-        throw new Error('No context provided: useLeafletContext() can only be used in a descendant of <MapContainer>');
-    }
-    return context;
-}
-
-function useMap() {
-    return useLeafletContext().map;
-}
-
 /* eslint-disable no-console */
 class LoggerService {
     constructor() { }
@@ -43413,8 +43400,6 @@ const getLayerModalsNames = (layer) => {
 const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
     const [layer, setLayer] = React__namespace.useState(null);
     const [config, setConfig] = React__namespace.useState(null);
-    const map = useMap();
-    const mapContainer = map.getContainer();
     const scene = React__namespace.useMemo(() => {
         if (layer === null)
             return null;
@@ -43426,8 +43411,7 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
             if (window.Tangram) {
                 const leafletLayer = window.Tangram.leafletLayer({
                     scene: data,
-                    modifyScrollWheel: true,
-                    modifyZoomBehavior: false,
+                    modifyScrollWheel: false,
                 });
                 const { scene } = leafletLayer;
                 scene.subscribe({
@@ -43435,7 +43419,8 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
                         setConfig(config);
                     },
                 });
-                leafletLayer.on('load', () => {
+                leafletLayer.on('load', ({ sourceTarget }) => {
+                    const map = sourceTarget._map;
                     leafletLayer.setSelectionEvents({
                         click: ({ feature, leaflet_event }) => {
                             if (feature) {
@@ -43447,9 +43432,10 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
                             }
                         },
                         hover: ({ feature, leaflet_event }) => {
+                            const mapContainer = map.getContainer();
                             if (feature) {
-                                mapContainer.style.cursor = 'pointer';
                                 const { source_layer, properties } = feature;
+                                mapContainer.style.cursor = 'pointer';
                                 eventHandlers?.[source_layer]?.hover?.({
                                     leaflet_event,
                                     properties,
@@ -43464,7 +43450,7 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
                 setLayer(leafletLayer);
             }
         });
-    }, [eventHandlers, mapContainer]);
+    }, [eventHandlers]);
     const checkConfig = React__namespace.useCallback((callback) => {
         if (config) {
             callback(config);
@@ -43674,11 +43660,24 @@ const useGetLeafletLayer = ({ eventHandlers, defaultLayers, }) => {
     };
 };
 
+const LeafletContext = React.createContext(null);
+function useLeafletContext() {
+    const context = React.use(LeafletContext);
+    if (context == null) {
+        throw new Error('No context provided: useLeafletContext() can only be used in a descendant of <MapContainer>');
+    }
+    return context;
+}
+
+function useMap() {
+    return useLeafletContext().map;
+}
+
 const LeafletLayer = ({ layers }) => {
+    const map = useMap();
     const { layer } = useGetLeafletLayer({
         defaultLayers: layers,
     });
-    const map = useMap();
     React__namespace.useEffect(() => {
         if (layer) {
             map.addLayer(layer);