@splunk/visualizations 24.5.2 → 24.7.0

package/Column.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.2 - c5ebe25a8",
+      "data-splunk-visualization-version": "24.7.0 - c7389a161",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.2 - c5ebe25a8"
+  'data-splunk-visualization-version': "24.7.0 - c7389a161"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Ellipse.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.2 - c5ebe25a8",
+      "data-splunk-visualization-version": "24.7.0 - c7389a161",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.2 - c5ebe25a8"
+  'data-splunk-visualization-version': "24.7.0 - c7389a161"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/FillerGauge.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.2 - c5ebe25a8",
+      "data-splunk-visualization-version": "24.7.0 - c7389a161",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.2 - c5ebe25a8"
+  'data-splunk-visualization-version': "24.7.0 - c7389a161"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Image.js

@@ -390,7 +390,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.2 - c5ebe25a8",
+      "data-splunk-visualization-version": "24.7.0 - c7389a161",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1591,7 +1591,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.2 - c5ebe25a8"
+  'data-splunk-visualization-version': "24.7.0 - c7389a161"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Line.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.2 - c5ebe25a8",
+      "data-splunk-visualization-version": "24.7.0 - c7389a161",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1555,7 +1555,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.2 - c5ebe25a8"
+  'data-splunk-visualization-version': "24.7.0 - c7389a161"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/LinkGraph.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.2 - c5ebe25a8",
+      "data-splunk-visualization-version": "24.7.0 - c7389a161",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1550,7 +1550,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.2 - c5ebe25a8"
+  'data-splunk-visualization-version': "24.7.0 - c7389a161"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"

package/Map.js

@@ -582,7 +582,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.5.2 - c5ebe25a8",
+      "data-splunk-visualization-version": "24.7.0 - c7389a161",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1545,7 +1545,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "24.5.2 - c5ebe25a8"
+  'data-splunk-visualization-version': "24.7.0 - c7389a161"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1778,8 +1778,10 @@ exports.DEFAULT_SERIES_COLORS = visualization_color_palettes_1.VIZ_CATEGORICAL;
 exports.MAP_STYLE_VERSION_NUMBER = 8; // currently using one [min, max] value set for bubbles across all zoom levels
 // TODO: design choices on [min, max] bubble size for different zoom levels
 
-exports.MIN_BUBBLE_RADIUS = 4;
-exports.MAX_BUBBLE_RADIUS = 50;
+exports.MIN_BUBBLE_RADIUS = 7.11; // 10px
+
+exports.MAX_BUBBLE_RADIUS = 45.26; // 85px
+
 /**
  * Construct a tile preset {key: config} by combining the default + custom tile configs
  * Also returns the default tile config for each theme - light/dark
@@ -2388,7 +2390,7 @@ var __rest = this && this.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PureMap = exports.config = exports.themes = exports.computeVizProps = exports.convertToArrOfObjects = void 0;
+exports.PureMap = exports.config = exports.themes = exports.useIconPlaceholder = exports.computeVizProps = exports.convertToArrOfObjects = void 0;
 /* eslint-disable no-sequences */
 
 var React = __webpack_require__(1);
@@ -2649,14 +2651,17 @@ var withNullToZeros = function withNullToZeros(Viz) {
   return VizWithColumnsNullToZeros;
 };
 
+function useIconPlaceholder(dataSources, loading) {
+  return loading;
+}
+
+exports.useIconPlaceholder = useIconPlaceholder;
 var Map = withoutInternalFields(withTooltipFields(withNullToZeros(withDashboardViz_1.default({
   ReactViz: PureMap_1.default,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps,
   disableEditModeCover: true,
-  useIconPlaceholder: function useIconPlaceholder() {
-    return false;
-  }
+  useIconPlaceholder: useIconPlaceholder
 }))));
 var themes = config_1.default.themes;
 exports.themes = themes;
@@ -2769,7 +2774,8 @@ var PureMap = function PureMap(props) {
     }
 
     return [center[1], center[0]];
-  }, [center]); // Assign default zoom when no zoom is defined
+  }, [center]); // TODO: take out zoomLevel to use zoom instead (set prop zoom = DEFAULT_ZOOM)
+  // Assign default zoom when no zoom is defined
 
   var zoomLevel = react_1.useMemo(function () {
     if (zoom === undefined) {
@@ -2807,21 +2813,26 @@ var PureMap = function PureMap(props) {
       setTimeout(function () {
         return onMapLoad();
       }, 500);
-    }); // drag
+    }); // register event listener - drag
 
     map.current.on('dragend', function () {
       var newCenter = map.current.getCenter();
       onOptionsChange({
         center: [newCenter.lat, newCenter.lng]
       });
-    }); // zoom
+    }); // register event listener - zoom
 
     map.current.on('zoomend', function () {
-      setCurrentZoomLevel(map.current.getZoom());
+      setCurrentZoomLevel(map.current.getZoom()); // when zooming with mouse/track pad,
+      // zooming centers at the cursor position, need to update center as well
+
+      var newCenter = map.current.getCenter();
       onOptionsChange({
+        center: [newCenter.lat, newCenter.lng],
         zoom: map.current.getZoom()
       });
-    });
+    }); // add zoom control
+
     zoomControl.current = new maplibre_gl_1.NavigationControl({
       showCompass: false
     });
@@ -2884,11 +2895,9 @@ var PureMap = function PureMap(props) {
   }, [tilePreset, initializeMap, initializeScale, updateScale, defaultTileLight, defaultTileDark, baseLayerTileServer, baseLayerTileServerType, themeColorScheme]);
   react_1.useEffect(function () {
     if (map.current) {
-      map.current.on('load', function () {
-        map.current.flyTo({
-          center: lngLatCenter,
-          zoom: zoomLevel
-        });
+      map.current.flyTo({
+        center: lngLatCenter,
+        zoom: zoomLevel
       });
     }
   }, [lngLatCenter, zoomLevel]);
@@ -3163,7 +3172,7 @@ exports.PieSegment = React.memo(function (_ref) {
       onClick: handleSegmentClick,
       cx: radius,
       cy: radius,
-      r: radius - 1,
+      r: radius,
       fill: color,
       fillOpacity: 0.5,
       strokeWidth: 1.5,