@splunk/visualizations 27.5.1 → 27.5.3

package/LinkGraph.js

@@ -3048,7 +3048,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.5.1 - 8ecd94150",
+        "data-splunk-visualization-version": "27.5.3 - 73f6615d1",
         width,
         height,
         backgroundColor
@@ -3118,7 +3118,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.5.1 - 8ecd94150"
+  "data-splunk-visualization-version": "27.5.3 - 73f6615d1"
 })`
     position: relative;
     width: 100%;

package/Map.js

@@ -496,10 +496,11 @@ var sortByValuesField = (bubbleLayer) => {
   bubbleLayer.bubbleSize.unshift(bubbleLayer.bubbleSize.splice(index, 1)[0]);
 };
 var bakeBubbleData = (layer) => {
-  var _a;
-  if (!layer || !((_a = layer.bubbleSize) == null ? void 0 : _a.length) || !layer.geobin || !layer.geobin.length || !layer.latitude || !layer.latitude.length || !layer.longitude || !layer.longitude.length) {
+  var _a, _b, _c;
+  if (!((_a = layer == null ? void 0 : layer.bubbleSize) == null ? void 0 : _a.length) || !((_b = layer == null ? void 0 : layer.latitude) == null ? void 0 : _b.length) || !((_c = layer == null ? void 0 : layer.longitude) == null ? void 0 : _c.length)) {
     return null;
   }
+  const hasGeobinData = Array.isArray(layer.geobin) && layer.geobin.length > 0;
   const sanitizedBubbleSize = sanitizeValues(layer.bubbleSize);
   let transposedBubbleSize;
   let transposedSanitizedBubbleSize;
@@ -521,14 +522,14 @@ var bakeBubbleData = (layer) => {
     return null;
   }
   const data = layer.latitude.map((lat, i) => ({
-    zoom: getZoomLevelFromGeobin(layer.geobin[i]),
+    zoom: hasGeobinData ? getZoomLevelFromGeobin(layer.geobin[i]) : null,
     values: transposedBubbleSize[i],
     sanitizedValues: transposedSanitizedBubbleSize[i],
     coordinates: [layer.longitude[i], lat],
     metadata: layer.metadata ? layer.metadata[i] : {}
   })).filter((d) => Boolean(d.values));
   let min = (0, lodash_exports.sum)(transposedSanitizedBubbleSize[0]);
-  let max = (0, lodash_exports.sum)(transposedSanitizedBubbleSize[1]);
+  let max = min;
   transposedSanitizedBubbleSize.forEach((row) => {
     const bubbleSize = (0, lodash_exports.sum)(row);
     max = bubbleSize > max ? bubbleSize : max;
@@ -1047,7 +1048,8 @@ var BubbleLayer = (props) => {
   const dynamicColors = bubbleLayer.dataColors;
   const dataToRender = react_exports.useMemo(
     () => data.reduce((acc, datum, i) => {
-      if (datum.zoom === roundedZoom) {
+      const shouldRender = datum.zoom === null || datum.zoom === void 0 || datum.zoom === roundedZoom;
+      if (shouldRender) {
         acc.push({ data: datum, idx: i });
       }
       return acc;
@@ -1262,7 +1264,7 @@ var ClusterLayer = ({
         }
       );
     }
-    if ((clusterLayer == null ? void 0 : clusterLayer.type) === visualization_schemas_exports.LAYER_TYPE.Bubble && "geobin" in clusterLayer && "bubbleSize" in clusterLayer) {
+    if ((clusterLayer == null ? void 0 : clusterLayer.type) === visualization_schemas_exports.LAYER_TYPE.Bubble && Array.isArray(clusterLayer.bubbleSize)) {
       return /* @__PURE__ */ react_exports.createElement(
         BubbleLayer_default,
         {
@@ -1746,12 +1748,22 @@ var PureMap = (props) => {
         style: mapStyle,
         center: lngLatCenter,
         zoom: zoomLevel,
+        attributionControl: false,
         cooperativeGestures: {
           windowsHelpText: (0, i18n_exports._)("Use Ctrl + scroll to zoom map"),
           macHelpText: (0, i18n_exports._)("Use \u2318 + scroll to zoom map"),
           mobileHelpText: (0, i18n_exports._)("Use two fingers to move the map")
         }
       }, getZoomConstraintsFromTileConfig(mapStyle, baseLayerTileServer)));
+      const mapContainer = basemapContainer.current;
+      const markMapBusy = () => {
+        mapContainer.dataset.mapIdle = "false";
+      };
+      map.current.on("movestart", markMapBusy);
+      map.current.on("dataloading", markMapBusy);
+      map.current.on("idle", () => {
+        mapContainer.dataset.mapIdle = "true";
+      });
       map.current.on("load", () => {
         if ((layers == null ? void 0 : layers.length) > 0 && center === void 0 && zoom === void 0) {
           setMapMinZoom(map.current.getZoom());
@@ -1774,6 +1786,7 @@ var PureMap = (props) => {
         onOptionsChangeProxy({ center: [newCenter.lat, newCenter.lng], zoom: map.current.getZoom() });
       });
       map.current.on("resize", () => {
+        markMapBusy();
         const mapZoomLevel = map.current.getZoom();
         if (currentZoomLevelRef.current <= mapMinZoomRef.current && mapZoomLevel !== mapMinZoomRef.current) {
           setMapMinZoom(mapZoomLevel);
@@ -1907,6 +1920,7 @@ var PureMap = (props) => {
     {
       "aria-label": title || (0, i18n_exports._)("Map"),
       className: "puremap",
+      "data-map-idle": "false",
       width,
       height,
       backgroundColor,
@@ -2870,7 +2884,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.5.1 - 8ecd94150",
+        "data-splunk-visualization-version": "27.5.3 - 73f6615d1",
         width,
         height,
         backgroundColor
@@ -2936,7 +2950,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.5.1 - 8ecd94150"
+  "data-splunk-visualization-version": "27.5.3 - 73f6615d1"
 })`
     position: relative;
     width: 100%;