@dartcom/ui-kit 10.2.31 → 10.2.32

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,EAAE,MAAM,OAAO,CAAC;AAK3C,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,kBAAkB,EAAE,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuC7C,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,EAAE,MAAM,OAAO,CAAC;AAK3C,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,kBAAkB,EAAE,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/layers/leaflet/services/tangram-layer.d.ts

@@ -3,19 +3,29 @@ import { ConfigSource, SourceLayerEventHandlers, TangramCustomLayer, TangramEven
 type UseGetLeafletLayerProps = {
     eventHandlers?: SourceLayerEventHandlers;
     defaultLayers?: TangramCustomLayer[];
-    onCreate: (props: {
+    onCreate?: (props: {
         layer: TangramLeafletLayer;
     }) => void;
-    onDelete: (props: {
+    onDestroy?: (props: {
+        layer: TangramLeafletLayer;
+    }) => void;
+    onAdd?: (props: {
+        layer: TangramLeafletLayer;
+    }) => void;
+    onLoad?: (props: {
+        layer: TangramLeafletLayer;
+    }) => void;
+    onRemove?: (props: {
         layer: TangramLeafletLayer;
     }) => void;
 };
 export declare class TangramLayer {
     private readonly props;
     constructor(props: UseGetLeafletLayerProps);
+    private _initLayer;
     private _createLayer;
     private _addHandlers;
-    removeLayer(): void;
+    destroy(): void;
     private _init;
     private _layer;
     get layer(): Nullable<TangramLeafletLayer>;

package/dist/components/layers/leaflet/services/tangram-layer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tangram-layer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/leaflet/services/tangram-layer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EACL,YAAY,EAGZ,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,QAAQ,CAAC;AAKhB,KAAK,uBAAuB,GAAG;IAC7B,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAErC,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,qBAAa,YAAY;IACX,OAAO,CAAC,QAAQ,CAAC,KAAK;gBAAL,KAAK,EAAE,uBAAuB;IA0B3D,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IA0Cb,WAAW;IAUlB,OAAO,CAAC,KAAK;IAoDb,OAAO,CAAC,MAAM,CAAuC;IACrD,IAAW,KAAK,kCAEf;IACD,OAAO,KAAK,KAAK,QAEhB;IAED,OAAO,CAAC,OAAO,CAAsC;IACrD,IAAW,MAAM,iCAEhB;IACD,OAAO,KAAK,MAAM,QAEjB;IAED,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAW,OAAO,YAEjB;IACD,OAAO,KAAK,OAAO,QAElB;IAED,IAAW,KAAK,qCAMf;IAEM,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IAQzD,SAAS,CAAC,UAAU,EAAE,kBAAkB;IAaxC,YAAY,CAAC,UAAU,EAAE,kBAAkB;IAO3C,SAAS,CAAC,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;IASjD,YAAY,CACjB,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC,EACvC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC;IAQ7B,YAAY,CAAC,UAAU,EAAE,kBAAkB;IAM3C,QAAQ,CAAC,KAAK,EAAE,kBAAkB;IAsClC,YAAY;IASZ,WAAW,CAAC,KAAK,EAAE,kBAAkB;IASrC,SAAS;IAUT,kBAAkB,CAAC,KAAK,EAAE,kBAAkB;IAa5C,qBAAqB,CAAC,EAC3B,KAAK,EACL,OAAO,GACR,EAAE;QACD,KAAK,EAAE,kBAAkB,CAAC;QAC1B,OAAO,EAAE,OAAO,CAAC;KAClB;CASF"}
+{"version":3,"file":"tangram-layer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/leaflet/services/tangram-layer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EACL,YAAY,EAGZ,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,QAAQ,CAAC;AAKhB,KAAK,uBAAuB,GAAG;IAC7B,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAErC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,mBAAmB,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,qBAAa,YAAY;IACX,OAAO,CAAC,QAAQ,CAAC,KAAK;gBAAL,KAAK,EAAE,uBAAuB;IAI3D,OAAO,CAAC,UAAU;IA0BlB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,YAAY;IA0Db,OAAO;IAcd,OAAO,CAAC,KAAK;IAoDb,OAAO,CAAC,MAAM,CAAuC;IACrD,IAAW,KAAK,kCAEf;IACD,OAAO,KAAK,KAAK,QAEhB;IAED,OAAO,CAAC,OAAO,CAAsC;IACrD,IAAW,MAAM,iCAEhB;IACD,OAAO,KAAK,MAAM,QAEjB;IAED,OAAO,CAAC,QAAQ,CAAS;IACzB,IAAW,OAAO,YAEjB;IACD,OAAO,KAAK,OAAO,QAElB;IAED,IAAW,KAAK,qCAMf;IAEM,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IAQzD,SAAS,CAAC,UAAU,EAAE,kBAAkB;IAaxC,YAAY,CAAC,UAAU,EAAE,kBAAkB;IAO3C,SAAS,CAAC,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;IASjD,YAAY,CACjB,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC,EACvC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC;IAQ7B,YAAY,CAAC,UAAU,EAAE,kBAAkB;IAM3C,QAAQ,CAAC,KAAK,EAAE,kBAAkB;IAsClC,YAAY;IASZ,WAAW,CAAC,KAAK,EAAE,kBAAkB;IASrC,SAAS;IAUT,kBAAkB,CAAC,KAAK,EAAE,kBAAkB;IAa5C,qBAAqB,CAAC,EAC3B,KAAK,EACL,OAAO,GACR,EAAE;QACD,KAAK,EAAE,kBAAkB,CAAC;QAC1B,OAAO,EAAE,OAAO,CAAC;KAClB;CASF"}

package/dist/index.cjs

@@ -26636,21 +26636,22 @@ const DartcomInitializeProvider = ({ children, configOptions }) => {
 
 const MapProvider = ({ children }) => {
     const [isReady, setIsReady] = React__namespace.useState(false);
-    React__namespace.useEffect(() => {
-        Promise.all([
-            Promise.resolve().then(function () { return tangram_min; }),
-            Promise.resolve().then(function () { return leaflet_rotatedMarker; }),
-            Promise.resolve().then(function () { return leaflet_polylineoffset$1; }),
-            Promise.resolve().then(function () { return index$1; }),
-            Promise.resolve().then(function () { return index; }),
-            Promise.resolve().then(function () { return leafletArrows$1; }),
-        ])
-            .then(() => {
+    const init = async () => {
+        try {
+            await Promise.resolve().then(function () { return tangram_min; });
+            await Promise.resolve().then(function () { return leaflet_rotatedMarker; });
+            await Promise.resolve().then(function () { return leaflet_polylineoffset$1; });
+            await Promise.resolve().then(function () { return index$1; });
+            await Promise.resolve().then(function () { return index; });
+            await Promise.resolve().then(function () { return leafletArrows$1; });
             setIsReady(true);
-        })
-            .catch(() => {
+        }
+        catch {
             setIsReady(false);
-        });
+        }
+    };
+    React__namespace.useEffect(() => {
+        init();
     }, []);
     if (!isReady)
         return null;
@@ -39318,7 +39319,7 @@ const tile_size = 256;
 const sourceUrl = {
     [exports.TangramSourceNames.TILE]: `${"https://dalganmap.ru/api"}/tiles/get_tile/{z}/{x}/{y}.mvt`,
     [exports.TangramSourceNames.NATURE_TILE]: `${"https://dalganmap.ru/api"}/tiles/get_nature_tile/{z}/{x}/{y}.mvt`,
-    [exports.TangramSourceNames.MSK]: `${"http://89.108.118.23:3070"}/tiles/get_tile/{z}/{x}/{y}.mvt`,
+    [exports.TangramSourceNames.MSK]: `${"$VITE_API_HOST:$VITE_API_PORT"}/tiles/get_tile/{z}/{x}/{y}.mvt`,
 };
 
 var data = { global:{ links:{ getIsConstruction:"function (feature) {\n  const { construction } = feature;\n\n  return construction;\n}\n",
@@ -43952,6 +43953,9 @@ class TangramLayer {
     props;
     constructor(props) {
         this.props = props;
+        this._initLayer();
+    }
+    _initLayer() {
         if (GlobalConfig.instance.isValidApiKey) {
             const layer = this._createLayer();
             if (layer) {
@@ -43964,8 +43968,8 @@ class TangramLayer {
                     },
                 });
                 this.layer = layer;
-                this._addHandlers();
-                this.props.onCreate({ layer });
+                this.props.onCreate?.({ layer });
+                this._addHandlers(layer);
             }
         }
     }
@@ -43977,43 +43981,48 @@ class TangramLayer {
             return leafletLayer;
         }
     }
-    _addHandlers() {
-        if (this.layer) {
-            this.layer.addEventListener('load', (event) => {
-                const { sourceTarget } = event;
-                const mapInstance = sourceTarget._map;
-                if (this.layer) {
-                    this.layer.setSelectionEvents({
-                        click: ({ feature, leaflet_event }) => {
-                            if (feature) {
-                                const { source_layer, properties } = feature;
-                                this.props.eventHandlers?.[source_layer]?.click?.({
-                                    leaflet_event,
-                                    properties,
-                                });
-                            }
-                        },
-                        hover: ({ feature, leaflet_event }) => {
-                            const mapContainer = mapInstance.getContainer();
-                            if (feature) {
-                                const { source_layer, properties } = feature;
-                                mapContainer.style.cursor = 'pointer';
-                                this.props.eventHandlers?.[source_layer]?.hover?.({
-                                    leaflet_event,
-                                    properties,
-                                });
-                            }
-                            else {
-                                mapContainer.style.cursor = 'default';
-                            }
-                        },
-                    });
-                }
+    _addHandlers(layer) {
+        layer.addEventListener('load', ({ sourceTarget }) => {
+            this.props.onLoad?.({ layer });
+            const mapInstance = sourceTarget._map;
+            layer.setSelectionEvents({
+                click: ({ feature, leaflet_event }) => {
+                    if (feature) {
+                        const { source_layer, properties } = feature;
+                        this.props.eventHandlers?.[source_layer]?.click?.({
+                            leaflet_event,
+                            properties,
+                        });
+                    }
+                },
+                hover: ({ feature, leaflet_event }) => {
+                    const mapContainer = mapInstance.getContainer();
+                    if (feature) {
+                        const { source_layer, properties } = feature;
+                        mapContainer.style.cursor = 'pointer';
+                        this.props.eventHandlers?.[source_layer]?.hover?.({
+                            leaflet_event,
+                            properties,
+                        });
+                    }
+                    else {
+                        mapContainer.style.cursor = 'default';
+                    }
+                },
             });
-        }
+        }, this);
+        layer.addEventListener('add', () => {
+            this.props.onAdd?.({ layer });
+        }, this);
+        layer.addEventListener('remove', () => {
+            this.props.onRemove?.({ layer });
+        }, this);
     }
-    removeLayer() {
+    destroy() {
         if (this.layer) {
+            this.props.onDestroy?.({
+                layer: this.layer,
+            });
             this.layer.clearAllEventListeners();
             this.layer.remove();
         }
@@ -44036,20 +44045,20 @@ class TangramLayer {
                         u_stripe_width: 1,
                     },
                     blocks: {
-                        filter: `
-              vec3 pos = worldPosition().xyz;
-
-              float ang = radians(a_angle);
-
-              vec2 dir = vec2(sin(ang), cos(ang));
-
-              float positionAlongLine = dot(pos.xy, dir);
-
-              float stripe = step(1.0, mod(positionAlongLine / u_stripe_width, 2.0));
-
-              color.rgb = mix(vec3(1.0, 1.0, 1.0), vec3(1.0, 0.8, 0.0), stripe);
-              
-              color.a = 1.0;
+                        filter: `
+              vec3 pos = worldPosition().xyz;
+
+              float ang = radians(a_angle);
+
+              vec2 dir = vec2(sin(ang), cos(ang));
+
+              float positionAlongLine = dot(pos.xy, dir);
+
+              float stripe = step(1.0, mod(positionAlongLine / u_stripe_width, 2.0));
+
+              color.rgb = mix(vec3(1.0, 1.0, 1.0), vec3(1.0, 0.8, 0.0), stripe);
+              
+              color.a = 1.0;
             `,
                     },
                 },
@@ -44204,25 +44213,27 @@ const LeafletLayer = ({ layers }) => {
     const controlRef = React__namespace.useRef(null);
     const map = useMap();
     React__namespace.useEffect(() => {
+        const { current: layersControl } = controlRef;
         const googleSatelliteLayer = leafletSrcExports.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
             minZoom: 2,
             maxZoom: 25,
             maxNativeZoom: 19,
             subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
         });
+        if (layersControl) {
+            layersControl.addBaseLayer(googleSatelliteLayer, 'Google Satellite');
+        }
         new TangramLayer({
             defaultLayers: layers,
             onCreate: ({ layer }) => {
-                const { current: layersControl } = controlRef;
-                if (layer && layersControl) {
+                if (layersControl) {
                     layersControl.addBaseLayer(layer, 'Dartcom');
-                    layersControl.addBaseLayer(googleSatelliteLayer, 'Google Satellite');
                     layer.addTo(map);
                 }
             },
-            onDelete: ({ layer }) => {
-                const { current: layersControl } = controlRef;
+            onDestroy: ({ layer }) => {
                 if (layersControl) {
+                    layersControl.removeLayer(layer);
                     map.removeLayer(layer);
                 }
             },