@xyo-network/react-map 2.67.5 → 2.67.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/Components/MapBoxPoints.d.cts.map +1 -1
- package/dist/browser/Components/MapBoxPoints.d.mts.map +1 -1
- package/dist/browser/Components/MapBoxPoints.d.ts.map +1 -1
- package/dist/browser/MapBoxClasses/MapHeat.d.cts.map +1 -1
- package/dist/browser/MapBoxClasses/MapHeat.d.mts.map +1 -1
- package/dist/browser/MapBoxClasses/MapHeat.d.ts.map +1 -1
- package/dist/browser/MapBoxClasses/MapPoints.d.cts.map +1 -1
- package/dist/browser/MapBoxClasses/MapPoints.d.mts.map +1 -1
- package/dist/browser/MapBoxClasses/MapPoints.d.ts.map +1 -1
- package/dist/browser/MapBoxClasses/MapSettings.d.cts.map +1 -1
- package/dist/browser/MapBoxClasses/MapSettings.d.mts.map +1 -1
- package/dist/browser/MapBoxClasses/MapSettings.d.ts.map +1 -1
- package/dist/browser/index.cjs +29 -34
- package/dist/browser/index.cjs.map +1 -1
- package/dist/browser/index.js +29 -34
- package/dist/browser/index.js.map +1 -1
- package/dist/browser/types/NetworkLocationAnswerBase.d.cts +6 -42
- package/dist/browser/types/NetworkLocationAnswerBase.d.cts.map +1 -1
- package/dist/browser/types/NetworkLocationAnswerBase.d.mts +6 -42
- package/dist/browser/types/NetworkLocationAnswerBase.d.mts.map +1 -1
- package/dist/browser/types/NetworkLocationAnswerBase.d.ts +6 -42
- package/dist/browser/types/NetworkLocationAnswerBase.d.ts.map +1 -1
- package/dist/node/Components/MapBoxPoints.d.cts.map +1 -1
- package/dist/node/Components/MapBoxPoints.d.mts.map +1 -1
- package/dist/node/Components/MapBoxPoints.d.ts.map +1 -1
- package/dist/node/MapBoxClasses/MapHeat.d.cts.map +1 -1
- package/dist/node/MapBoxClasses/MapHeat.d.mts.map +1 -1
- package/dist/node/MapBoxClasses/MapHeat.d.ts.map +1 -1
- package/dist/node/MapBoxClasses/MapPoints.d.cts.map +1 -1
- package/dist/node/MapBoxClasses/MapPoints.d.mts.map +1 -1
- package/dist/node/MapBoxClasses/MapPoints.d.ts.map +1 -1
- package/dist/node/MapBoxClasses/MapSettings.d.cts.map +1 -1
- package/dist/node/MapBoxClasses/MapSettings.d.mts.map +1 -1
- package/dist/node/MapBoxClasses/MapSettings.d.ts.map +1 -1
- package/dist/node/index.cjs +29 -34
- package/dist/node/index.cjs.map +1 -1
- package/dist/node/index.js +29 -34
- package/dist/node/index.js.map +1 -1
- package/dist/node/types/NetworkLocationAnswerBase.d.cts +6 -42
- package/dist/node/types/NetworkLocationAnswerBase.d.cts.map +1 -1
- package/dist/node/types/NetworkLocationAnswerBase.d.mts +6 -42
- package/dist/node/types/NetworkLocationAnswerBase.d.mts.map +1 -1
- package/dist/node/types/NetworkLocationAnswerBase.d.ts +6 -42
- package/dist/node/types/NetworkLocationAnswerBase.d.ts.map +1 -1
- package/package.json +13 -13
- package/src/Components/AnimatedHeatMapLoaded.tsx +3 -3
- package/src/Components/LayerAnimator.tsx +4 -4
- package/src/Components/MapBoxPoints.tsx +5 -8
- package/src/Contexts/HeatMapInitializer/Provider.tsx +1 -1
- package/src/MapBoxClasses/MapHeat.ts +9 -8
- package/src/MapBoxClasses/MapPoints.ts +1 -0
- package/src/MapBoxClasses/MapSettings.ts +6 -10
- package/src/hooks/useDynamicPositioning.tsx +2 -2
- package/src/hooks/useQuadKeyPayloadsToFeatures.tsx +1 -1
package/dist/node/index.js
CHANGED
|
@@ -203,7 +203,7 @@ var useQuadKeyPayloadsToFeatures = (payloads) => {
|
|
|
203
203
|
const [error, setError] = useState3();
|
|
204
204
|
useEffect3(() => {
|
|
205
205
|
if (Array.isArray(payloads)) {
|
|
206
|
-
if (compact(payloads).length
|
|
206
|
+
if (compact(payloads).length > 0) {
|
|
207
207
|
const mappedFeatures = payloads == null ? void 0 : payloads.map((payload) => payload == null ? void 0 : payload.result.map(quadKeyToFeature));
|
|
208
208
|
setMultipleFeatureSets(mappedFeatures.map((features2) => (features2 == null ? void 0 : features2.map(setDensity)) ?? []));
|
|
209
209
|
} else {
|
|
@@ -270,11 +270,11 @@ var MapHeat = class extends MapBase {
|
|
|
270
270
|
} else {
|
|
271
271
|
bounds = new LngLatBounds();
|
|
272
272
|
features.forEach((feature) => {
|
|
273
|
-
feature.geometry.coordinates
|
|
274
|
-
|
|
273
|
+
for (const coordinates of feature.geometry.coordinates) {
|
|
274
|
+
for (const position of coordinates) {
|
|
275
275
|
bounds.extend(position);
|
|
276
|
-
}
|
|
277
|
-
}
|
|
276
|
+
}
|
|
277
|
+
}
|
|
278
278
|
});
|
|
279
279
|
}
|
|
280
280
|
map.setCenter(bounds.getCenter());
|
|
@@ -291,9 +291,9 @@ var MapHeat = class extends MapBase {
|
|
|
291
291
|
});
|
|
292
292
|
this.updateLayer(map, layers[0], sources[0]);
|
|
293
293
|
this.updateLayer(map, layers[1], sources[1]);
|
|
294
|
-
|
|
294
|
+
for (const layer of layers) {
|
|
295
295
|
map.setPaintProperty(layer.id, "fill-opacity", 0);
|
|
296
|
-
}
|
|
296
|
+
}
|
|
297
297
|
const frameLength = 3e3;
|
|
298
298
|
const initialPad = 0.5;
|
|
299
299
|
const factor = 10;
|
|
@@ -369,7 +369,7 @@ var MapHeat = class extends MapBase {
|
|
|
369
369
|
const featuresCollection = GeoJson3.featureCollection(this.config.features);
|
|
370
370
|
return GeoJson3.featuresSource(featuresCollection);
|
|
371
371
|
};
|
|
372
|
-
layers.
|
|
372
|
+
for (const [index, layer] of layers.entries()) {
|
|
373
373
|
const existingSource = this.config.map.getSource(layer.source);
|
|
374
374
|
const source = getSource(index);
|
|
375
375
|
if (existingSource) {
|
|
@@ -378,7 +378,7 @@ var MapHeat = class extends MapBase {
|
|
|
378
378
|
this.config.map.addSource(layer.source, source);
|
|
379
379
|
}
|
|
380
380
|
layer.update(this.config.map, true);
|
|
381
|
-
}
|
|
381
|
+
}
|
|
382
382
|
return this;
|
|
383
383
|
}
|
|
384
384
|
};
|
|
@@ -445,9 +445,11 @@ var MapSettings = class _MapSettings {
|
|
|
445
445
|
const debugEvents = ["resize", "zoomend", "dragend"];
|
|
446
446
|
if (value) {
|
|
447
447
|
this.mapListeners.logData(void 0, map);
|
|
448
|
-
|
|
448
|
+
for (const event of debugEvents)
|
|
449
|
+
map.on(event, this.mapListeners.logData);
|
|
449
450
|
} else {
|
|
450
|
-
|
|
451
|
+
for (const event of debugEvents)
|
|
452
|
+
map.off(event, this.mapListeners.logData);
|
|
451
453
|
}
|
|
452
454
|
}
|
|
453
455
|
static toggleScrollToZoom(value, map) {
|
|
@@ -479,10 +481,8 @@ var MapSettings = class _MapSettings {
|
|
|
479
481
|
});
|
|
480
482
|
this.geoLocateControl = this.geoLocateControl || geolocateControl;
|
|
481
483
|
this.navControl = this.navControl || navControl;
|
|
482
|
-
if (!map.hasControl(this.geoLocateControl)) {
|
|
483
|
-
|
|
484
|
-
map.addControl(this.geoLocateControl);
|
|
485
|
-
}
|
|
484
|
+
if (!map.hasControl(this.geoLocateControl) && requestLocation) {
|
|
485
|
+
map.addControl(this.geoLocateControl);
|
|
486
486
|
}
|
|
487
487
|
if (!map.hasControl(this.navControl)) {
|
|
488
488
|
map.addControl(this.navControl, "top-left");
|
|
@@ -490,10 +490,8 @@ var MapSettings = class _MapSettings {
|
|
|
490
490
|
return this;
|
|
491
491
|
}
|
|
492
492
|
static removeControls(map) {
|
|
493
|
-
if (this.geoLocateControl && map.hasControl(this.geoLocateControl)) {
|
|
494
|
-
|
|
495
|
-
map.removeControl(this.geoLocateControl);
|
|
496
|
-
}
|
|
493
|
+
if (this.geoLocateControl && map.hasControl(this.geoLocateControl) && this.requestLocation) {
|
|
494
|
+
map.removeControl(this.geoLocateControl);
|
|
497
495
|
}
|
|
498
496
|
if (this.navControl && map.hasControl(this.navControl)) {
|
|
499
497
|
map.removeControl(this.navControl);
|
|
@@ -596,7 +594,7 @@ var HeatMapInitializerProvider = ({
|
|
|
596
594
|
heatMapColorProps
|
|
597
595
|
};
|
|
598
596
|
useEffect6(() => {
|
|
599
|
-
if (mapInitialized && (featureSets == null ? void 0 : featureSets.length) && featureSets[0].length && map && (featureSetsLayers == null ? void 0 : featureSetsLayers.length)) {
|
|
597
|
+
if (mapInitialized && (featureSets == null ? void 0 : featureSets.length) && featureSets[0].length > 0 && map && (featureSetsLayers == null ? void 0 : featureSetsLayers.length)) {
|
|
600
598
|
const { lowUsageColor, highUsageColor } = heatMapColorProps;
|
|
601
599
|
forget2(MapHeat.initializeAnimatedHeatMapSource(featureSetsLayers, featureSets, map, lowUsageColor, highUsageColor));
|
|
602
600
|
}
|
|
@@ -1079,7 +1077,7 @@ var AnimatedHeatMapLoaded = ({ accessToken, archivistNameOrAddress, ...props })
|
|
|
1079
1077
|
xyoError.message ? `Error: ${xyoError.message}` : null,
|
|
1080
1078
|
"You might try authenticating again."
|
|
1081
1079
|
] }) : null,
|
|
1082
|
-
hashes
|
|
1080
|
+
hashes === void 0 ? /* @__PURE__ */ jsx12(Alert, { children: "Missing answer hash for heat map query" }) : /* @__PURE__ */ jsx12(
|
|
1083
1081
|
AnimatedHeatMap,
|
|
1084
1082
|
{
|
|
1085
1083
|
accessToken,
|
|
@@ -1089,7 +1087,7 @@ var AnimatedHeatMapLoaded = ({ accessToken, archivistNameOrAddress, ...props })
|
|
|
1089
1087
|
heatMapColorProps,
|
|
1090
1088
|
...MapBoxHeatProps
|
|
1091
1089
|
}
|
|
1092
|
-
)
|
|
1090
|
+
)
|
|
1093
1091
|
] });
|
|
1094
1092
|
};
|
|
1095
1093
|
|
|
@@ -1169,7 +1167,7 @@ var LayerAnimator = ({ animateLayers, children, layers, layersInitialized, map }
|
|
|
1169
1167
|
for (let i = 0; i < animatedLayerCount; i++) {
|
|
1170
1168
|
animatedLayers.push(getNextLayer());
|
|
1171
1169
|
}
|
|
1172
|
-
animatedLayers.
|
|
1170
|
+
for (const [index, layer] of animatedLayers.entries()) {
|
|
1173
1171
|
if (index === 0) {
|
|
1174
1172
|
layerAnimateWorker(layer);
|
|
1175
1173
|
} else {
|
|
@@ -1177,15 +1175,15 @@ var LayerAnimator = ({ animateLayers, children, layers, layersInitialized, map }
|
|
|
1177
1175
|
layerAnimateWorker(layer);
|
|
1178
1176
|
}, timeIncrement * index);
|
|
1179
1177
|
}
|
|
1180
|
-
}
|
|
1178
|
+
}
|
|
1181
1179
|
}, [getNextLayer, layerAnimateWorker]);
|
|
1182
1180
|
useEffect8(() => {
|
|
1183
|
-
if (animateLayers && layersInitialized && map && fillLayers.length) {
|
|
1181
|
+
if (animateLayers && layersInitialized && map && fillLayers.length > 0) {
|
|
1184
1182
|
queueLayerAnimation();
|
|
1185
1183
|
}
|
|
1186
1184
|
}, [animateLayers, fillLayers.length, layersInitialized, map, queueLayerAnimation]);
|
|
1187
1185
|
useInterval(() => {
|
|
1188
|
-
if (animateLayers && layersInitialized && map && fillLayers.length) {
|
|
1186
|
+
if (animateLayers && layersInitialized && map && fillLayers.length > 0) {
|
|
1189
1187
|
queueLayerAnimation();
|
|
1190
1188
|
}
|
|
1191
1189
|
}, timeIncrement * animatedLayerCount);
|
|
@@ -1217,18 +1215,15 @@ var MapboxPointsFlexBox = ({
|
|
|
1217
1215
|
return {};
|
|
1218
1216
|
};
|
|
1219
1217
|
const updateFeatures = useCallback2(() => {
|
|
1220
|
-
if ((mapPoints == null ? void 0 : mapPoints.isMapReady) && (features == null ? void 0 : features.length))
|
|
1221
|
-
|
|
1218
|
+
if ((mapPoints == null ? void 0 : mapPoints.isMapReady) && (features == null ? void 0 : features.length) && layers)
|
|
1219
|
+
for (const layer of layers) {
|
|
1222
1220
|
mapPoints.initializeMapSource(layer);
|
|
1223
|
-
}
|
|
1224
|
-
}
|
|
1221
|
+
}
|
|
1225
1222
|
}, [mapPoints, features, layers]);
|
|
1226
1223
|
const updateMapSetup = useCallback2(() => {
|
|
1227
1224
|
const { fitToPoints: fitToPoints3 } = mapSettings || {};
|
|
1228
|
-
if (mapPoints && map) {
|
|
1229
|
-
|
|
1230
|
-
mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) });
|
|
1231
|
-
}
|
|
1225
|
+
if (mapPoints && map && (fitToPoints3 == null ? void 0 : fitToPoints3.value) === true) {
|
|
1226
|
+
mapPoints.initialMapPositioning({ padding: fitToPointsPadding, ...customFitToBoundsOptions(zoom) });
|
|
1232
1227
|
}
|
|
1233
1228
|
}, [mapSettings, mapPoints, map, fitToPointsPadding, zoom]);
|
|
1234
1229
|
const reInitializeMap = useCallback2(() => {
|